@charset "UTF-8"; * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; } body { margin: auto; padding: 0; font-size: 13px; font-weight: 300; line-height: 23px; color: #43525A; background-color: #fff; } h1, .h1 { margin: 0; font-size: 34px; font-style: normal; font-weight: 100; line-height: 40px; } h2, .h2 { margin: 0; font-size: 26px; font-style: normal; font-weight: 100; line-height: 34px; } h3, .h3 { margin: 0; font-size: 20px; font-style: normal; font-weight: 100; line-height: 28px; } p { margin: 0 0 10px 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; color: #F47D20; } a, .mediaPlayerLink > * { -webkit-transition: color .3s, opacity .3s; -moz-transition: color .3s, opacity .3s; -o-transition: color .3s, opacity .3s; transition: color .3s, opacity .3s; } a, body.non-touch a:hover, a:focus { outline: none; color: inherit; } a.underline { text-decoration: underline; } #comp-content div[class*=-copy] p a, #comp-content div[id*=introtext] p a { text-decoration: underline; } body.non-touch a:hover, body.non-touch .mediaPlayerLink > *:hover { text-decoration: none; opacity: .4; cursor: pointer; } input { border-radius: 0 !important; font-family: inherit; } *:focus { outline: none !important; } ::-moz-focus-inner { border: 0; } input[type="text"] { margin: 0 !important; border: none; border-bottom: 1px solid #fff; padding: 3px 0 4px 0; width: 100% !important; font-weight: 100; background: none; } input[type="text"]::-webkit-input-placeholder { opacity: 1; color: inherit; font-weight: 100; } input[type="text"]::-moz-placeholder { opacity: 1; color: inherit; font-weight: 100; } input[type="text"]:-ms-input-placeholder { opacity: 1; color: inherit; font-weight: 100; } input[type="text"]:-moz-placeholder { opacity: 1; color: inherit; font-weight: 100; } input[type="checkbox"] { display: none; } input[type="checkbox"] + label { padding-left: 30px; min-height: 25px; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } input[type="checkbox"] + label:before, input[type="checkbox"] + label:after { content: ''; width: 20px; height: 20px; position: absolute; display: block; } input[type="checkbox"] + label:before { border-radius: 50%; border: 1px solid #fff; top: 2px; left: 0; } input[type="checkbox"] + label:after { top: 1px; left: 4px; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s, border-color .08s; } input[type="checkbox"]:checked + label:after { content: '✓'; opacity: 1; } input[type="submit"], input[type="button"], .chronoforms button { border: none; background-color: transparent; cursor: pointer; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .chronoforms button { opacity: 1; } input[type="submit"]:hover, input[type="button"]:hover, .chronoforms button:hover { opacity: .4; } textarea { box-shadow: none !important; border-radius: 0 !important; opacity: 1; font-family: inherit; font-weight: 100; color: inherit; -webkit-appearance: none; } textarea::-webkit-input-placeholder { opacity: 1; font-family: inherit; font-weight: 100; color: inherit; } textarea::-moz-placeholder { opacity: 1; font-family: inherit; font-weight: 100; color: inherit; } textarea:-ms-input-placeholder { opacity: 1; font-family: inherit; font-weight: 100; color: inherit; } textarea:-moz-placeholder { opacity: 1; font-family: inherit; font-weight: 100; color: inherit; } select { border-radius: 0 !important; border: none; border-bottom: 1px solid #fff; padding: 3px 20px 4px 0; width: 100%; min-height: 30px; position: relative; background-color: transparent; background-image: url('../images/shared/chev-down-white.svg'); background-position: right center; background-repeat: no-repeat; background-size: 20px 11px; font-family: inherit; font-weight: 100; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* Intro text on events on mob goes down to 20/28 but intro text on module goes down to 17/22 - which is it? */ .panel-title-lrg { font-size: 13px; font-weight: 100; line-height: inherit; } .mcSignupModule .intro { font-size: 17px; font-weight: 100; line-height: 22px; } .panel-title-sml { font-size: 14px; font-weight: 100; line-height: 20px; color: #43525A; } .mod-languages { position: relative; width: 25px; margin: 0 20px 0 0px; } #langSel { padding: 0; height: 16px; min-height: 16px; margin: 0; position: absolute; top: 0; left: 0; border-bottom: 1px solid #43525A; font-size: 15px; color: rgba(62,82,90,0.5); } .menu-open #langSel { color: rgba(255,255,255,1) !important; border-bottom: 1px solid #ffffff !important; } body:not(.menu-open) #langSel { background-color: transparent; background-image: url('../images/shared/chev-down-blue.svg'); background-position: right center; background-repeat: no-repeat; background-size: 20px 11px; } @media (min-width: 768px) { .panel-title-lrg { font-size: 17px; font-weight: 100; line-height: 22px; } .mod-languages { width: 100px; margin: 0 20px; height: 26px; } #langSel { height: 21px; } } @media (min-width: 1024px) { #langSel { height: 23px; } } @media (min-width: 1200px) { #langSel { height: 27px; } } @media (max-width:768px){ body:not(.search-open) #search-input { width: auto !important; height: auto !important; overflow: visible !important; } #langSel { background-color: transparent; background-image: none !important; } } .more, .watch-link, .share, .filter-btn, .mcSignupForm input, .chronoform input, .chronoform textarea, .chronoform button, select { font-size: 13px; font-weight: 100; line-height: 16px; } .mcSignupForm input::-webkit-input-placeholder { font-size: 13px; line-height: 16px; } .mcSignupForm input::-moz-placeholder { font-size: 13px; line-height: 16px; } .mcSignupForm input:-ms-input-placeholder { font-size: 13px; line-height: 16px; } .mcSignupForm input:-moz-placeholder { font-size: 13px; line-height: 16px; } .chronoform input::-webkit-input-placeholder { font-size: 13px; line-height: 16px; } .chronoform input::-moz-placeholder { font-size: 13px; line-height: 16px; } .chronoform input:-ms-input-placeholder { font-size: 13px; line-height: 16px; } .chronoform input:-moz-placeholder { font-size: 13px; line-height: 16px; } .watch-link.small { font-size: 16px; font-weight: 100; line-height: 23px; } .note, .secondary-links, input[type="checkbox"] + label { font-size: 10px; line-height: 13px; } .note, input[type="checkbox"] + label { font-weight: 300; } .secondary-links { font-weight: 100; } input[type="checkbox"] + label::after { font-size: 15px; font-weight: 300; line-height: 24px; } @media (min-width: 600px) { .watch-link.small { font-size: 12px; line-height: 15px; } } @media (min-width: 1024px) { body { font-size: 15px; line-height: 25px; } h1, .h1 { font-size: 48px; line-height: 64px; } h2, .h2 { font-size: 36px; line-height: 48px; } h3, .h3 { font-size: 28px; line-height: 40px; } p { margin: 0 0 20px 0; } .panel-title-lrg, .mcSignupModule .intro { font-size: 22px; line-height: 32px; } .panel-title-sml { font-size: 18px; line-height: 26px; } .more, .watch-link, .share, .filter-btn, .mcSignupForm input, .chronoform input, .chronoform textarea, .chronoform button, select { font-size: 17px; line-height: 24px; } .mcSignupForm input::-webkit-input-placeholder { font-size: 17px; line-height: 24px; } .mcSignupForm input::-moz-placeholder { font-size: 17px; line-height: 24px; } .mcSignupForm input:-ms-input-placeholder { font-size: 17px; line-height: 24px; } .mcSignupForm input:-moz-placeholder { font-size: 17px; line-height: 24px; } .chronoform input::-webkit-input-placeholder { font-size: 17px; line-height: 24px; } .chronoform input::-moz-placeholder { font-size: 17px; line-height: 24px; } .chronoform input:-ms-input-placeholder { font-size: 17px; line-height: 24px; } .chronoform input:-moz-placeholder { font-size: 17px; line-height: 24px; } .watch-link.small { font-size: 14px; line-height: 20px; } .note, .secondary-links, input[type="checkbox"] + label { font-size: 13px; line-height: 16px; } input[type="checkbox"] + label::after { font-size: 15px; font-weight: 300; line-height: 24px; } } /* SHARED ========================================================= */ .html-hide, .ppl-html-hide { width: 100%; height: 100%; overflow: hidden; } .hidden { display: none !important; } .white, .white *, body.non-touch a.white:hover, body.non-touch .white a:hover, .white input[type="checkbox"] + label, .white input[type="checkbox"] + label::after { color: #fff; } .white input, .white input[type="checkbox"] + label::before, .white input[type="checkbox"] + label::after, .white select, .white textarea, .white .watch-block-inner { border-color: #fff !important; } .white select { background-image: url('../images/shared/chev-down-white.svg') !important; } .black, .black *, body.non-touch a.black:hover, body.non-touch .black a:hover, .black input[type="checkbox"] + label, .black input[type="checkbox"] + label::after { color: #000; } .black input, .black input[type="checkbox"] + label::before, .black input[type="checkbox"] + label::after, .black select, .black textarea, .black .watch-block-inner { border-color: #000 !important; } .black select { background-image: url('../images/shared/chev-down-black.svg') !important; } .blue, .blue *, body.non-touch a.blue:hover, body.non-touch .blue a:hover, .blue input[type="checkbox"] + label, .blue input[type="checkbox"] + label::after { color: #43525A; } .blue input, .blue input[type="checkbox"] + label::before, .blue input[type="checkbox"] + label::after, .blue select, .blue textarea, .blue .watch-block-inner { border-color: #43525A !important; } .blue select { background-image: url('../images/shared/chev-down-blue.svg') !important; } .red, .red *, body.non-touch a.red:hover, body.non-touch .red a:hover, .red input[type="checkbox"] + label, .red input[type="checkbox"] + label::after { color: #EF4136; } .red input, .red input[type="checkbox"] + label::before, .red input[type="checkbox"] + label::after, .red select, .red textarea, .red .watch-block-inner { border-color: #EF4136 !important; } .red select { background-image: url('../images/shared/chev-down-red.svg') !important; } .orange, .orange *, body.non-touch a.orange:hover, body.non-touch .orange a:hover, .orange input[type="checkbox"] + label, .orange input[type="checkbox"] + label::after { color: #F47D20; } .orange input, .orange input[type="checkbox"] + label::before, .orange input[type="checkbox"] + label::after, .orange select, .orange textarea, .orange .watch-block-inner { border-color: #F47D20 !important; } .orange select { background-image: url('../images/shared/chev-down-orange.svg') !important; } .yolk, .yolk *, body.non-touch a.yolk:hover, body.non-touch .yolk a:hover, .yolk input[type="checkbox"] + label, .yolk input[type="checkbox"] + label::after { color: #FB9D04; } .yolk input, .yolk input[type="checkbox"] + label::before, .yolk input[type="checkbox"] + label::after, .yolk select, .yolk textarea, .yolk .watch-block-inner { border-color: #FB9D04 !important; } .yolk select { background-image: url('../images/shared/chev-down-yolk.svg') !important; } .yolk-bg { background-color: #FB9D04; } .blue-grey-bg { background-color: #43525A; } .grey-gradient-up { background: #232323; background: linear-gradient(0deg, #232323, #3d3d3d); } .blue-gradient-right { background: #0a509b; background: linear-gradient(90deg, #0a509b, #5aa8bb); } .orange-gradient-down { background: #d44d00; background: linear-gradient(180deg, #d44d00, #FB9D04); } .teal-gradient-dbl-rad { position: relative; background-image: radial-gradient(circle farthest-side at bottom right, #2E6080, #64aaa4); } .teal-gradient-dbl-rad::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; z-index: 1; background-image: radial-gradient(circle closest-corner at 65% 110%, #2E6080, transparent); } .teal-gradient-dbl-rad::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; opacity: .6; background-image: url(data:image/png;base64,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); } .teal-gradient-dbl-rad > * { position: relative; z-index: 2; } .green-gradient-dbl-rad { position: relative; background-image: radial-gradient(circle farthest-side at bottom right, #008E77, #89b480); } .green-gradient-dbl-rad::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; z-index: 1; background-image: radial-gradient(circle 400px at 95% -10%, #008E77, transparent); } .green-gradient-dbl-rad::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; opacity: .6; background-image: url(data:image/png;base64,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); } .green-gradient-dbl-rad > * { position: relative; z-index: 2; } .light-green-gradient-dbl-rad { position: relative; background-image: radial-gradient(circle farthest-side at bottom right, #008E77, #d2d69d); } .light-green-gradient-dbl-rad::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; z-index: 1; background-image: radial-gradient(circle 400px at 95% -10%, #6aa27d, transparent); } .light-green-gradient-dbl-rad::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; opacity: .6; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==); } .light-green-gradient-dbl-rad > * { position: relative; z-index: 2; } .turquoise-gradient-dbl-rad { position: relative; background-image: radial-gradient(circle farthest-side at bottom right, #267b87, #a0ded1); } .turquoise-gradient-dbl-rad::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; z-index: 1; background-image: radial-gradient(circle 400px at 95% -10%, #267b87, transparent); } .turquoise-gradient-dbl-rad::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; opacity: .6; background-image: url(data:image/png;base64,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); } .turquoise-gradient-dbl-rad > * { position: relative; z-index: 2; } .dark-blue-gradient-dbl-rad { position: relative; background-image: radial-gradient(circle farthest-side at bottom right, #38637e, #69a5a1); } .dark-blue-gradient-dbl-rad::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; z-index: 1; background-image: radial-gradient(circle closest-corner at 65% 110%, #38637e, transparent); } .dark-blue-gradient-dbl-rad::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; opacity: .6; background-image: url(data:image/png;base64,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); } .dark-blue-gradient-dbl-rad > * { position: relative; z-index: 2; } .chev-link { padding-right: 20px; position: relative; background-image: url('../images/shared/chev-right-white.svg'); background-position: right center; background-repeat: no-repeat; background-size: 11px 20px; } /*.chev-link::after { content: ''; width: 11px; height: 20px; position: absolute; top: 0; right: 0; background-position: center; background-repeat: no-repeat; background-size: 11px 20px; }*/ .chev-link-yolk, .chev-link.yolk { background-image: url('../images/shared/chev-right-yolk.svg'); } .blue .chev-link, .chev-link-blue, .chev-link.blue { background-image: url('../images/shared/chev-right-blue.svg'); } .sharer-box { position: relative; right:0; top:0; width: 100%; } .share { padding-left: 22px; min-height: 16px; background: url('../images/shared/share-grey.svg') left top no-repeat; background-size: 16px 16px; } .sharer-load { position: absolute; top: 20px; display: none; right: 0px; z-index: 100; background: #fff; padding: 20px; } /* Fix the watch buttons */ .icon-btn { padding-left: 50px; min-height: 38px; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-position: left top; background-repeat: no-repeat; background-size: 38px 38px; cursor: pointer; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .icon-btn.large { } body.non-touch .icon-btn:hover { opacity: .4; } .icon-btn.facebook { display: inline-block; background-image: url('../images/shared/fb-white-circle.svg'); } .icon-btn > * { width: 100%; } .icon-loader { border: 1px solid transparent; border-top: 1px solid #43525A; border-bottom: 1px solid #43525A; border-radius: 50%; width: 38px; height: 38px; position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; -webkit-animation: icon-spin 2s linear infinite; animation: icon-spin 2s linear infinite; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .loading .icon-loader { opacity: 1; } .loading .icon-btn { opacity: 0; } @-webkit-keyframes icon-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes icon-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .watch-link { padding-left: 50px; min-height: 40px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: url('../images/shared/play-outline-white.svg') left top no-repeat; background-size: 40px 40px; } .watch-link.small { padding-left: 60px; min-height: 45px; background-size: 45px 45px; } .watch-link.yolk { background-image: url('../images/shared/play-outline-yolk.svg'); background-repeat: no-repeat;} .watch-link.black {background: url('../images/shared/play-outline-black.svg'); background-repeat: no-repeat;background-size: 45px 45px;} .watch-link + .watch-link { margin-top: 20px; } .watch-link > * { display: block; } .watch-link .watch-dur { padding-top: 10px; } .events-and-livestreams .addthis_inline_share_toolbox, .events-and-livestreams .addthis_responsive_sharing { height: 1px; overflow: visible; } /* Prevent AddThis intefering with other things */ .social { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .social-icon { width: 100%; height: 30px; position: relative; background-color: transparent; } body.non-touch .social-icon:hover { opacity: .4 !important; } /*body.non-touch .social-icon:hover { opacity: 1; }*/ .social-icon::before, .social-icon::after { content: ''; border-radius: 50%; border: 1px solid #fff; width: 28px; height: 100%; position: absolute; top: 0; left: 0; display: block; opacity: 1; pointer-events: none; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: .3s all; -moz-transition: .3s all; -o-transition: .3s all; transition: .3s all; } .social-icon::after { display: none; background-color: #fff; opacity: 0; } body.non-touch .social-icon:hover::after { opacity: 1; } .social-icon:nth-child(n+2) { margin-left: 30px; } .social-icon.facebook::before, .blue .social-icon.facebook::after { background-image: url('../images/shared/fb-white.svg'); } .social-icon.twitter::before, .blue .social-icon.twitter::after { background-image: url('../images/shared/twtr-white.svg'); } .social-icon.instagram::before, .blue .social-icon.instagram::after { background-image: url('../images/shared/insta-white.svg'); } .social-icon.youtube::before, .blue .social-icon.youtube::after { background-image: url('../images/shared/yt-white.svg'); } .social-icon.facebook::after, .blue .social-icon.facebook::before { background-image: url('../images/shared/fb-blue.svg'); } .social-icon.twitter::after, .blue .social-icon.twitter::before { background-image: url('../images/shared/twtr-blue.svg'); } .social-icon.instagram::after, .blue .social-icon.instagram::before { background-image: url('../images/shared/insta-blue.svg'); } .social-icon.youtube::after, .blue .social-icon.youtube::before { background-image: url('../images/shared/yt-blue.svg'); } .blue .social-icon::before, .blue .social-icon::after { border-color: #43525A; } .blue .social-icon::after { background-color: #43525A; } /* are hero and constrain used? */ .hero { padding: 40px 30px; width: 100%; height: 400px; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-end; background-position: center; background-repeat: no-repeat; background-size: cover; } .inner { padding-right: 10px; padding-left: 10px; } .constrain { margin-right: auto; margin-left: auto; max-width: 774px; } .col-count-2 img, .col-count-3 img { width: 100%; } /* Banner */ /*body:not(.catid-17) .banner:not(#home-banner):not(#about-banner):not(#events-banner):not(#contact-banner) { max-height: 560px; } body:not(.catid-17) .banner.only-heading:not(#home-banner):not(#about-banner):not(#events-banner):not(#contact-banner) { max-height: 254px !important; } body:not(.catid-17) .banner.only-copy:not(#home-banner):not(#about-banner):not(#events-banner):not(#contact-banner) { max-height: 340px !important; }*/ .banner-inner { width: 100%; height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .banner:not(.full-height-image):not(.full-width-image) .banner-inner { padding: 40px 0 50px 0; } .banner.full-height-image .banner-inner, .banner.full-width-image .banner-inner { padding-top: 40px; } .banner-text { width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .banner.only-copy .banner-text { min-height: 150px; } .banner-text .h3 { margin: 30px 0; } .banner-image { padding-top: 31%; /*40%;*/ background-position: center; background-repeat: no-repeat; background-size: contain; } .banner.full-height-image .banner-image { margin-top: 0 !important; padding-top: 73.5%; /*50%;*/ } .banner.full-height-image .banner-image, .banner.full-width-image .banner-image { background-size: cover; } /* Main text blocks */ .text-block + .text-block .text-block-inner { padding-top: 0 !important; } .text-block > h3:first-child, .text-block > .h3:first-child { margin-top: 50px; } .text-block-inner { padding: 50px 0 85px 0; position: relative; } .text-block > h3 + .text-block-inner, .text-block > .h3 + .text-block-inner { padding-top: 0 !important; } .has-share .text-block-inner { padding-bottom: 105px; } .text-block h3, .text-block .h3 { margin-bottom: 35px; } .text-block-inner .sharer-box { right: 0; top: auto; bottom: 40px; position: absolute; } .text-block-inner .share { position: absolute; right: 0; bottom: 0px; } .text-block-inner .sharer-load { top:0; } /* Image & copy small module blocks */ .featured-pages { } .featured-page { width: 100%; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; } .featured-page.reverse { display: -webkit-flex; -webkit-flex-direction: row-reverse; display: flex; flex-direction: row-reverse; } @media (max-width: 600px) { .featured-page.reverse .h3 { font-size: 13px; line-height: 18px; } } .featured-page-image { width: 50%; } .featured-page-image img { width: 100%; display: block; } .featured-page-info { width: 100%; height: 100%; position: absolute; left: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .fpi-text { padding: 8px 10px 8px 8px; width: 100%; } .featured-page-info img { height: 100%; display: none; } /* Image & copy full width blocks */ .sfp-blocks { padding-top: 80px; } .sfp-blocks h3 + .sfp-blocks-inner, .sfp-blocks .h3 + .sfp-blocks-inner { padding-top: 15px; } .single-feature-page { } /* .single-feature-page:nth-child(n+2) { border-top: 1px solid #fff; } */ .sfp-blocks.two-col-mob .single-feature-page { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } div:not(.two-col-desk) > div > div > .sfp-image { min-height: 320px; } .sfp-image div { padding-top: 55%; height: 100%; position: relative; min-height: 320px; background-position: center; background-repeat: no-repeat; background-size: cover; } .sfp-image a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .sfp-info { /*padding: 35px 10px;*/ padding-top: 25px; padding-bottom: 25px; min-height: 150px; } .sfp-info.two-col > *:last-child { padding-top: 25px; } .sfp-info .h3:nth-child(n+2) { margin: 35px 0 0 0; } /* Play blocks that shrink to a slider */ .watch-blocks { padding-top: 65px; padding-bottom: 90px; } .watch-blocks-inner { margin-bottom: 0 !important; padding-top: 60px; overflow: hidden; } .watch-blocks-inner-desk { display: none; } .watch-block-inner { border-top: 1px solid #A1A8AD; padding-top: 20px; width: 100%; /*display: inline-block;*/ display: -ms-flexbox; display: -webkit-flex; display: flex; } .watch-block-info { /* padding-right: 10px;*/ width: 50%; /*float: left;*/ display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .watch-blocks .watch-link { margin-top: 20px; } .watch-blocks.yolk .watch-link { background-image: url('../images/shared/play-outline-yolk.svg'); } .watch-block-image { padding-left: 10px; width: 50%; /*float: left;*/ display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .watch-block-image-inner { position: relative; overflow: hidden; } .watch-block-image-inner::after { border-radius: 50%; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; background-color: #FB9D04; opacity: 1; mix-blend-mode: color; } body.ie .watch-block-image-inner::after { opacity: .7; } .no-image-overlay .watch-block-image-inner::after { display: none; } .watch-block-image img { border-radius: 50%; max-width: 100%; display: block; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .yolk-bg .watch-block-image img, .watch-block-image.white-border img { border: 1px solid #fff; } .watch-blocks .slick-arrow { width: 26px !important; height: 48px !important; top: auto !important; bottom: 0; } .watch-blocks .slick-arrow::before { content: '' !important; width: 100%; height: 100%; display: block; opacity: 1 !important; background: transparent url('../images/shared/chev-right-white-lrg.svg') right center no-repeat; background-size: contain; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .watch-blocks.yolk .slick-arrow::before { background-image: url('../images/shared/chev-right-yolk-lrg.svg'); } body.non-touch .watch-blocks .slick-arrow:hover::before { opacity: .4 !important; } .watch-blocks .slick-prev { left: 20px !important; -webkit-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; transform: rotate(180deg) !important; } .watch-blocks .slick-next { right: 20px !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .watch-blocks .slick-dots { /*margin: 0 30px !important;*/ margin: 0 45px !important; padding: 35px 0 0 0 !important; /*width: calc(100% - 60px) !important;*/ width: calc(100% - 90px) !important; min-height: 83px; position: static !important; bottom: auto !important; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateY(100%) !important; -ms-transform: translateY(100%) !important; transform: none !important; } .watch-blocks .slick-dots li { margin: 0 !important; } .watch-blocks .slick-dots li button { font-size: 12px !important; color: inherit !important; opacity: .4; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .watch-blocks .slick-dots li button::before { display: none !important; } .watch-blocks .slick-dots li.slick-active button, body.non-touch .watch-blocks .slick-dots li button:hover { opacity: 1; } .watch-block.slick-slide { padding: 0 10px; opacity: .4; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .watch-block.slick-slide.slick-active { opacity: 1; } /* Copy newsletter block */ .content-newsletter { padding-top: 40px; padding-bottom: 50px; } .sfp-blocks .content-newsletter:nth-child(n+2) { border-top: 1px solid #fff; } .content-newsletter-social { padding-top: 40px; width: 100%; } .content-newsletter-social .icon-btn { cursor: default; opacity: 1 !important; } /* 2 column entities */ .entities { padding-bottom: 60px; } .entities-inner { padding-bottom: 30px; } .entity:nth-child(n+2) { padding-top: 50px; } .entity-head-image { margin-bottom: 30px; padding-top: 50%;/*30%*/ display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; background-position: center; background-repeat: no-repeat; background-size: cover; } .entity-head-image h3 { padding-bottom: 10px; } .entity-info { padding-bottom: 25px; position: relative; } .entity img { margin-bottom: 20px; height: 60px; } .entity-info a { position: absolute; bottom: 0; } .entities .share { float: right; } /* Highlights blocks */ .triple-highlights { } .triple-highlights h1 { padding-bottom: 30px; } .triple-highlight:nth-child(n+2) { padding-top: 30px; } .triple-highlight .h3 { margin-bottom: 0 !important; padding: 10px 0 15px 0; display: block; } .single-highlight h1 { padding-bottom: 30px; } .single-highlight-image { padding-top: 30px; } .single-highlight-image img { width: 100%; } /* Media player hide-html class padding-top needed height based on aspect ratio for player-video */ .ottcloser { background: url('../images/shared/close-blue-no-circle.svg') no-repeat center center !important; position: absolute; top: 15px; right: 25px; } #media-player-wrap .mpi-share, #media-player-wrap .close, #media-player-wrap .download { padding-right: 26px; min-height: 20px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 13px; line-height: 16px; cursor: pointer; background-position: right center; background-repeat: no-repeat; background-size: 20px 20px; -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; } #media-player-wrap .mpi-share:hover, #media-player-wrap .close:hover, #media-player-wrap .download:hover { opacity: .4; } #media-player-wrap .mpi-share { background-image: url('../images/shared/share-white-circle.svg'); } #media-player-wrap .close { background-image: url('../images/shared/close-white-circle.svg'); } #media-player-wrap .download { padding-left: 26px; padding-right: 0; background-image: url('../images/shared/chev-down-white-circle.svg'); background-position: left center; } #media-player-wrap .more { display: -ms-flexbox; display: -webkit-flex; display: flex; } body > .media-player { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 20; background-color: #43525A; } #media-player-wrap { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 15; overflow: auto; -webkit-transition: .3s padding; -moz-transition: .3s padding; -o-transition: .3s padding; transition: .3s padding; } #media-player-wrap > * { margin: auto; max-width: 1194px; } #media-player-wrap::after { content: ''; width: 100%; max-width: 1194px; height: 60px; position: absolute; top: 0; left: 0; background: url('../images/shared/prem-rawat-black.svg') 10px 15px no-repeat; background-size: 148px auto; pointer-events: none; } #media-player-wrap.gallery #media-player-visual { max-width: none !important; height: 50%; background-color: #000; } #media-player-visual { width: 100%; position: relative; } #media-player-visual::before, #media-player-visual::after { content: ''; position: absolute; z-index: -1; display: block; } #media-player-visual::before { border-radius: 50%; border: 1px solid #fff; border-top-color: transparent; width: 140px; height: 140px; top: calc(50% - 70px); left: calc(50% - 70px); -webkit-animation: mediaplayerloader 2s linear infinite; animation: mediaplayerloader 2s linear infinite; } #media-player-visual::after { content: 'Loading'; top: 50%; left: 50%; font-family: "museo-sans",sans-serif; font-size: 22px; line-height: 22px; font-weight: 100; color: #EF4136; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* Subtitles */ .vjs-text-track-display > div > div { background-color: transparent !important; } .vjs-text-track-display > div > div > div { background-color: rgba(0,0,0,0.3) !important; border-radius: 8px !important; padding: 5px !important; font-size: 16px !important; text-align: center !important; display: inline-block !important; /* text-shadow: 2px 2px 4px black !important; */ } @media (min-width: 600px) { .vjs-text-track-display > div > div > div { font-size: 36px !important; } } /* Hide inactive control bar */ .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: hidden !important; opacity: 0; transition: visibility 1s,opacity 1s; } @-webkit-keyframes mediaplayerloader { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes mediaplayerloader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #media-player-gallery { margin: auto; max-width: 1194px; height: 100%; width: 100%; } .mpg-image { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; } #azure-media-player { width: 100%; font-family: inherit !important; } #azure-media-player * { outline: none !important; } .vjs-poster::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .5; background-color: #43525A; -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; } .amp-default-skin.amp-big-play-centered:hover .vjs-poster::after { opacity: 0; } .amp-default-skin .vjs-big-play-button { box-shadow: none !important; border: none !important; background: transparent url('../images/shared/play-outline-white.svg') center no-repeat !important; background-size: contain !important; } .amp-default-skin .vjs-big-play-button::before { display: none !important; } .amp-default-skin .vjs-control-text, .amp-default-skin .vjs-subtitles-button { display: none !important; } body.touch-me .vjs-big-play-button { display: none !important; } body.non-touch .amp-default-skin:hover .vjs-controls-enabled.vjs-paused .vjs-big-play-button { background: transparent url('../images/shared/play-outline-white.svg') center no-repeat !important; background-size: contain !important; opacity: 1; visibility: visible; } body.non-touch .amp-default-skin:hover .vjs-controls-enabled.vjs-playing .vjs-big-play-button { background: transparent url('../images/shared/player-pause-white.svg') center no-repeat !important; background-size: contain !important; opacity: 0; visibility: visible; pointer-events: none; } /*.vjs-control-bar { padding: 20px 10px !important; background: none !important; opacity: 1 !important; } */ /*pointer-events: none;*/ /*.vjs-control-bar > * > .vjs-control { width: 38px !important; height: 38px !important; background-position: center !important; background-repeat: no-repeat !important; background-size: contain !important; } .vjs-control-bar > * > .vjs-control:hover { background-color: transparent !important; } */ /*.amp-default-skin .vjs-control:not(.vjs-play-control)::before { display: none !important; }*/ .vjs-play-control::before, .vjs-play-control::after, .vjs-volume-control::before, .vjs-volume-control::after, .vjs-fullscreen-control::before, .vjs-fullscreen-control::after { content: '' !important; width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: contain; -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; } .vjs-play-control.vjs-paused:hover::before, .vjs-play-control.vjs-playing:hover::after, .vjs-fullscreen-control:hover::before, .vjs-fullscren-control:hover::after { opacity: .4; } .amp-controlbaricons-left { padding-right: 35px; } .vjs-play-control::before { background-image: url('../images/shared/player-play-white-2.svg'); opacity: 1; } .vjs-play-control::after { background-image: url('../images/shared/player-pause-white.svg'); opacity: 0; } .vjs-play-control.vjs-paused::before { opacity: 1; } .vjs-play-control.vjs-paused::after { opacity: 0; } .vjs-play-control.vjs-playing::before { opacity: 0; } .vjs-play-control.vjs-playing::after { opacity: 1; } .amp-controlbaricons-middle { position: relative; } .vjs-time-control { display: none !important; } .amp-default-skin .vjs-progress-control { margin-top: 19px; width: 100% !important; height: 1px !important; posiiton: relative !important; bottom: auto !important; left: auto !important; right: auto !important; display: block; } .amp-default-skin .vjs-mouse-display > span.amp-time-tooltip { /*margin-right: 3px;*/ top: -4em !important; background-color: #43525A !important; } .amp-default-skin .vjs-play-progress { background: #fff !important; } .amp-default-skin .vjs-slider-handle::before { border-radius: 22px !important; margin: -11px 0 0 -11px !important; width: 22px !important; height: 22px !important; } .amp-controlbaricons-right { padding-left: 35px; } .amp-audiotracks-control, .amp-quality-control, .amp-moreoptions-control { display: none !important; } .vjs-volume-control { width: 38px !important; height: 38px !important; vertical-align: middle; } .vjs-volume-control::before { background-image: url('../images/shared/audio-stroke-white.svg'); opacity: 1; } .vjs-volume-control::after { background-image: url('../images/shared/audio-fill-white.svg'); opacity: 0; } .vjs-volume-control[aria-expanded="true"]::before { opacity: 0; } .vjs-volume-control[aria-expanded="true"]::after { opacity: 1; } .vjs-mute-control::before { display: none !important; } .amp-default-skin .vjs-volume-control[aria-expanded="true"] .vjs-menu { height: 148px !important; bottom: 0 !important; } .vjs-volume-control .vjs-menu-content { padding: 20px 0 0 0 !important; width: 38px !important; bottom: auto !important; overflow: visible !important; background: none !important; } .vjs-volume-bar { margin: auto !important; width: 38px !important; background: transparent !important; } .vjs-volume-bar > * { left: 50% !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .vjs-volume-level { width: 1px !important; right: auto !important; background: #fff !important; } .vjs-volume-handle { border-radius: 22px !important; width: 22px !important; height: 22px !important; } .vjs-fullscreen-control { margin-left: 35px; } .vjs-fullscreen-control::before { background-image: url('../images/shared/maximise-white.svg'); opacity: 1; } .vjs-fullscreen-control::after { background-image: url('../images/shared/minimise-white.svg'); opacity: 0; } .vjs-fullscreen .vjs-fullscreen-control::before { opacity: 0; } .vjs-fullscreen .vjs-fullscreen-control::after { opacity: 1; } .listenplayer .vjs-poster { display:block !important; opacity: 1; -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity;} .vjs-has-started:not(.vjs-ended) .vjs-poster { display: none !important; opacity: 0; pointer-events: none; } .azuremediaplayer video { -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; } .vjs-ended video { opacity:0; } .amp-content-title { pointer-events: none; } #media-player-info { padding-top: 30px; padding-bottom: 50px; min-height: 50%; overflow: auto; } #mpi-top { position: relative; } #media-player-wrap.gallery #mpi-middle { padding-top: 50px; } #mpi-title { padding-bottom: 20px; } #mpi-duration { padding-top: 10px; display: block; } #mpg-buttons { display: -ms-flexbox; display: -webkit-flex; display: flex; } .mpg-button { width: 38px; height: 38px; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: contain; -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; } body.non-touch .mpg-button:hover { opacity: .4; } .mpg-button:nth-child(n+2) { margin-left: 35px; } #mpg-button-left, #mpg-button-right { background-image: url('../images/shared/chev-down-white-circle.svg'); } #mpg-button-left { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #mpg-button-right { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } #mpg-button-fullscreen { background-image: url('../images/shared/maximise-white.svg'); } #mpi-top-buttons { position: absolute; right: 0; display: inline-block; } #mpi-top-buttons .mpi-share { display: none; } #mpi-top-buttons .sharer-load { top: 40px; min-width: 270px; } #mpi-copy-inner { margin: 10px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 15px 35px 40px 0; } #mpi-related-tags { display: none; } #mpi-related-inner .watch-block-image-inner::after { background-color: #43525A; } #mpi-tags-inner div:nth-child(n+2) { padding-top: 5px; } #mpi-bottom-buttons { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #mpi-bottom-buttons .mpi-share { display: none; } #media-error { padding-top: 30px; } #media-error .close-wrap { padding-top: 30px; display: inline-block; } /* ChronoForms content in Contact section near the bottom */ @media (max-width: 479px) { .ppl-banner-inner.banner-inner { display: block !important; } .sfp-blocks.reverse-sml-mob .single-feature-page { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 480px) { .banner-image:not(.ppl-banner-image) { margin-top: 20px; padding-top: 26%; /*50%;*/ } .ppl-banner-image { padding-top: 0 !important; } .featured-page-image { width: 170px; /*width: 33.333333%; max-width: 170px;*/ } .featured-page-info { padding: 15px 0; } .fpi-text { padding: 20px; } .featured-page-info img { width: 92px; display: block; } .sfp-blocks.two-col-mob .single-feature-page { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .sfp-image { /*min-height: 305px;*/ } .sfp-info { /*padding: 65px 25px;*/ padding-top: 25px; padding-bottom: 25px; } .sfp-blocks.two-col-mob .sfp-image, .sfp-blocks.two-col-mob .sfp-info { width: 50%; } .sfp-blocks.two-col-mob .sfp-image div { padding-top: 90%; /*55%*/ } .sfp-info .h3:nth-child(n+2) { margin: 40px 0 0 0; } .watch-blocks { padding-bottom: 85px; } .watch-blocks .slick-dots li { margin: 0 8px !important; } .watch-block.slick-slide { padding: 0 15px; } } @media (min-width: 481px) { /*body:not(.catid-17) .banner:not(#home-banner):not(#about-banner):not(#events-banner):not(#contact-banner) { max-height: 760px; } body:not(.catid-17) .banner.only-heading:not(#home-banner):not(#about-banner):not(#events-banner):not(#contact-banner), body:not(.catid-17) .banner.only-copy:not(#home-banner):not(#about-banner):not(#events-banner):not(#contact-banner) { max-height: 462px !important; }*/ } @media (min-width: 600px) { .inner { padding-right: 20px; padding-left: 20px; } .share { padding-left: 30px; min-height: 18px; background-position: left 2px; background-size: 18px 18px; } .watch-link { padding-left: 65px; min-height: 49px; background: url('../images/shared/play-outline-white.svg') left top no-repeat; background-size: 49px 49px; } .watch-link.black { background: url('../images/shared/play-outline-black.svg') left top no-repeat; background-size: 49px 49px;} .watch-link.small { padding-left: 50px; min-height: 40px; background-size: 40px 40px; } .banner-inner { } .banner:not(.full-height-image):not(.full-width-image) .banner-inner { padding: 30px 0 45px 0; } .banner.full-height-image .banner-inner, .banner.full-width-image .banner-inner { padding-top: 30px; } .banner-text .h3 { margin: 10px 0 60px 0; } .text-block > h3:first-child, .text-block > .h3:first-child { margin-top: 65px; } .text-block-inner { padding: 65px 0 80px 0; } .has-share .text-block-inner { padding-bottom: 100px; } .text-block h3, .text-block .h3 { margin-bottom: 45px; } .featured-page-info { padding: 30px 0; } .featured-page-image { width: 210px; /*max-width: 210px;*/ } .featured-page-info img { width: 110px; } .sfp-image { /*min-height: 380px;*/ } .watch-blocks { padding-top: 80px; padding-bottom: 65px; } .watch-blocks-inner { display: none !important; } .watch-blocks-inner-desk { padding-top: 60px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .watch-block { width: 50%; } .watch-block:nth-child(2n) { padding-left: 15px; } .watch-block:nth-child(2n+1) { padding-right: 15px; } .watch-block:nth-child(n+3) { margin-top: 60px; } .entities-inner { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .entity { width: 50%; } .entity:nth-child(n+2) { padding-top: 0; } .entity:nth-child(n+3) { padding-top: 60px; } .entity:not(.has-image):nth-child(2n) { padding-left: 10px; } .entity:not(.has-image):nth-child(2n+1) { padding-right: 10px; } .single-highlight-image { padding-top: 40px; } .vjs-control-bar { padding: 20px 20px !important; } } @media (min-width: 762px) { .col-count-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .col-count-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .no-break { overflow: hidden !important; page-break-inside: avoid; } .social-icon { width: 100%; height: 39px; } .social-icon::before, .social-icon::after { width: 100%; height: 37px; } .social-icon:nth-child(n+2) { margin-left: 36px; } .banner.only-copy { min-height: 300px; } .banner-image { margin-top: 0; padding-top: 25%; /*56%;*/ } .text-block > h3:first-child, .text-block > .h3:first-child { margin-top: 75px; } .text-block-inner { padding: 75px 0 90px 0; } .sfp-image { /*min-height: 482px;*/ } .sfp-info { /*padding: 80px 35px;*/ } .sfp-info.two-col { display: -ms-flexbox; display: -webkit-flex; display: flex; } .sfp-info.two-col > * { width: 50%; } .sfp-info.two-col > *:first-child { padding-right: 10px; } .sfp-info.two-col > *:last-child { padding-top: 0; padding-left: 10px; } .sfp-info.two-col .h3 { margin-top: 0; } .watch-blocks { padding-top: 65px; padding-bottom: 100px; } .watch-block-inner-desk { padding-top: 45px; } .watch-block { width: 33.333333%; } .watch-block:nth-child(2n) { padding-left: 0; } .watch-block:nth-child(2n+1) { padding-right: 0; } .watch-block:nth-child(3n) { padding-left: 16px; } .watch-block:nth-child(3n+1) { padding-right: 16px; } .watch-block:nth-child(3n+2) { padding-left: 8px; padding-right: 8px; } .watch-block:nth-child(n+3) { margin-top: 0; } .watch-block:nth-child(n+4) { margin-top: 55px; } .triple-highlight:nth-child(n+2) { padding-top: 0; } .single-highlight h1 { padding-bottom: 50px; } .single-highlight-inner { display: -ms-flexbox; display: -webkit-flex; display: flex; } .single-highlight-text { width: calc((100% - 80px) / 3); } .single-highlight-image { margin-left: 40px; padding-top: 0; width: calc((((100% - 80px) / 3) * 2) + 40px); } #mpi-top { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #mpi-title { width: calc(100% - 180px); } #mpi-top-buttons { display: -ms-flexbox; display: -webkit-flex; display: flex; } #mpi-top-buttons .mpi-share { margin-right: 40px; display: -ms-flexbox; display: -webkit-flex; display: flex; } #mpi-middle { display: -ms-flexbox; display: -webkit-flex; display: flex; } #mpi-copy { padding-right: 30px; width: calc(100% - 255px); } #mpi-copy-inner { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } #mpi-related-tags { width: 255px; display: block; } #mpi-related-tags .more { padding-bottom: 14px; width: 100%; } #mpi-related-inner .watch-block { width: 100%; padding: 0 0 50px 0 !important; } #mpi-related-inner .watch-block:last-child { padding-bottom: 0 !important; } #mpi-related-inner .watch-block-inner { padding-top: 15px; } #mpi-tags { padding-top: 60px; } #mpi-tags .more { border-bottom: 1px solid #fff; } #mpi-tags-inner { padding-top: 15px; } #mpi-bottom { margin-top: 40px; padding-top: 10px; border-top: 1px solid #fff; } } @media (max-width: 1023px) { .banner-inner:not(.ppl-banner-inner):not(#news-banner-inner) { display: block !important; } .banner.only-copy .banner-image { display: none; } } @media (min-width: 1024px) { .teal-gradient-dbl-rad { background-image: radial-gradient(circle farthest-side at top left, #2E6080, #64aaa4); } .teal-gradient-dbl-rad::before { display: block; } .green-gradient-dbl-rad { background-image: radial-gradient(circle farthest-side at -40% -40%, #008E77, #89b480); } .green-gradient-dbl-rad::before { display: block; } .light-green-gradient-dbl-rad { background-image: radial-gradient(circle farthest-side at -40% -40%, #008E77, #d2d69d); } .light-green-gradient-dbl-rad::before { display: block; } .turquoise-gradient-dbl-rad { background-image: radial-gradient(circle farthest-side at -40% -40%, #267b87, #a0ded1); } .turquoise-gradient-dbl-rad::before { display: block; } .dark-blue-gradient-dbl-rad { background-image: radial-gradient(circle farthest-side at top left, #38637e, #69a5a1); } .dark-blue-gradient-dbl-rad::before { display: block; } .watch-link.has-h3 { background-position: left 10px; } .col-count-2, .col-count-3 { -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } .inner { padding-right: 30px; padding-left: 30px; } .banner { min-height: 450px; overflow:hidden; /*562px;*/ } .banner.shallow { min-height: 450px; /* 462 */ } .banner-inner { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .banner.full-height-image .banner-inner, .banner.full-width-image .banner-inner { padding-top: 0; } .banner.full-width-image .banner-inner { display: block; } .banner-text { width: 50%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .banner:not(.full-height-image):not(.full-width-image) .banner-text { padding-right: 0; } .banner.full-height-image .banner-text, .banner.full-height-image .banner-image { min-height: 596px; } .banner-image { padding-top: 0; } .banner:not(.full-height-image):not(.full-width-image) .banner-image { margin: 0 45px; width: calc(50% - 90px); } .banner.full-height-image .banner-image { padding-top: 0; width: 50%; } .banner.full-width-image .banner-text, .banner.full-width-image .banner-image { height: 50%; } .text-block > h3:first-child, .text-block > .h3:first-child { margin-top: 75px; } .text-block-inner { padding: 75px 0; } .has-share .text-block-inner { padding-bottom: 105px; } .text-block h3, .text-block .h3 { margin-bottom: 30px; } .featured-pages { display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; } .featured-pages:not(.single) .featured-page { width: 50%; } .featured-page-image { width: 180px; /*max-width: 180px;*/ } .featured-page-info { padding: 30px 0; } .featured-page-info img { width: 92px; } .sfp-blocks { padding-top: 90px; } .sfp-blocks.two-col-desk .sfp-blocks-inner { display: -ms-flexbox; display: -webkit-flex; display: flex; } .sfp-blocks.two-col-desk .single-feature-page { width: 50%; } .sfp-blocks.two-col-desk .single-feature-page:nth-child(n+2) { border-top: none; } .sfp-blocks.two-col-desk .sfp-image div { padding-top: 100%; } .single-feature-page { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .sfp-blocks.reverse-desk .single-feature-page { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .single-feature-page > * { width: 50%; } div:not(.two-col-desk) > div > div > .sfp-image { min-height: 512px; } div:not(.two-col-desk) > div > div > .sfp-image.no-min { padding-top: 0; min-height: auto; } .sfp-blocks.two-col-mob .sfp-image div { padding-top: 56.5%; /*55%*/ } .sfp-info { /*padding: 100px 25px;*/ padding-top: 30px; padding-bottom: 30px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .sfp-info.two-col { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .sfp-info .h3:nth-child(n+2) { margin: 40px 0 0 0; } .watch-blocks { padding-top: 80px; padding-bottom: 105px; } .watch-blocks-inner-desk { padding-top: 55px; } .watch-block:nth-child(3n) { padding-left: 24px; } .watch-block:nth-child(3n+1) { padding-right: 24px; } .watch-block:nth-child(3n+2) { padding-left: 12px; padding-right: 12px; } .watch-block:nth-child(n+4) { margin-top: 70px; } .content-newsletter { display: -ms-flexbox; display: -webkit-flex; display: flex; } .content-newsletter-inner { width: 66.666666%; } .content-newsletter-social { padding-top: 0; padding-left: 40px; width: 33.333333%; } .entity:not(.has-image):nth-child(2n) { padding-left: 15px; } .entity:not(.has-image):nth-child(2n+1) { padding-right: 15px; } #media-player-wrap .mpi-share, #media-player-wrap .close, #media-player-wrap .download { padding-right: 30px; min-height: 24px; background-size: 24px 24px; } #media-player-wrap .download { padding-left: 30px; padding-right: 0; } .vjs-control-bar { padding: 30px 30px !important; } #mpi-top-buttons { top: 5px; } #mpi-copy-inner { margin-top: 14px; } } @media (min-width: 1194px) { .banner:not(.full-height-image):not(.full-width-image) .banner-inner { padding: 40px 0 50px 0; } .banner-text > * { max-width: 600px; } .banner:not(.full-height-image):not(.full-width-image) .banner-image { margin: 0 80px; width: calc(50% - 160px); } .text-block > h3:first-child, .text-block > .h3:first-child { margin-top: 80px; } .text-block-inner { padding: 90px 0 95px 0; } .has-share .text-block-inner { padding-bottom: 100px; } .featured-page-image { width: 210px; /*max-width: 210px;*/ } .featured-page-info img { width: 110px; } .sfp-blocks { padding-top: 110px; } .sfp-info { /*padding: 115px 25px;*/ padding-top: 35px; padding-bottom: 35px; } .sfp-info .h3:nth-child(n+2) { margin: 45px 0 0 0; } .watch-blocks { padding-top: 85px; padding-bottom: 100px; } .watch-block { margin-right: 28px; width: calc(25% - 21px); } .watch-block:nth-child(4n) { margin-right: 0; } .watch-block:nth-child(3n) { padding-left: 0; } .watch-block:nth-child(3n+1) { padding-right: 0; } .watch-block:nth-child(3n+2) { padding-left: 0; padding-right: 0; } .watch-block:nth-child(n+4) { margin-top: 0; } .watch-block:nth-child(n+5) { margin-top: 60px; } .entity:not(.has-image):nth-child(2n) { padding-left: 20px; } .entity:not(.has-image):nth-child(2n+1) { padding-right: 20px; } #media-player-wrap::after { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } body.menu-min #media-player-wrap { } #mpi-title { padding-bottom: 50px; } #mpi-copy { width: calc(100% - 740px); } #mpi-related-tags { width: 740px; display: -ms-flexbox; display: -webkit-flex; display: flex; } #mpi-related { width: 540px; } #mpi-related-inner { display: -ms-flexbox; display: -webkit-flex; display: flex; } #mpi-related-inner .watch-block { margin-right: 0 !important; padding-bottom: 0 !important; width: 255px !important; } #mpi-related-inner .watch-block:nth-child(2n) { margin-left: 30px !important; } #mpi-related-inner .watch-block:nth-child(n+3) { padding-top: 50px !important; } #mpi-tags { padding-top: 0; padding-left: 30px; width: 200px; } } /* TEMPLATE ========================================================= */ #page-wrap { position: relative; } #header-wrap { width: 100%; position: fixed; top: 0; left: 0; z-index: 10; background-color: #fff; } #header { padding-top: 10px; padding-bottom: 10px; width: 100%; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: .3s all; -moz-transition: .3s all; -o-transition: .3s all; transition: .3s all; } #header::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; background-color: #fff; } body.menu-open #header::before, body.menu-anim #header::before, body.search-open #header::before, body.search-anim #header::before { background-color: #43525A; } body:not(.menu-anim):not(.search-anim) #header::before { -webkit-transition: .3s background; -moz-transition: .3s background; -o-transition: .3s background; transition: .3s background; } /*body.menu-open #header::before,*/ body.menu-dark #header::before { background-color: #43525A; } #logo-wrap { padding: 5px 0; /*width: 116px;*/ width: 148px; -webkit-transition: .3s all; -moz-transition: .3s all; -o-transition: .3s all; transition: .3s all; } /*#logo-wrap a { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }*/ #logo-wrap a { position: relative; display: block; } body.non-touch #logo-wrap a:hover { opacity: 1; } #logo-wrap img { width: 100%; height: auto; display: block; -webkit-transition: .3s all; -moz-transition: .3s all; -o-transition: .3s all; transition: .3s all; } #logo-wrap img:first-child { opacity: 0; } #logo-wrap img:last-child { position: absolute; top: 0; left: 0; } body.menu-dark #logo-wrap img:first-child, body.menu-open #logo-wrap img:first-child, body.search-open #logo-wrap img:first-child { opacity: 1; } body.menu-dark #logo-wrap img:last-child, body.menu-open #logo-wrap img:last-child, body.search-open #logo-wrap img:last-child { opacity: 0; } #menu-btns-wrap { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #search-btn { margin-right: 20px; width: 14px; height: 14px; position: relative; cursor: pointer; } #search-btn::before, #search-btn::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; background-position: center; background-repeat: no-repeat; background-size: contain; -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; } #search-btn::before { background-image: url('../images/shared/search-white.svg'); opacity: 0; } #search-btn::after { background-image: url('../images/shared/search-blue.svg'); opacity: 1; } body.menu-dark #search-btn::before, body.menu-open #search-btn::before { opacity: 1; } body.menu-dark #search-btn::after, body.menu-open #search-btn::after, body.search-open #search-btn::before, body.search-open #search-btn::after { opacity: 0; } #search-btn span { background-color: transparent !important; pointer-events: none; } #search-btn span::before, #search-btn span::after { opacity: 0; -webkit-transition: opacity .3s !important; -moz-transition: opacity .3s !important; -o-transition: opacity .3s !important; transition: opacity .3s !important; } body.search-open #search-btn span::before, body.search-open #search-btn span::after { opacity: 1; } body:not(.search-open) #search-input { width: 0; height: 0; overflow: hidden; } .mod_flexiadvsearch_wrap { width: 100%; height: 100%; max-height: 0; position: fixed; top: 0; left: 0; z-index: -1; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; background-color: #43525A; -webkit-transition: max-height .3s; -moz-transition: max-height .3s; -o-transition: max-height .3s; transition: max-height .3s; } body.search-open .mod_flexiadvsearch_wrap { max-height: 100%; } .mod_flexiadvsearch { padding: 0 20px; width: 100%; } .fc_filter_html { width: 100%; } .mod_flexiadvsearch .btn-wrapper { margin: 0 !important; position: relative; top: -3px; display: -ms-flexbox; display: -webkit-flex; display: flex; } .mod_flexiadvsearch .btn-wrapper::before, .mod_flexiadvsearch .btn-wrapper::after { content: ''; width: 14px; height: 14px; position: absolute; top: 3px; right: 0; display: block; background-position: center; background-repeat: no-repeat; background-size: contain; pointer-events: none; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .mod_flexiadvsearch .btn-wrapper::before { background-image: url('../images/shared/search-white.svg'); opacity: 0; } .mod_flexiadvsearch .btn-wrapper::after { background-image: url('../images/shared/search-blue.svg'); opacity: 1; } body.menu-dark .mod_flexiadvsearch .btn-wrapper::before, body.menu-open .mod_flexiadvsearch .btn-wrapper::before, body.search-open .mod_flexiadvsearch .btn-wrapper::before { opacity: 1; } body.menu-dark .mod_flexiadvsearch .btn-wrapper::after, body.menu-open .mod_flexiadvsearch .btn-wrapper::after, body.search-open .mod_flexiadvsearch .btn-wrapper::after { opacity: 0; } .mod_flexiadvsearch input[type="text"] { padding-top: 0; padding-right: 24px; width: 100% !important; color: #fff; font-size: 15px; line-height: 18px; -webkit-transition: .3s color, .3s border-color; -moz-transition: .3s color, .3s border-color; -o-transition: .3s color, .3s border-color; transition: .3s color, .3s border-color; } body:not(.menu-dark):not(.menu-open):not(.search-open) .mod_flexiadvsearch input[type="text"] { color: #43525A; border-bottom-color: #43525A; } .mod_flexiadvsearch .ui-helper-hidden-accessible { display: none !important; } .mod_flexiadvsearch input[type="submit"] { border: none; padding: 0; width: 14px !important; height: 14px; position: absolute; top: 3px; right: 0; text-indent: -9999px; cursor: pointer; background: none; } /*body.menu-dark .mod_flexiadvsearch input[type="submit"], body.menu-open .mod_flexiadvsearch input[type="submit"] { background-image: url('../images/shared/search-white.svg'); }*/ .mod_flexiadvsearch input[type="text"]::-webkit-input-placeholder { -webkit-transition: .3s all; -moz-transition: .3s all; -o-transition: .3s all; transition: .3s all; } .mod_flexiadvsearch input[type="text"]::-moz-placeholder { -webkit-transition: .3s all; -moz-transition: .3s all; -o-transition: .3s all; transition: .3s all; } .mod_flexiadvsearch input[type="text"]:-ms-input-placeholder { -webkit-transition: .3s all; -moz-transition: .3s all; -o-transition: .3s all; transition: .3s all; } .mod_flexiadvsearch input[type="text"]:-moz-placeholder { -webkit-transition: .3s all; -moz-transition: .3s all; -o-transition: .3s all; transition: .3s all; } body:not(.menu-dark):not(.menu-open):not(.search-open) .mod_flexiadvsearch input[type="text"]::-webkit-input-placeholder { opacity: .5; color: #43525A; } body:not(.menu-dark):not(.menu-open):not(.search-open) .mod_flexiadvsearch input[type="text"]::-moz-placeholder { opacity: .5; color: #43525A; } body:not(.menu-dark):not(.menu-open):not(.search-open) .mod_flexiadvsearch input[type="text"]:-ms-input-placeholder { opacity: .5; color: #43525A; } body:not(.menu-dark):not(.menu-open):not(.search-open) .mod_flexiadvsearch input[type="text"]:-moz-placeholder { opacity: .5; color: #43525A; } #menu-btn, #ppl-topics-bgr { width: 14px; height: 13px; position: relative; cursor: pointer; } #menu-btn span, #search-btn span, #ppl-topics-bgr span { width: 100%; height: 1px; position: absolute; top: 6px; left: 0px; background: #43525A; -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; } #menu-btn > div { text-transform: uppercase; font-size: 9px; letter-spacing: 0.02em; margin-top: -20px; margin-left: -3px; } body.fr #menu-btn > div {/* French Specific Styling */} body.it #menu-btn > div {/*Italian Specific Styling */} /* @media (max-width:768px){ #menu-btn > div { display:none; } } */ #menu-btn span::before, #menu-btn span::after, #search-btn span::before, #search-btn span::after, #ppl-topics-bgr span::before, #ppl-topics-bgr span::after { content: ''; width: 100%; height: 1px; position: absolute; left: 0; display: block; background-color: #43525A; -webkit-transition: .3s top .3s, .3s bottom .3s, transform .3s, background .3s; -moz-transition: .3s top .3s, .3s bottom .3s, transform .3s, background .3s; -o-transition: .3s top .3s, .3s bottom .3s, transform .3s, background .3s; transition: .3s top .3s, .3s bottom .3s, transform .3s, background .3s; } #menu-btn span::before, #ppl-topics-bgr span::before { top: -6px; } #menu-btn span::after, #ppl-topics-bgr span::after { bottom: -6px; } body.menu-dark:not(.menu-open) #menu-btn span, body.search-open #menu-btn span, body.menu-dark #menu-btn span::before, body.menu-dark #menu-btn span::after, body.search-open #menu-btn span::before, body.search-open #menu-btn span::after, #search-btn span::before, #search-btn span::after { background: #fff; } body.menu-open #menu-btn span, body.topics-open #ppl-topics-bgr span { background-color: transparent; -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; } body.menu-open #menu-btn span::before, body.menu-open #menu-btn span::after, body.topics-open #ppl-topics-bgr span::before, body.topics-open #ppl-topics-bgr span::after { background: #fff; -webkit-transition: top .3s, bottom .3s, .3s transform .3s; -moz-transition: top .3s, bottom .3s, .3s transform .3s; -o-transition: top .3s, bottom .3s, .3s transform .3s; transition: top .3s, bottom .3s, .3s transform .3s; } body.search-anim #menu-btn span, body.search-anim #menu-btn span::before, body.search-anim #menu-btn span::after { -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; } body.menu-open #menu-btn span::before, #search-btn span::before, body.topics-open #ppl-topics-bgr span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } body.menu-open #menu-btn span::after, #search-btn span::after, body.topics-open #ppl-topics-bgr span::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #menu-links-wrap { width: 100%; height: 100%; max-height: 0; position: fixed; top: 0; left: 0; z-index: -1; overflow: hidden; pointer-events: none; -webkit-transition: max-height .3s; -moz-transition: max-height .3s; -o-transition: max-height .3s; transition: max-height .3s; } body.menu-open #menu-links-wrap { max-height: 100%; } #menu-links { padding-top: 58px; height: 100%; position: relative; overflow: auto; text-align: left; color: #fff; } body.menu-open #menu-links { pointer-events: auto; } #menu-links::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background-color: #43525A; opacity: 1; } #menu-links-constrain { margin: auto; padding-bottom: 10px; width: 100%; max-width: 1194px; background-color: #43525A; } #menu-links-inner { width: 100%; } #menu-links-inner ul { margin: 0; padding: 0; list-style: none; } #menu-links-inner .menu { margin: auto; padding-top: 40px; width: 100%; max-width: 570px; height: 100%; } #menu-links-inner .menu > li { width: 50%; } #menu-links-inner .menu > li:nth-child(n+3) { padding-top: 30px; } #menu-links-inner .menu > li:nth-child(2n+1) { padding-right: 15px; } #menu-links-inner .menu > li:nth-child(2n) { padding-left: 15px; } #menu-links a { opacity: 1; -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; } body.non-touch #menu-links .menu a:hover { color: inherit !important; opacity: .4 !important; } #menu-links-inner .menu > li > a, #menu-links-inner .menu > li > span { border-bottom: 1px solid #fff; padding-bottom: 10px; display: block; font-size: 17px; line-height: 20px; } #menu-links-inner .nav-child a, #menu-links-inner .nav-child span { font-size: 13px; line-height: 36px; } #menu-footer { margin: 0 auto 0 auto; padding-bottom: 20px; /*max-width: 570px;*/ background-color: #43525A; } #menu-newsletter { border-top: 1px solid #fff; padding-top: 23px; text-align: center; font-size: 17px; line-height: 20px; } #menu-social { padding: 23px 0; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #menu-footer-links #footer-links-inner { color: #B4BABD; } #content-wrap { margin-top: 58px; position: relative; -webkit-transition: .3s margin; -moz-transition: .3s margin; -o-transition: .3s margin; transition: .3s margin; } #footer-wrap { position: relative; background-color: #43525A; } #footer { padding-top: 35px; padding-bottom: 30px; } #footer-top { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #footer-newsletter { } .mcSignupModule .intro { margin-bottom: 45px !important; } .mcSignupForm { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .mcSignupForm .mcFieldWrapFullName, .mcSignupForm .mcFieldWrapEmail { width: 100%; } .mcSignupForm .mcFieldWrapEmail { margin-top: 32px; } .mcSignupForm input[type="text"] { margin: 0 !important; border: none; border-bottom: 1px solid #fff; padding: 3px 0 4px 0; width: 100% !important; background: none; } .mcSignupForm input::-webkit-input-placeholder { opacity: 1; } .mcSignupForm input::-moz-placeholder { opacity: 1; } .mcSignupForm input:-ms-input-placeholder { opacity: 1; } .mcSignupForm input:-moz-placeholder { opacity: 1; } .mcSignupSubmit { margin: 0; border: none; border-bottom: 1px solid transparent; padding: 3px 12px 4px 0; position: absolute; right: 0; bottom: 0; cursor: pointer; background: transparent url('../images/shared/chev-right-white.svg') right center no-repeat; background-size: 7px 13px; } #footer-social { padding-top: 50px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } /*#footer-links { display: none; } */ #footer-links-inner { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #footer-links-inner ul { margin: 0; padding: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; list-style: none; } #footer-links-inner li { margin-left: 14px; } #loader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 1; z-index: 200; background-color: #fff; -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; } #loader.loaded { opacity: 0; pointer-events: none; } /*.portraitonly { display:none; visibility:hidden; } body.small.landscape .portraitonly { display:block; visibility:visible; position:fixed; top:0; left: 0; z-index:10000; width: 100%; height: 100%; background: #415866 url('../images/shared/portrait-only.jpg') no-repeat center center; } body.landscape:not(.small) .portraitonly { display:none; visibility:hidden; position:static; top:0; left: 0; z-index:1; width: 0; height: 0; background: none; } body.small.landscape #page-wrap { position: fixed; width: 100%; height: 100%; }*/ @media (min-width: 480px) { .mod_flexiadvsearch { padding: 0 85px; } } @media (min-width: 481px) { .mcSignupModule .intro { margin-bottom: 40px !important; } .mcSignupForm { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .mcSignupForm .mcFieldWrapFullName, .mcSignupForm .mcFieldWrapEmail { width: 50%; } .mcSignupForm .mcFieldWrapFullName { padding-right: 15px; } .mcSignupForm .mcFieldWrapEmail { margin-top: 0; padding-left: 15px; } } @media (min-width: 600px) { #logo-wrap { margin-left: -10px; } } @media (min-width: 762px) { #menu-btn, #ppl-topics-bgr { width: 21px; height: 17px; } #menu-btn span, #ppl-topics-bgr span { top: 8px; } #menu-btn span::before, #ppl-topics-bgr span::before { top: -8px; } #menu-btn span::after, #ppl-topics-bgr span::after { bottom: -8px; } #menu-links { padding-top: 113px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #menu-links-constrain { margin: 0; padding-bottom: 0; } #menu-links-inner { padding-left: calc( ( 100% - 90px ) / 4 + 30px ); /*padding-left: 0 !important; padding-right: 0 !important;*/ } #menu-links-inner .menu { padding-top: 64px; width: auto; /*height: auto !important;*/ max-width: none; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } #menu-links-inner .menu > li { padding-bottom: 30px; width: calc( (100% - 60px ) / 3 ); /*width: calc( ( 100% - 90px ) / 4 );*/ /*position: relative !important; top: auto !important; left: auto !important;*/ } #menu-links-inner .menu > li:nth-child(n+3) { padding-top: 0; } #menu-links-inner .menu > li:nth-child(2n+1) { padding-right: 0; } #menu-links-inner .menu > li:nth-child(2n) { padding-left: 0; } #menu-links-inner .menu > li.col2 { width: calc( (100% - 60px) * (2 / 3) + 30px ); /*width: calc( ( 100% - 90px ) / 2 + 30px );*/ } #menu-links-inner .menu > li.col3 { width: 100%; /*width: calc( (( 100% - 90px ) / 4) * 3 + 40px );*/ } /*#menu-links-inner .menu > li.col4 { width: 100%; }*/ #menu-links-inner .menu > li.col2 .nav-child { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } #menu-links-inner .menu > li.col3 .nav-child { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } #menu-links-inner .menu > li.col4 .nav-child { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } #menu-links-inner .menu > li > a, #menu-links-inner .menu > li > span { font-size: 22px; line-height: 31px; } #menu-links-inner .nav-child { padding-top: 4px; } #menu-links-inner .nav-child a, #menu-links-inner .nav-child span { font-size: 17px; line-height: 52px; } #menu-footer { margin: 0; padding-bottom: 76px; width: 100%; max-width: 1194px; } #menu-newsletter { display: none; } #menu-social { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } #search-btn { display: none; } #search-input { margin-right: 20px; width: auto !important; height: auto !important; position: relative; display: block; overflow: visible !important; } .mod_flexiadvsearch_wrap { width: auto; height: auto; max-height: none; position: absolute; top: 0; right: 100%; left: auto; z-index: 1; background: none; } .mod_flexiadvsearch { padding: 0; width: 100%; } .mod_flexiadvsearch input[type="text"] { width: 232px !important; } #footer { padding-top: 96px; padding-bottom: 60px; } .mcSignupForm input[type="text"] { padding: 3px 0 6px 0; } .mcSignupSubmit { padding: 3px 20px 6px 0; background-size: 11px 20px; } #footer-social { padding-top: 60px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 1024px) { #logo-wrap { margin-left: -20px; } } @media (min-width: 1194px) { #header-wrap { } #header { margin: auto; padding-top: 20px; padding-bottom: 20px; max-width: 1194px; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } body.menu-min:not(.menu-open) #header { padding-top: 10px; padding-bottom: 10px; } #logo-wrap { padding: 14px 0; /*width: 222px;*/ width: 240px; } body.menu-min:not(.menu-open) #logo-wrap { margin-left: -20px; padding: 5px 0; width: 148px; /*width: 116px;*/ } .mod_flexiadvsearch .btn-wrapper { top: 0; } .mod_flexiadvsearch .btn-wrapper::before, .mod_flexiadvsearch .btn-wrapper::after { content: ''; width: 20px; height: 20px; top: 0; } .mod_flexiadvsearch input[type="text"] { padding-top: 5px; padding-right: 30px; } .mod_flexiadvsearch input[type="submit"] { width: 20px !important; height: 20px !important; top: 0; } #menu-btns-wrap { -webkit-transition: .3s padding; -moz-transition: .3s padding; -o-transition: .3s padding; transition: .3s padding; } body.menu-min:not(.menu-open) #menu-btns-wrap { padding-top: 11px; } #content-wrap { margin-top: 113px; } body.menu-min #content-wrap { margin-top: 58px; } #content-wrap, #footer-wrap { margin-left: auto; margin-right: auto; max-width: 1194px; } #footer { padding-bottom: 18px; } #footer-top { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #footer-newsletter { width: 66.666666%; } #footer-social { padding-top: 0; width: 33.333333%; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } #footer-links { display: block; } #footer-links-inner { padding-top: 128px; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } #footer-links-inner li { margin-left: 36px; } } /* PAGE SPECIFIC - HOME ========================================================= */ #home-page { } #home-banner { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; /*background: url('../images/shared/orange-grad.svg') center no-repeat; background-size: cover;*/ } #home-banner-inner { padding: 0 !important; } #home-banner-video { padding: 0 10px; width: 100%; height: 66.666666%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #hbv-content { margin: 10px 0; padding-top: 108px; background-image: url('../images/shared/play-outline-white.svg'); background-position: center top; background-repeat: no-repeat; background-size: 87px 87px; } #hbv-content h1 { margin-bottom: 15px; } #home-banner-featured { width: 100%; height: 33.333333%; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; } #home-banner-featured::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; opacity: .3; background-color: #FB9D04; mix-blend-mode: multiply; pointer-events: none; } /*#home-banner-featured > * { width: 50%; }*/ #hbf-image { width: 50%; height: 100%; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #hbf-image::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 1; background-color: #FB9D04; mix-blend-mode: multiply; pointer-events: none; } #hbf-image .custom, #hbf-image p { width: 100%; height: 100%; display: block; } #hbf-image a, #hbf-image span { width: 100%; height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #hbf-image img { width: 80%; max-height: 80%; position: relative; opacity: 1; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } body.non-touch #hbf-image a:hover { opacity: 1; } body.non-touch #hbf-image a:hover img { opacity: 1; } #hbf-info { padding: 8px 10px 8px 8px; width: 100%; /*width: 50%*/ height: 100%; position: absolute; left: 0; top: 0; z-index: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; pointer-events: none; } #hbf-info > * { pointer-events: auto; } .featured-streams { padding: 70px 10px; background-color: #fff; } .featured-stream { display: -ms-flexbox; display: -webkit-flex; display: flex; } .featured-stream:nth-child(2) { margin-top: 90px; } .featured-stream-image { width: 29.5%; } .featured-stream-info { padding-left: 14px; width: 71.5%; /*padding-left: 20%; background-position: left top; background-repeat: no-repeat; background-size: 20%;*/ } .featured-stream-info > * { display: block; } .featured-stream-info .h3 { margin-bottom: 12px; } #home-page .sfp-image div { padding-top: 64%; } #home-page .sfp-info .h3 { margin-bottom: 40px; } #home-entities { padding: 95px 10px 130px 10px; position: relative; } #home-entities-inner { padding: 120px 45px 50px 45px; } .home-entity { } .home-entity:nth-child(n+2) { padding-top: 65px; } .home-entity-image { margin: 35px 0; } .home-entity-image img { max-width: 100%; max-height: 75px; } #home-entities-more { text-align: center; } #home-entities .sharer-box { top: auto; bottom: 30px; right:10px; } #home-entities .share { position: absolute; right: 0; } @media (min-width: 480px) { #home-banner-video { padding: 0 20px; } #hbv-content { padding-top: 0; padding-left: 100px; min-height: 87px; background-position: left top; } #hbf-info { padding: 10px 20px; } #hbf-info > * { width: 100%; } .featured-streams { padding: 70px 55px; } #home-page .sfp-info { padding-top: 60px; padding-bottom: 40px; } #home-page .sfp-info .h3 { margin-bottom: 70px; } #home-entities { padding: 75px 10px 110px 10px; } #home-entities-inner { padding: 70px 0 45px 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .home-entity { width: 50%; } .home-entity:nth-child(n+2) { padding-top: 0; } .home-entity:nth-child(n+3) { margin-top: 65px; } .home-entity:nth-child(2n) { border-left: 1px solid #D9D9D8; padding-left: 15px; } .home-entity:nth-child(2n+1) { padding-right: 15px; } } @media (min-width: 600px) { #hbv-content { padding-left: 126px; min-height: 106px; background-size: 106px 106px; } .featured-streams { padding: 75px 15px; display: -ms-flexbox; display: -webkit-flex; display: flex; } .featured-stream { width: 50%; } .featured-stream:nth-child(1) { padding-right: 20px; } .featured-stream:nth-child(2) { margin-top: 0; padding-left: 20px; } .featured-stream-image { width: 33.4%; } .featured-stream-info { width: 66.6%; } #home-entities { padding: 75px 20px 50px 20px; } #home-entities-inner { padding: 60px 0 60px 0; } .home-entity:nth-child(2n) { padding-left: 20px; } .home-entity:nth-child(2n+1) { padding-right: 20px; } } @media (min-width: 762px) { #hbv-content { max-width: 700px; } #hbf-image { width: 33.333333%; } #hbf-info { padding: 60px; /*width: 66.666666%;*/ } .featured-streams { padding: 80px 20px; } .featured-stream:nth-child(1) { padding-right: 15px; } .featured-stream:nth-child(2) { padding-left: 15px; } .featured-stream-image { width: 25.4%; } .featured-stream-info { width: 74.6%; } #home-page .sfp-info { padding-top: 80px; padding-bottom: 50px; } #home-entities { padding: 80px 20px 45px 20px; } #home-entities-inner { padding: 55px 0 60px 0; } .home-entity:nth-child(2n) { padding-left: 20px; padding-right: 65px; } .home-entity:nth-child(2n+1) { padding-right: 85px; } #home-entities .share { right: 20px; } } @media (min-width: 1024px) { #home-banner { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } #home-banner-video { width: calc(100% - 281px); /*width: 66.666666%;*/ height: 100%; } #home-banner-featured { width: 281px; /*width: 33.333333%;*/ height: 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #hbf-image { width: 100%; height: 50%; } #hbf-info { padding: 25px; width: 100%; height: 50%; position: relative; } .featured-streams { padding: 80px 45px; } .featured-stream:nth-child(1) { padding-right: 30px; } .featured-stream:nth-child(2) { padding-left: 30px; } .featured-stream-image { width: 22%; } .featured-stream-info { padding-left: 22px; width: 78%; } #home-page .sfp-info { padding-top: 50px; padding-bottom: 50px; } #home-page .sfp-info .h3 { margin-bottom: 80px; } #home-entities { padding: 80px 10px 60px 10px; } #home-entities h3, #home-entities-more { padding-left: 10px; padding-right: 10px; } #home-entities-inner { padding: 55px 0 50px 0; } .home-entity { width: 25%; } .home-entity:nth-child(n+3) { margin-top: 0; } .home-entity:nth-child(2n) { border: none; padding-left: 0; padding-right: 0; } .home-entity:nth-child(2n+1) { padding-right: 0; } .home-entity:nth-child(n) { padding-left: 10px; padding-right: 10px; } .home-entity:not(:nth-child(4n+1)) { border-left: 1px solid #D9D9D8; } /*.home-entity:not(:nth-child(4n+1)) { border-left: 1px solid #D9D9D8; padding-left: 10px; } .home-entity:not(:nth-child(4n)) { padding-right: 10px; }*/ #home-entities .share { right: 30px; } } @media (min-width: 1194px) { .featured-streams { padding: 80px 50px; } .featured-stream:nth-child(1) { padding-right: 35px; } .featured-stream:nth-child(2) { padding-left: 35px; } .featured-stream-image { width: 22.6%; } .featured-stream-info { padding-left: 25px; width: 77.4%; } #home-page .sfp-info { padding-top: 55px; padding-bottom: 55px; } #home-page .sfp-info .h3 { margin-bottom: 90px; } #home-entities { padding: 65px 10px 60px 10px; } #home-entities h3, #home-entities-more { padding-left: 15px; padding-right: 15px; } #home-entities-inner { padding: 70px 0 65px 0; } .home-entity:nth-child(n) { padding-left: 15px; padding-right: 15px; } } /* - ABOUT ========================================================= */ #about-content #events-container .sharer-box { position: absolute; } #about-content #events-container .sharer-load { top:60px; } #about-banner-inner { padding: 25px 0 30px 0; } #about-banner-form { display: none; } #about-timeline-mob { -webkit-transition: .3s margin; -moz-transition: .3s margin; -o-transition: .3s margin; transition: .3s margin; } #about-timeline-mob, #atm-inner { height: 100%; } #about-timeline-mob.decade-open { margin-top: -8px; } #about-timeline-mob:not(.decade-open) #atm-inner { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #atm-intro { } #atm-intro h1 { margin-bottom: 34px; } #atm-intro p, #atm-instruction, #atm-decades-inner, .atm-block-year-button { font-size: 18px; line-height: 26px; font-weight: 100; } #atm-globe { margin: 30px auto; width: 40%; display: block; } #atm-decades { text-align: center; } /*#atm-intro, #atm-decades { margin-top:20px; margin-bottom:20px; }*/ #atm-instruction { margin-bottom: 25px; } #atm-decades-inner { height: 48px; display: -ms-flexbox; display: -webkit-flex; display: flex; } #atm-decades .slick-arrow { width: 26px !important; height: 48px !important; opacity: 1; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } #atm-decades .slick-arrow:hover { opacity: .4; } #atm-decades .slick-arrow::before { content: '' !important; width: 100%; height: 100%; display: block; opacity: 1 !important; background: transparent url('../images/shared/chev-right-white-lrg.svg') right center no-repeat; background-size: contain; } #atm-decades .slick-prev { left: 0 !important; -webkit-transform: rotate(180deg) translate(0, 50%) !important; -ms-transform: rotate(180deg) translate(0, 50%) !important; transform: rotate(180deg) translate(0, 50%) !important; } #atm-decades .slick-next { right: 0 !important; } #atm-decades .slick-list { margin: auto; width: calc(100% - 60px); } .atm-decade { text-align: center; cursor: pointer; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } body.non-touch .atm-decade:hover { opacity: .4; } .atm-decade span { border-bottom: 1px solid transparent; display: inline-block; -webkit-transition: border-color .3s; -moz-transition: border-color .3s; -o-transition: border-color .3s; transition: border-color .3s; } .atm-decade.decade-active span { border-bottom: 1px solid #fff; } #atm-blocks { padding-top: 8px; } .atm-block { position: relative; overflow: hidden; } .atm-block-intro { padding-bottom: 25px; } .atm-block-intro h3 { padding-bottom: 11px; font-size: 28px; line-height: 40px; } .atm-block-year-info { padding-bottom: 20px; } .atm-info-item:nth-child(n+2) { margin-top: 20px; border-top: 1px solid #fff; padding-top: 20px; } .atm-image { padding-bottom: 10px; } .atm-image img { width:100%; max-width: 100%; display: block; } .atm-block-years-buttons { border-top: 1px solid #fff; width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .atm-block-year-button { margin: 20px 5px 0 5px; width: 50px; height: 50px; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s; } .atm-block-year-button:hover { color: #073842; cursor: pointer; } .atm-block-year-button::before { content: ''; border-radius: 50%; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; opacity: .8; background-color: #073842; -webkit-transition: background-color .3s, opacity .3s; -moz-transition: background-color .3s, opacity .3s; -o-transition: background-color .3s, opacity .3s; transition: background-color .3s, opacity .3s; } .atm-block-year-button:hover::before { opacity: 1; background-color: #fff; cursor: pointer; } #about-intro { padding-top: 60px; padding-bottom: 60px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #about-intro h2 { padding-bottom: 30px; } #about-intro-first > div { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #about-intro-first > div > div { width: 50%; } #about-intro-first > div > div:nth-child(2n) { padding-left: 10px; } #about-intro-first > div > div:nth-child(2n+1) { padding-right: 10px; } #about-intro-first > div > div:nth-child(n+3) { padding-top: 30px; } #about-intro-second { padding-top: 60px; } #about-intro .social { padding-top: 30px; } @media (min-width: 600px) { .atm-info-item { display: -ms-flexbox; display: -webkit-flex; display: flex; } .atm-image { width: 50%; padding-right: 10px; } .atm-text { width: 50%; padding-left: 10px; } #about-intro-first > div > div { width: 33.333333%; } #about-intro-first > div > div:nth-child(2n) { padding-left: 0; } #about-intro-first > div > div:nth-child(2n+1) { padding-right: 0; } #about-intro-first > div > div:nth-child(3n+1) { padding-right: 16px; } #about-intro-first > div > div:nth-child(3n+2) { padding-left: 8px; padding-right: 8px; } #about-intro-first > div > div:nth-child(3n+3) { padding-left: 16px; } #about-intro-first > div > div:nth-child(n+3) { padding-top: 0; } #about-intro-first > div > div:nth-child(n+4) { padding-top: 40px; } } @media (max-width: 1023px) { /* Urgh... */ #about-intro span, #about-intro p { font-size: 18px; line-height: 26px; } } @media (min-width: 1024px) { #about-banner-form { display: block; } #about-timeline-mob { display: none; } #about-intro-first { width: 60%; } #about-intro-first > div > div:nth-child(n+4) { padding-top: 50px; } #about-intro-second { padding-top: 0; padding-left: 50px; width: 40%; } #about-entities { padding-top: 80px; } } /* - OUR CHANGING WORLD (CAT) ========================================================= */ #ocw-this-month { padding-top: 0 !important; } /* - OUR CHANGING WORLD (ITEM) ========================================================= */ #ocw-videos-highlight { padding-top: 0; } #ocw-videos-highlight .sfp-image div { padding-top: 40%; } #ocw-item-related.watch-blocks .slick-dots li button { color: #43525A !important; } .sfp-info > .sfp-info-links { width:100%; } .sfp-info.device-water-mark { position:relative; padding-bottom: 60px; } .sfp-info.device-water-mark::before { content:" "; position:absolute; bottom: 20px; right: 20px; max-width: 130px; width: 22%; max-height:80%; height: 130px; background: url(../images/shared/devices.png) no-repeat center bottom; background-size: contain;} .sfp-info.device-water-mark > .sfp-info-links { padding-right:33%; } @media (min-width: 600px) { #ocw-videos-highlight .sfp-image div { padding-top: 35% !important; } } @media (min-width: 1024px) { #ocw-videos-highlight:not(.wide) .sfp-info-links { width: 60%; } #ocw-videos-highlight .sfp-info-social { width: 40%; } .sfp-info.device-water-mark .sfp-info-links::before { content:"Available for iPhone, iPad and Android"; position:absolute; bottom: 20px; left: 95px; width: 55%; } } @media (min-width: 1194px) { #ocw-videos-highlight:not(.wide) .sfp-info-links { width: 65%; } #ocw-videos-highlight .sfp-info-social { width: 35%; } } /* - PRACTICAL PEACE LIBRARY ========================================================= */ .ppl-explore-icon { width: 33.333333%; text-align: center; } .ppl-explore-icon:nth-child(n+4) { padding-top: 25px; } .ppl-explore-icon-image { width: 45px; height: 45px; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: contain; } .ppl-explore-icon-title { margin: auto; padding-top: 10px; display: block; } #ppl-topics { width: 100%; max-width: 1194px; position: fixed; top: 58px; z-index: 4; -webkit-transition: top .3s; -moz-transition: top .3s; -o-transition: top .3s; transition: top .3s; } /* Fix filters + category selector when media player opens */ .html-hide #ppl-topics, .html-hide #ppl-filter { z-index:0; opacity:0;} /* Sort header logo so it sits over media player when it opens */ /* body.html-hide:not(.menu-open) #header-wrap { background-color:transparent; z-index: 100; } body.html-hide:not(.menu-open) #menu-btns-wrap, body.html-hide:not(.menu-open) #menu-links-wrap { display:none; } body.html-hide:not(.menu-open) #logo-wrap img { opacity: 0; } body.html-hide:not(.menu-open) #logo-wrap img:first-child { opacity: 1; } */ #ppl-topics-bar { padding-top: 5px; padding-bottom: 5px; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } #ppl-topics-bar::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background-color: #FB9D04; mix-blend-mode: multiply; opacity: .4; } #ppl-topics-btn { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 1; cursor: pointer; } #ppl-topics-bgr { margin-left: 20px; } #ppl-topics-bgr span, #ppl-topics-bgr span::before, #ppl-topics-bgr span::after { background-color: #fff; } #ppl-topics-icons { width: 100%; position: absolute; top: 0; left: 0; background-color: #43525A; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: .3s transform; -moz-transition: .3s transform; -o-transition: .3s transform; transition: .3s transform; } body.topics-open #ppl-topics-icons { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #ppl-topics-icons-inner { padding-top: 45px; padding-bottom: 50px; width: 100%; height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: auto; } #ppl-explore { padding-bottom: 60px; } #ppl-explore-inner { padding-top: 30px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } body.catid-17 #content-wrap { margin-top: 0 !important; } body.catid-17 .banner { padding-top: 58px; } .ppl-banner-inner .watch-link { margin-top: 15px; } #ppl-content #ppl-filter { padding-top: 20px; } #ppl-filter-mob { position: relative; } #ppl-filter-mob-outer-btns { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #ppl-filter-mob-outer-btns > * { cursor: pointer; } #ppl-filter-mob-block { width: 100%; position: absolute; top: -15px; left: 0; z-index: 2; opacity: 0; overflow: hidden; background-color: #43525A; pointer-events: none; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } #ppl-filter-mob-block.open { opacity: 1; pointer-events: auto; } #ppl-filter-mob-block-inner { padding-top: 15px; padding-bottom: 80px; } #ppl-filter-mob-table { margin-bottom: 40px; border-bottom: 1px solid #fff; padding-top: 30px; } #ppl-filter-mob-table > * { display: -ms-flexbox; display: -webkit-flex; display: flex; } #ppl-filter-mob-table-head { border-bottom: 1px solid #fff; padding-bottom: 10px; } #ppl-filter-mob-table > * > * { width: 25%; } #ppl-filter-mob-table-options > *, #ppl-filter-mob-table-options > * > * { padding: 5px 0; } #ppl-filter-mob-outer-btns > *, .filter-btn { border-bottom: 1px solid transparent; cursor: pointer; -webkit-transition: .3s opacity, .3s border-color; -moz-transition: .3s opacity, .3s border-color; -o-transition: .3s opacity, .3s border-color; transition: .3s opacity, .3s border-color; } body.non-touch #ppl-filter-mob-outer-btns > *:hover, body.non-touch .filter-btn:hover { opacity: .4; } .filter-btn.active { border-bottom: 1px solid #fff; } #ppl-filter-mob-inner-btns { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #ppl-filter-mob-inner-btns > * { padding-right: 26px; min-height: 20px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; background-position: right center; background-repeat: no-repeat; background-size: 20px 20px; -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; } #ppl-filter-mob-inner-btns > *:hover { opacity: .4; } #ppl-filter-mob-reset { background-image: url('../images/shared/reset-white.svg'); } #ppl-filter-mob-close { background-image: url('../images/shared/close-white-no-circle.svg'); } #ppl-items { overflow: hidden; } body:not(.search) #ppl-items { padding-top: 20px !important; } #ppl-items .watch-blocks-inner { padding-top: 0 !important; width: 100%; } #ppl-items .watch-blocks-inner-desk { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1023px) and (orientation: landscape) { #ppl-banner-image { padding-top: 35% !important; } } @media (max-width: 479px) { #ppl-content .banner:not(#ppl-banner) .banner-image { margin-top: 20px; padding-top: 40%; } } @media (min-width: 480px) { .ppl-explore-icon { width: 20%; } .ppl-explore-icon:nth-child(n+4) { padding-top: 0; } .ppl-explore-icon:nth-child(n+6) { padding-top: 25px; } #ppl-topics-icons-inner { padding-bottom: 85px; } #ppl-content .banner-inner { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } #ppl-content .banner-text { width: 70%; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #ppl-content .banner-image { margin-right: 10px; width: calc(30% - 10px); } } @media (max-width: 599px) { #ppl-items .watch-blocks-inner-desk .watch-block { width: 100%; } #ppl-items .watch-blocks-inner-desk .watch-block:nth-child(n+2) { margin-top: 20px; } } @media (min-width: 600px) { #ppl-explore-inner { padding-top: 35px; } #ppl-content .banner-image { margin-right: 20px; width: calc(30% - 20px); } #ppl-filter-mob-outer-btns { display: none; } #ppl-filter-mob-block { position: relative; top: auto; left: auto; opacity: 1; background: none; pointer-events: auto; } #ppl-filter-mob-block-inner { padding: 0; } #ppl-filter-mob-block-inner .panel-title-sml { display: none; } #ppl-filter-mob-table { margin-bottom: 20px; border-bottom: none; padding-top: 0; } #ppl-filter-mob-table-head { display: none; } #ppl-filter-mob-table > * > * { width: auto; } #ppl-filter-mob-table-options > *, #ppl-filter-mob-table-options > * > * { padding: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; } #ppl-filter-mob-table-options > *:nth-child(n+2)::before { content: '|'; padding: 0 10px; display: inline; } #ppl-filter-mob-table-options > * > *:nth-child(n+2)::before { content: '-'; padding: 0 5px; display: inline; } #ppl-filter-mob-close { display: none; } #ppl-items .watch-blocks-inner { display: none !important; } #ppl-items .watch-blocks-inner-desk:not(.original):not(.hidden) { padding-top: 0 !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } } @media (min-width: 762px) { .ppl-explore-icon:nth-child(n+6) { padding-top: 30px; } .ppl-explore-icon-image { width: 55px; height: 55px; } #ppl-topics-bar { padding-top: 8px; padding-bottom: 8px; } #ppl-topics-icons { } #ppl-explore-inner { padding-top: 40px; } #ppl-content #ppl-filter { padding-bottom: 30px; } #ppl-filter-mob-block-inner { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } #ppl-filter-mob-table { margin-bottom: 0; } #ppl-filter-mob-reset::before { content: '|'; padding: 0 10px; display: inline; } } @media (min-width: 1024px) { .ppl-explore-icon:nth-child(n+6) { padding-top: 0; } #ppl-topics-bar { padding-top: 5px; padding-bottom: 5px; } #ppl-topics-icons-inner { padding-top: 85px; padding-bottom: 130px; } #ppl-topics .ppl-explore-icon { width: 14.285714%; } #ppl-topics .ppl-explore-icon:nth-child(n+8) { padding-top: 40px; } #ppl-explore { display: -ms-flexbox; display: -webkit-flex; display: flex; } #ppl-explore h1 { width: 300px; } #ppl-explore-inner { padding-top: 0; padding-left: 0 !important; padding-right: 0 !important; width: calc(100% - 300px); } #ppl-explore .ppl-explore-icon:nth-child(n+6) { padding-top: 40px; } #ppl-explore .ppl-explore-icon-image { width: 60px; height: 60px; } #ppl-content .banner-text { width: 57%; } #ppl-content .banner-image { width: calc(43% - 65px); background-position: left center; background-size: 370px; } .ppl-banner-inner h1 { padding-bottom: 10px; } .ppl-banner-inner .watch-link { margin-top: 25px; } #ppl-content #ppl-filter { padding-top: 0; } } @media (min-width: 1194px) { body:not(.menu-min) #ppl-topics { top: 113px; } #ppl-explore h1 { width: 450px; } #ppl-explore-inner { width: calc(100% - 450px); } body.catid-17 #ppl-banner { padding-top: 113px; } #ppl-content .banner-text { width: 51%; } #ppl-content .banner-image { margin-left: 40px; width: calc(49% - 60px); background-size: 380px; } } /* - FAQ ========================================================= */ .faq-topic:nth-child(n+2) { padding-top: 70px; } .faq-topic h3 { margin-bottom: 20px; border-bottom: 1px solid #F47D20; padding-bottom: 15px; } .faq-topic-inner > * { width: 100%; display: block; } .faq-item-title:nth-child(n+2) { padding-top: 25px; } .faq-item-title { cursor: pointer; } .faq-item-text { padding-top: 20px; } /* - PEAK ========================================================= */ #peak-chapters-signoff-inner { margin-top: 35px; border-top: 1px solid #fff; padding-top: 30px; } .sign-off-item-image { } .sign-off-item-image .pci-inner { /* padding-top: 70px !important;*/ -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .sign-off-item-image img { width: 40%; } @media (max-width: 599px) { #pci-inner { padding-left: 0 !important; padding-right: 0 !important; } .sign-off-item .pci-inner { border: none; padding-top: 0; } } @media (min-width: 600px) { /* .sign-off-item-image .pci-inner { padding-top: 55px !important; } */ .sign-off-item-image img { width: 80%; } #peak-chapters-signoff { display: none; } } /* @media (min-width: 762px) { .sign-off-item-image .pci-inner { padding-top: 45px !important; } } @media (min-width: 1024px) { .sign-off-item-image .pci-inner { padding-top: 60px !important; } } @media (min-width: 1194px) { .sign-off-item-image .pci-inner { padding-top: 55px !important; } } */ /* - EVENTS ========================================================= */ #events-banner { } #events-banner-inner { padding-bottom: 0 !important; } #events-banner-text { overflow: hidden; } #events-banner-text h1 { } #events-banner-calendar { padding-bottom: 5px; position: relative; } #events-banner-calendar::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; opacity: .1; background-color: #000; } .clndr { margin: auto; max-width: 350px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .clndr-controls { padding: 20px 10px 15px 10px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .clndr-buttons { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .clndr-buttons > * { width: 10px; height: 18px; cursor: pointer; background: transparent url('../images/shared/chev-right-white.svg') right center no-repeat; background-size: contain; } .clndr-previous-button { margin-right: 45px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .clndr .header-day { display: none; } .clndr .days { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .clndr .day { padding: 10px; width: 14.285714%; text-align: center; } .clndr .day span { border: 1px solid #fff; border-radius: 50%; padding: 5px; width: 27px; height: 27px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: default; } .clndr .event span { border-color: #FB9D04; background-color: #FB9D04; cursor: pointer; } .clndr .adjacent-month span { opacity: .3; cursor: pointer; } #events-introtext-inner { } #events-items-inner { padding-top: 35px; overflow: hidden; } #events-items-inner-full { } .events-item-inner { } .events-item-image { padding-top: 80%; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .events-item-info { padding-top: 15px; padding-bottom: 25px; width: 100%; } .events-item-date { padding: 20px 0 55px 0; display: block; } .events-item-links { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; } .event-info-btn { background-image: url('../images/shared/info-blue.svg'); } .event-info-btn.open { background-image: url('../images/shared/close-blue.svg'); } .event-info-btn span::before { content: ''; display: inline-block; } .event-info-btn.open span::before { content: ''; } .tickets-link { background-image: url('../images/shared/tickets-blue.svg'); } .event-details { overflow: hidden; } #event-content { padding-top: 35px; padding-bottom: 50px; } #event-content-inner { } #event-info { } #event-contact { position: relative; } #event-contact .share { position: absolute; top: 38px; right: 0; } #event-address { padding-right: 60px; } #event-introtext .panel-title-lrg { padding: 10px 0; cursor: pointer; } #event-introtext .ui-accordion-header-collapsed { border-bottom: 1px solid #43525A; } /*#event-introtext .panel-title-lrg:first-child { margin-top: 0; border-top: none; }*/ #event-introtext .ui-accordion-content { border-bottom: 1px solid #43525A; padding: 5px 0 50px 0; } #event-faq { padding-top: 55px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #event-faq .panel-title-lrg { border-bottom: 1px solid #43525A; padding: 10px 0; width: 100%; } #event-faq-links { width: 100%; display: inline-block; } #event-faq-links > * { float: left; clear: both; } #event-faq-links .ui-accordion-header { padding: 10px 0; width: 100%; cursor: pointer; } #event-faq-links .ui-accordion-header-collapsed { border-bottom: 1px solid #43525A; } #event-faq-links .ui-accordion-content { border-bottom: 1px solid #43525A; padding-bottom: 60px; } #event-item-links { padding-top: 80px; } #event-item-links-inner { padding-bottom: 70px; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; } #event-item-links .sharer-box, #event-item-links .sharer-box > * { right:auto; } #event-item-links .share { position: absolute; bottom: 0; } .tickets-link { position: absolute; left: 145px; opacity: 1 !important; } @media (min-width: 480px) { #events-banner-calendar { padding-bottom: 15px; } .clndr .day span { width: 30px; height: 30px; } .events-item-links { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #event-contact { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #event-contact .share { top: 5px; } #event-name { padding-right: 60px; width: 100%; } #event-address { padding-right: 0; width: 50%; } #event-media { width: 50%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #event-item-links-inner { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .tickets-link { position: static; } } @media (min-width: 600px) { .events-item { border-top: 1px solid #43525A; } .events-item-inner { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .events-item-image { padding-top: 0; width: 50%; } .events-item-info { padding-top: 15px; padding-bottom: 25px; width: 50%; } .events-item-links { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .events-item-links .tickets-link { margin-top: 20px; width: 100%; } #event-item-links-inner { padding-bottom: 0; } #event-item-links .share { top: 0; bottom: auto; } #event-item-links .tickets-link { position: absolute; left: 175px; } } @media (min-width: 762px) { #events-banner-calendar { padding-bottom: 35px; } .clndr-controls { padding: 30px 10px 15px 10px; } #events-items-inner { padding-top: 35px; } .events-item-inner { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .events-item-image { width: 285px; height: 285px; } .events-item-info { padding-top: 15px; padding-bottom: 25px; width: calc(100% - 285px); } .events-item-links { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .events-item-links .tickets-link { margin-top: 0; width: auto; } #event-content { padding-top: 35px; padding-bottom: 50px; } .tickets-link { position: absolute; left: 175px !important; } } @media (max-width: 1023px) { #events-banner { height: auto !important; } #event-introtext .panel-title-lrg { margin-bottom: 0; } } @media (min-width: 1024px) { #events-banner-inner { padding-top: 0 !important; } #events-banner-text { padding-right: 20px; width: calc(100% - 346px); } #events-banner-calendar { width: 346px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #events-items-inner { padding-top: 25px; } .events-item-image { width: 346px; height: 313px; } .events-item-info { padding-top: 30px; padding-bottom: 40px; width: calc(100% - 346px); } #event-content { padding-top: 25px; padding-bottom: 25px; } #event-content-inner { display: -ms-flexbox; display: -webkit-flex; display: flex; } #event-info { padding-right: 95px !important; width: calc(100% - 346px); } #event-address { width: 50%; } #event-media { width: 50%; } #event-introtext > * { border: none !important; padding: 0 !important; } #event-introtext .panel-title-lrg { border-top: none; cursor: default; } #event-introtext .ui-accordion-content { height: auto !important; display: block !important; } #event-faq { padding-top: 0; padding-left: 0 !important; width: 346px; display: block; } #event-faq .panel-title-lrg { border: none !important; padding-top: 0; } #event-faq-links { padding-top: 35px; padding-right: 120px; display: inline-block; } #event-faq-links > * { border: none !important; float: left; clear: both; } #event-faq-links .ui-accordion-header { padding: 0 0 20px 0; width: auto; } #event-item-links { margin-top: 100px; padding-top: 0; padding-right: 95px !important; padding-bottom: 20px; width: calc(100% - 346px); } } @media (min-width: 1194px) { #events-banner-text { width: calc(100% - 404px); } #events-banner-calendar { width: 404px; } #events-introtext-inner { padding: 100px 0 120px 0; } .events-item-image { width: 404px; height: 365px; } .events-item-info { width: calc(100% - 404px); } #event-info { padding-right: 110px !important; width: calc(100% - 404px); } #event-address { width: 33.333333%; } #event-media { width: 33.333333%; } #event-item-links { padding-right: 110px !important; width: calc(100% - 404px); } #event-faq { width: 404px; } .tickets-link { left: 265px !important; } } /* - GET INVOLVED ========================================================= */ #get-involved-banner-image { padding-top: 36%; background-size: cover; } @media (min-width: 1194px) { /*#get-involved-banner .banner-inner { padding-top: 75px !important; }*/ } /* - NEWS AND BLOG ========================================================= */ #news-banner-inner { padding-bottom: 0 !important; } #news-banner-text { height: 40%; min-height: 150px; } #news-banner-thought { padding-top: 20px; padding-bottom: 20px; height: 60%; min-height:120px; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #news-banner-thought::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; opacity: .6; background-color: #409b77; } #news-items { padding-top: 60px; padding-bottom: 60px; } #news-items-inner { position: relative; } #news-categories { padding-bottom: 30px; width: 100%; max-width: 350px; } #news-items-load { overflow: hidden; } .news-items { padding-top: 40px; } .news-item-image { padding-top: 84%; width: 100%; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } body.non-touch .news-item-image:hover { opacity: .4; } .news-item-title { padding-top: 20px; padding-bottom: 20px; width: 100%; } .news-item-title span { cursor: pointer; } .news-item-details { height: 0; position: relative; overflow: hidden; opacity: 0; background-color: #fff; } .news-content { } .news-content-inner { padding-top: 60px; padding-bottom: 60px; } .news-content-date { padding-top: 30px; padding-bottom: 30px; } .news-content-tags { padding-top: 30px; } .news-content-tags a { text-decoration: underline; } .news-content-intro-image img { width: 100%; display: block; } .news-content-extra-images { width: 100%; display: inline-block; } .news-content-extra-images img { width: 50%; display: block; } .news-content-links { padding-top: 20px; padding-bottom: 20px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .news-content-links .sharer-load { right:auto; top: 10px; background-color:transparent; } .news-content-close { padding-right: 30px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; background: url('../images/shared/close-blue-no-circle.svg') no-repeat right center; background-size: 18px 18px; } @media (min-width: 480px) { #news-categories { padding-bottom: 0; width: 50%; position: absolute; top: 0; right: 0; } #news-items-load-inner > h3 { width: 50%; } .news-items { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news-item { width: 50%; } } @media (max-width: 599px) { .news-content-images { padding-left: 0 !important; padding-right: 0 !important; } } @media (min-width: 600px) { #news-banner-inner { padding-top: 0 !important; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } #news-banner-text { width: 50%; height: 100%; min-height: 300px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #news-banner-thought { width: 50%; height: 100%; min-height: 300px; } .news-content-inner { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news-content-info { width: 50%; } .news-content-images { padding-left: 0 !important; width: 50%; } .news-content-links { padding-bottom: 0; } } @media (min-width: 600px) and (max-width: 1023px) { .news-content-info { width: 100%; } .news-content-copy-tags { padding-right: 10px; width: 50%; } .news-content-images { padding-left: 10px !important; position: absolute; right: 0; } } @media (min-width: 762px) { #news-items-load-inner > h3 { padding-right: 370px; width: 100%; } .news-item { width: 33.333333%; } /* .news-items .news-item:nth-child(2n+2) .news-item-title, .news-items .news-item:nth-child(3n+3) .news-item-title { padding-left: 0; } */ } @media (min-width: 1024px) { #news-banner-text { width: calc(100% - 346px); } #news-banner-thought { width: 346px; } .news-item { width: 25%; } .news-item-image { padding-top: 84%; } /* .news-items .news-item:nth-child(4n+4) .news-item-title { padding-left: 0; } */ .news-content-date { padding-top: 40px; padding-bottom: 30px; } .news-content-copy h3 { padding-bottom: 10px; } } @media (min-width: 1194px) { #news-banner-text { width: calc(100% - 404px); } #news-banner-thought { width: 404px; } } /* - LEGAL ========================================================= */ #legal-content > * { max-width: 700px; } #legal-title { padding: 70px 0; } #legal-text { padding-bottom: 70px; } #legal-text h2 { padding-bottom: 35px; } #legal-text p + .panel-title-lrg { margin-top: 20px; } @media (min-width: 600px) { #legal-title { padding: 110px 0 75px 0; } #legal-text h2 { padding-bottom: 25px; } #legal-text p + .panel-title-lrg { margin-top: 25px; } #legal-text { padding-bottom: 110px; } } /* - SEARCH ========================================================= */ .ui-autocomplete { display: none !important; } #search-head { padding-top: 55px; } #search-again { padding-top: 70px; } #search-again .mod_flexiadvsearch_wrapper { max-height: none !important; position: relative !important; right: auto !important; z-index: 1 !important; background: none !important; } #search-again .mod_flexiadvsearch .btn-wrapper { } #search-again .mod_flexiadvsearch .btn-wrapper::after { background-image: url('../images/shared/search-white.svg'); } #search-again .mod_flexiadvsearch input[type="text"] { border-bottom-color: #fff !important; width: 100% !important; color: #fff !important; } #search-again .mod_flexiadvsearch input[type="text"]::-webkit-input-placeholder { color: #fff !important; opacity: 1; font-family: inherit; font-weight: 100; } #search-again .mod_flexiadvsearch input[type="text"]::-moz-placeholder { color: #fff !important; opacity: 1; font-family: inherit; font-weight: 100; } #search-again .mod_flexiadvsearch input[type="text"]:-ms-input-placeholder { color: #fff !important; opacity: 1; font-family: inherit; font-weight: 100; } #search-again .mod_flexiadvsearch input[type="text"]:-moz-placeholder { color: #fff !important; opacity: 1; font-family: inherit; font-weight: 100; } #search-results { padding-top: 60px; } #search-results #ppl-filter { padding-top: 40px; padding-bottom: 30px; } #search-results .search-cat-info { padding-top: 50px; } #search-results .watch-blocks { padding-top: 40px !important; } @media (min-width: 600px) { #search-head { padding-top: 100px; } } @media (min-width: 762px) { #search-again .mod_flexiadvsearch .btn-wrapper { max-width: calc(66.666666% - 8px); } } @media (min-width: 1024px) { #search-head { padding-top: 150px; } #search-again .mod_flexiadvsearch .btn-wrapper { max-width: calc(66.666666% - 12px); } } @media (min-width: 1194px) { #search-again .mod_flexiadvsearch .btn-wrapper { max-width: calc((25% - 21px) * 2 + 28px); } } /* - LANDING COUNTDOWN ========================================================= */ #landing-banner { text-align: center; } #landing-banner .banner-inner { padding-top: 50px; padding-bottom: 50px; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #landing-banner .banner-inner > * { width: 100%; } #landing-banner #hbv-content { padding-left: 0 !important; padding-top: 112px; background-size: 105px !important; background-position: center top !important; } #landing-banner h1 { font-size: 30px; line-height: 48px; } #landing-banner .panel-title-lrg { font-size: 18px; line-height: 24px; } #landing-page .watch-link { margin: auto; padding-left: 86px; max-width: 305px; min-height: 76px; background-size: 76px; text-align: left; } #landing-page .watch-link div { font-size: 24px; line-height: 33px; } #landing-page .watch-link span { padding-left: 12px; font-size: 14px; font-weight: 100; line-height: 14px; } #landing-countdown-wrap { margin-top: 40px; border-top: 1px solid #fff; padding-top: 30px; } #landing-countdown-wrap > * { margin: auto; max-width: 320px; } #landing-countdown-wrap .h3 { font-size: 16px; line-height: 30px; } #landing-date-wrap { padding-top: 10px; } #landing-date-wrap { padding-top: 50px; } #landing-date-wrap .share { font-size: 17px !important; line-height: 24px !important; background-image: url('../images/shared/share-white.svg'); } #landing-roundel { padding-top: 50px; } #landing-roundel img { width: 90%; max-width: 255px; } @media (min-width: 480px) { #landing-countdown-wrap { margin-top: 50px; } #landing-date-wrap { padding-top: 40px; } } @media (min-width: 481px) { #landing-banner .banner-inner { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #landing-banner .banner-inner > * { margin-left: auto; margin-right: auto; max-width: 500px; } #landing-banner h1 { font-size: 48px !important; line-height: 64px !important; } #landing-banner .panel-title-lrg { font-size: 18px !important; line-height: 24px !important; } #landing-banner .mediaPlayerLink { } #landing-countdown-wrap { margin-top: 30px; padding-top: 35px; } #landing-countdown-wrap > * { max-width: 450px; } #landing-countdown-wrap .h3 { font-size: 18px !important; line-height: 36px !important; } #landing-date-wrap { padding-bottom: 30px; } #landing-countdown-wrap br { display: none; } #landing-countdown-wrap #landing-date { padding-bottom: 30px; font-size: 18px; line-height: 24px; } #landing-roundel { padding-top: 0; padding-bottom: 50px; -webkit-order: 0; -ms-flex-order: 0; order: 0; } #landing-roundel img { max-width: 340px; } } @media (min-width: 600px) { #landing-banner .banner-inner { /*padding-bottom: 95px;*/ } /*#landing-banner #hbv-content { margin: auto; max-width: 500px; }*/ /*#landing-date-wrap { position: relative; }*/ #landing-countdown-wrap #landing-date { padding-bottom: 0; } /*#landing-date-wrap .sharer-box { width: auto; position: absolute; right: 0; bottom: 0; top: auto; }*/ } @media (min-width: 762px) { } @media (min-width: 1024px) { #landing-banner .banner-inner { margin: auto; padding-top: 100px; padding-bottom: 100px; padding-left: 0 !important; padding-right: 0 !important; max-width: 878px; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #landing-banner #hbv-content { max-width: none; } #landing-copy { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: left; } #landing-page .watch-link { margin: 0; } #landing-countdown-inner { width: 100%; max-width: none; } #landing-banner .sharer-box { width: auto; position: absolute; top: auto; left: auto; bottom: 50px; right: 30px; } #landing-roundel { padding-bottom: 0; padding-right: 40px; max-width: 380px !important; width: 100%; } #landing-roundel img { width: 100%; max-width: none; } } /* 404 Additions */ #landing-page.page-404 .banner-inner { padding-left: 30px !important; padding-right: 30px !important; max-width: 100%; } #landing-page .home-link { text-align: center; } @media (min-width: 762px) { #landing-page .home-link { text-align: left; } } #home-entities ~ .featured-pages { display:none; }