/* * * ██╗███████╗██╗ ██╗ * ██║██╔════╝██║ ██║ * ██║█████╗ ██║ ██║ * ██ ██║██╔══╝ ██║ ██║ * ╚█████╔╝███████╗███████╗███████╗ * ╚════╝ ╚══════╝╚══════╝╚══════╝ * * Design and Code: JELL CREATIVE (www.jellcreative.com) */ /*! jQuery UI - v1.12.1 - 2017-11-30 * http://jqueryui.com * Includes: core.css, autocomplete.css, menu.css, button.css, checkboxradio.css, datepicker.css, selectmenu.css * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0} /* webfonts */ @import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=73b083c4-e372-47e8-a45e-bd33f6c62bc0"); @font-face{ font-family:"Helvetica Neue LT W01_41488878"; src:url("fonts/webfonts/1b950d2a-907a-4888-8056-0d44e8e86338.eot?#iefix"); src:url("fonts/webfonts/1b950d2a-907a-4888-8056-0d44e8e86338.eot?#iefix") format("eot"),url("fonts/webfonts/3a46542f-f429-4821-9a88-62e3be54a640.woff2") format("woff2"),url("fonts/webfonts/50ac1699-f3d2-47b6-878f-67a368a17c41.woff") format("woff"),url("fonts/webfonts/0be5590f-8353-4ef3-ada1-43ac380859f8.ttf") format("truetype"),url("fonts/webfonts/82a4e1c2-7ffd-4c58-86fa-4010a6723c8e.svg#82a4e1c2-7ffd-4c58-86fa-4010a6723c8e") format("svg"); } @font-face{ font-family:"Helvetica Neue LT W01_46 Lt It"; src:url("fonts/webfonts/e36efb7d-12e3-4773-a830-26e5652373ea.eot?#iefix"); src:url("fonts/webfonts/e36efb7d-12e3-4773-a830-26e5652373ea.eot?#iefix") format("eot"),url("fonts/webfonts/261b4efb-3d70-4965-977d-38af9422700d.woff2") format("woff2"),url("fonts/webfonts/2e00514e-1764-4250-a0c5-aca3e5a8d133.woff") format("woff"),url("fonts/webfonts/e2fe2e07-9419-400f-953d-dc23cfa647a2.ttf") format("truetype"),url("fonts/webfonts/000472ba-312c-41be-b038-043ad8254e91.svg#000472ba-312c-41be-b038-043ad8254e91") format("svg"); } @font-face{ font-family:"Helvetica Neue LT W01_55 Roman"; src:url("fonts/webfonts/bf7ef4ce-de2a-4213-a9d7-826a3ee323cd.eot?#iefix"); src:url("fonts/webfonts/bf7ef4ce-de2a-4213-a9d7-826a3ee323cd.eot?#iefix") format("eot"),url("fonts/webfonts/3dac71eb-afa7-4c80-97f0-599202772905.woff2") format("woff2"),url("fonts/webfonts/34e0e4c0-c294-49bb-9a8e-1b2cafd54e32.woff") format("woff"),url("fonts/webfonts/8a8bfee3-197c-4942-9b11-71508cc9f406.ttf") format("truetype"),url("fonts/webfonts/5101995a-e73b-4cf9-84e8-f99eb43277b1.svg#5101995a-e73b-4cf9-84e8-f99eb43277b1") format("svg"); } @font-face{ font-family:"Helvetica Neue LT W01_71488914"; src:url("fonts/webfonts/8a6c3e5a-88a5-430c-91d8-7767ce971d12.eot?#iefix"); src:url("fonts/webfonts/8a6c3e5a-88a5-430c-91d8-7767ce971d12.eot?#iefix") format("eot"),url("fonts/webfonts/531c5a28-5575-4f58-96d4-a80f7b702d7b.woff2") format("woff2"),url("fonts/webfonts/439c5962-f9fe-4eaf-a1f6-f41d42edba75.woff") format("woff"),url("fonts/webfonts/419a308d-b777-4f84-9235-2caf4a98ec23.ttf") format("truetype"),url("fonts/webfonts/e4d5b881-6835-45b7-8766-3e5b9e7cab8b.svg#e4d5b881-6835-45b7-8766-3e5b9e7cab8b") format("svg"); } @font-face{ font-family:"Kepler W01 Regular"; src:url("fonts/webfonts/771eeaca-9a1e-4187-a312-5595d0f50e48.eot?#iefix"); src:url("fonts/webfonts/771eeaca-9a1e-4187-a312-5595d0f50e48.eot?#iefix") format("eot"),url("fonts/webfonts/7467db73-0168-4c95-b79b-4d5d6e80168a.woff2") format("woff2"),url("fonts/webfonts/10d5fc2c-8305-41ba-819e-2a21768f55f9.woff") format("woff"),url("fonts/webfonts/7d640a8e-eb57-4e6f-9d25-0989dd7c9e6b.ttf") format("truetype"),url("fonts/webfonts/236a68b6-2675-430a-861c-ae2a383ee6df.svg#236a68b6-2675-430a-861c-ae2a383ee6df") format("svg"); } @font-face{ font-family:"Kepler W01 It"; src:url("fonts/webfonts/5d51b004-e5f0-4001-abf8-0b26dedf915f.eot?#iefix"); src:url("fonts/webfonts/5d51b004-e5f0-4001-abf8-0b26dedf915f.eot?#iefix") format("eot"),url("fonts/webfonts/9e5cc086-fc66-4681-8eb6-4f9d83c5ce17.woff2") format("woff2"),url("fonts/webfonts/f3084f2a-c66f-4bf9-a4e6-56f35a712ed9.woff") format("woff"),url("fonts/webfonts/63490ffd-79af-4b85-a111-96a223f44fe0.ttf") format("truetype"),url("fonts/webfonts/13d1ca9b-990e-41fa-aae1-1f9c817c0fb7.svg#13d1ca9b-990e-41fa-aae1-1f9c817c0fb7") format("svg"); } @font-face{ font-family:"Kepler W01 Bd"; src:url("fonts/webfonts/36ad174f-f569-434b-880d-8e702cc70e8e.eot?#iefix"); src:url("fonts/webfonts/36ad174f-f569-434b-880d-8e702cc70e8e.eot?#iefix") format("eot"),url("fonts/webfonts/cfd24c55-bf7c-4d70-a143-cb6f95995435.woff2") format("woff2"),url("fonts/webfonts/268cf38b-c581-42ea-ba21-3838ee40c06f.woff") format("woff"),url("fonts/webfonts/7ef0f560-a605-43c9-abe5-0628ab4eb453.ttf") format("truetype"),url("fonts/webfonts/ded7d620-a15d-48c2-8b15-b7a7043ff1f4.svg#ded7d620-a15d-48c2-8b15-b7a7043ff1f4") format("svg"); } /* HTML5 display definitions */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } .stra_theme{ position:relative; z-index:0; } .stra_theme input[type="checkbox"], .stra_theme input[type="radio"]{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; position: absolute; z-index: inherit; margin-left: -18px; margin-top: 2px; cursor: pointer; padding: 7px; } .styled_checkbox, .styled_radio{ border: solid 1px #ccc; position: relative; display: inline-block; margin-right: 4px; cursor: pointer; background-color: #fff; bottom: -3px; } .styled_checkbox, .styled_radio{ width: 18px; height: 18px; } .styled_radio{ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .styled_checkbox .fill, .styled_radio .fill{ display: none; } .styled_radio.checked .fill{ display: block; width: 10px; height: 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: absolute; top: 50%; left: 50%; margin-left: -5px; margin-top: -5px; background-color:#000; } .styled_checkbox.checked .fill{ display: block; color: #000; width: 18px; height: 18px; position: absolute; top: 50%; left: 50%; margin-left: -9px; margin-top: -9px; font-size: 11px; text-align: center; padding-top: 4px; } /* scrollbars */ .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-element { display: none; } .scroll-element, .scroll-element div { box-sizing: content-box; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } /*************** SIMPLE OUTER SCROLLBAR ***************/ .scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-outer > .scroll-element { background-color:transparent; } .scrollbar-outer > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-y { height: 100%; right: 0; top: 0; width: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 6px; } .scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; } .scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track, .scrollbar-outer > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; } .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; } .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* scrollbar height/width & offset from container borders */ .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; } .scrollbar-outer > .scroll-content.scroll-scrollx_visible { top: -12px; margin-top: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; } .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; } .scrollbar-outer > .scroll-element .scroll-bar{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-outer > .scroll-element .scroll-element_track{ width: 4px; left: 1px; } /* Modal */ #modal-bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; z-index: 500; background-color: rgba(255, 255, 255, .85); box-sizing: border-box; } #modal-holder { text-align: center; margin: 0px auto; width: 100%; position: relative; z-index: 1000; width:100%; max-width: 800px; height: 100%; } #modal-wrap { z-index: 1000; width: 100%; max-width: 960px; height: 0px; padding: 0px 20px; float: left; position: absolute; left: 0px; } #modal { width: 100%; box-sizing: border-box; min-height: 100px; float: left; position: relative; z-index: 501; } #modal-content{ text-align: left; float: left; display: inline; box-sizing: border-box; width: 100%; background-color: #fff; padding: 20px; box-shadow: 0px 0px 4px rgba(0, 0, 0, .3); } #modal-close { cursor: pointer; top: 20px; position: absolute; right: 40px; color: #000; font-size: 20px; -webkit-transition: opacity .2s ; -moz-transition: opacity .2s ; -ms-transition: opacity .2s ; -o-transition: opacity .2s ; transition: opacity .2s ; opacity: 0.8; z-index: 1000; } #modal-close:hover, #modal-close:active { opacity: 1; } /* Start: Globals */ html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*-webkit-transform: translate3d(0, 0, 0);*/ } *, *:before, *:after { box-sizing: inherit; } body, html, .stra_theme p, div, .stra_theme h1, .stra_theme h2, .stra_theme h3, .stra_theme h4, .stra_theme h5, .stra_theme h6, .stra_theme ul, .stra_theme li, .stra_theme ol, span, .stra_theme textarea, .stra_theme form, .stra_theme img, .stra_theme input, button, a, .stra_theme strong, .stra_theme date{ padding: 0px; margin: 0px; border: 0px; list-style-type: none; text-decoration: none; font-family:'Helvetica Neue LT W01_41488878', Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; } /* remove browser specific styling from inputs and textareas */ .stra_theme input, .stra_theme textarea { -webkit-appearance: none; outline: none; border-radius: 0; } .stra_theme input[type="search"] { -webkit-appearance: textfield; } .stra_theme input[type="search"]::-webkit-search-decoration, .stra_theme input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } .input_placeholder label { position: absolute; z-index: 5; width: 100%; overflow: hidden; top: 0px; left: 0px; white-space: normal; color: #a6a9aa; } .input_placeholder label, .input_placeholder input { font-size: 16px; } a img { border: 0px; } img { font-size: 11px; color: #666; } body{ font-size:62.5% ; } body, html { width: 100%; height: 100%; margin: 0px; padding: 0px; background-color: #fff; -webkit-font-smoothing: antialiased; } .stra_theme sub { position: relative; font-size: .75em; vertical-align: baseline; top: 2px; } .stra_theme sup { position: relative; vertical-align: baseline; top: -4px; } #noscript { background-color: #333; width: 100%; padding: 8px; text-align: center; } #noscript p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC; line-height: normal; margin-bottom: 0px; } .stra_theme a, .stra_theme a:link { outline:none; } .stra_theme a.button { margin-left: 0; margin-right: 0; } .mobile_check{ height:5px; width:5px; background-color:yellow; position:absolute; top:0px; left:0px; z-index: 90000; } /* End: Globals */ /***************** { Start: Main Typography overrides} *****************/ /* Webfonts: font-family:'Kepler W01 Regular', Georgia, "Times New Roman", Times, serif; font-family:'Kepler W01 It', Georgia, "Times New Roman", Times, serif; font-family:'Helvetica Neue LT W01_41488878', Arial, Helvetica, sans-serif; font-family:'Helvetica Neue LT W01_46 Lt It', Arial, Helvetica, sans-serif; font-family:'Helvetica Neue LT W01_55 Roman', Arial, Helvetica, sans-serif; font-family:'Helvetica Neue LT W01_71488914', Arial, Helvetica, sans-serif; */ .stra_theme h1, .stra_theme h2, .stra_theme h3, .stra_theme h4, .stra_theme p, .stra_theme p a, a.button, .stra_theme blockquote, .stra_theme h3 a{ font-family:'Kepler W01 Regular', Georgia, "Times New Roman", Times, serif; color: #000; } .stra_theme .audio_trigger__text{ font-family:'Kepler W01 Regular', Georgia, "Times New Roman", Times, serif; } .stra_theme h1 em, .stra_theme em h1, .stra_theme h2 em, .stra_theme em h2, .stra_theme h3 em, .stra_theme em h3, .stra_theme p em, .stra_theme em p, .stra_theme p em a, .stra_theme em p a, .stra_theme blockquote em, .stra_theme h3 a em{ font-family:'Kepler W01 It', Georgia, "Times New Roman", Times, serif; } .stra_theme h6, .stra_theme p strong{ font-family:'Kepler W01 Bd', Georgia, "Times New Roman", Times, serif; } .stra_theme h1{ font-size:84px; } .stra_theme p a{ border-bottom: solid 1px #000; padding-bottom:1px; -webkit-transition: border .2s, color .2s ; -moz-transition: border .2s, color .2s ; -ms-transition: border .2s, color .2s ; -o-transition:border .2s, color .2s ; transition: border .2s, color .2s ; } .stra_theme p a:hover{ border-bottom: solid 1px #df1e25; color:#df1e25; } .stra_theme h5 + p.byline{ position:relative; top:-20px; margin-bottom:5px; } p.byline{ color:#666; font-family:'Kepler W01 It', Georgia, "Times New Roman", Times, serif; } .stra_theme h2 { font-size:26px; line-height:1.462em; margin-bottom:20px; } .stra_theme h3 { font-size:24px; line-height: 1.35em; } .stra_theme h4 { font-size:40px; margin-bottom:30px; } .stra_theme h5 { font-family:'Helvetica Neue LT W01_71488914', Arial, Helvetica, sans-serif; font-size:15px; text-transform:uppercase; letter-spacing:3px; margin-bottom:30px; } .stra_theme h6 { font-size:20px; line-height:1.6em; } h1.no_margin, h2.no_margin, h3.no_margin, h4.no_margin, h5.no_margin, p.no_margin{ margin-bottom:0px; } .stra_theme blockquote { margin:40px 14%; } .stra_theme p.blockquote-quote{ font-size:24px; line-height:1.583em; border-left: solid 3px #aaa; padding-left:20px; } .stra_theme p.blockquote-attribution{ font-family:'Kepler W01 It', Georgia, "Times New Roman", Times, serif; color:#666; font-size:16px; padding-left:20px; } a.button, button{ font-family:'Kepler W01 Regular', Georgia, "Times New Roman", Times, serif; min-width:80px; font-size:18px; line-height:45px; border:solid 1px #666; color:#666; padding:0px 14px; background-color:transparent; -webkit-transition: all .2s ; -moz-transition: all .2s ; -ms-transition: all .2s ; -o-transition: all .2s ; transition: all .2s ; display:inline-block; cursor:pointer; text-align:center; } a.button:hover, button:hover{ border:solid 1px #000; color:#fff; background-color:#000; border:solid 1px #df1e25; background-color:#df1e25; } a.button.button-small{ font-size:14px; font-family:'Helvetica Neue LT W01_41488878', Arial, Helvetica, sans-serif; line-height:35px; padding:0px 10px; } a.button .icon-download, button.button .icon-download { font-size:16px; position:relative; top:2px; margin-right:6px; } .results_tiles a.button{ margin-top:20px; } a.button.audio_trigger .audio_trigger__icon{ background-color: #df1e25; font-size:12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; margin-right:6px; width:26px; height:26px; position:relative; text-align:center; color:#fff; display: inline-block; vertical-align: middle; top: -2px; -webkit-transition: color .2s, background .2s ; -moz-transition: color .2s, background .2s ; -ms-transition: color .2s, background .2s ; -o-transition: color .2s, background .2s ; transition: color .2s, background .2s ; } a.button.audio_trigger:hover .audio_trigger__icon{ background-color: #fff; color:#df1e25; } a.button.audio_trigger .audio_trigger__icon::before{ position: relative; top: 7px; left: 2px; } a.button.audio_trigger .audio_trigger__icon.icon-stop-btn::before { top: 6px; left: .5px; font-size: 9px; } a.button.deactivated, a.button.deactivated:hover{ border:solid 1px #ccc; color:#ccc; background-color:transparent; cursor:default; } .black a.button{ color:#fff; } .black a.button:hover{ border:solid 1px #fff; color:#000; background-color:#fff; } .button_wrapper{ text-align:center; padding-top: 40px; margin-bottom:-20px; clear:both; } .introduction_area .button_wrapper{ padding-top:20px; } .stra_theme .button_wrapper .button{ /* margin-left:20px; */ margin:0px 10px; margin-bottom:20px; } .introduction_area .button{ min-width:230px; } .homehero__btn--red, .homehero__btn--gray{ font-family:'Kepler W01 Regular', Georgia, "Times New Roman", Times, serif; } .stra_theme p{ font-size: 18px; /*line-height:1.566em;*/ line-height: 1.8em; margin-bottom: 20px; } p.section_p_b4_elements { margin-bottom: 30px; } .std-hov-transition{ -webkit-transition: color .2s, background .2s ; -moz-transition: color .2s, background .2s ; -ms-transition: color .2s, background .2s ; -o-transition: color .2s, background .2s ; transition: color .2s, background .2s ; } /***************** { End: Main Typography overrides } *****************/ /***************** { Start: Main structure } *****************/ .outer_wrap { text-align: left; position: relative; width: 100%; padding-top: 115px; z-index:200; -webkit-transition: z-index 0s ; -moz-transition: z-index 0s ; -ms-transition: z-index 0s ; -o-transition: z-index 0s ; transition: z-index 0s ; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .open_menu .outer_wrap { z-index:400; -webkit-transition: z-index 0s ; -moz-transition: z-index 0s ; -ms-transition: z-index 0s ; -o-transition: z-index 0s ; transition: z-index 0s ; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .homepage .outer_wrap{ padding-top: 0px; } .width_holder { padding: 0px 17px; max-width: 1200px; width: 100%; margin: 0px auto; position: relative; } .homehero .width_holder, .stra_theme .site-header .width_holder{ padding: 0px 34px; } .stra_theme .site-header, .stra_theme footer, .inner_wrap { float: left; display: inline; width: 100%; } /*-- HEADER --*/ .stra_theme .site-header { background-color: #fff; height: 115px; z-index: 200; -webkit-transition: background-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out, top 0s; -moz-transition: background-color 0.3s ease-in-out, -moz-box-shadow 0.3s ease-in-out, top 0s; -ms-transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, top 0s; -o-transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, top 0s; transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, top 0s; box-shadow: 0px 0px 0px rgba(0,0,0,0); left:0px; top:0px; position:absolute; } .site-header.threshold_passed { /**/ position:fixed; top: -118px; left:0px; -moz-box-shadow: 0px 2px 2px rgba(0,0,0,.2); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.2); box-shadow: 0px 2px 2px rgba(0,0,0,.2); } .site-header.threshold_passed.nav-down{ position:fixed; top:0px; background-color:#fff; left:0px; -webkit-transition: top 0.2s ease-in-out; -moz-transition: top 0.2s ease-in-out; -ms-transition: top 0.2s ease-in-out; -o-transition: top 0.2s ease-in-out; transition: top 0.2s ease-in-out; } .site-header.threshold_passed.nav-up{ top: -115px; position: fixed; left:0px; background-color:#fff; -webkit-transition: top 0.2s ease-in-out; -moz-transition: top 0.2s ease-in-out; -ms-transition: top 0.2s ease-in-out; -o-transition: top 0.2s ease-in-out; transition: top 0.2s ease-in-out; } .homepage .site-header{ background-color: transparent; position:absolute; left:0px; } .site-header .header__logo { float: left; width: 184px; height: auto; position: relative; top: 34px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: top .4s, opacity .4s; -moz-transition: top .4s, opacity .4s; -ms-transition: top .4s, opacity .4s; -o-transition: top .4s, opacity .4s; } .site-header .header__logo img{ position:absolute; top:0px; left:0px; width:100%; height:auto; } .site-header .header__logo .header__logo--negative, .homepage .site-header .header__logo .header__logo--positive, .homepage .site-header.threshold_passed .header__logo .header__logo--negative{ /*display: none; */ filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .homepage .site-header .header__logo .header__logo--negative, .homepage .site-header.threshold_passed .header__logo .header__logo--positive{ /*display: block; */ filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /*-- FOOTER --*/ .stra_theme footer { text-align: center; } footer .width_holder { overflow: hidden; } footer .footer__bottom, footer .footer__top { padding: 100px 0px 100px 0px; background-color: #000; } footer .footer__top { background-color: #1a1a1a; overflow: hidden } .stra_theme footer p, .stra_theme footer p a { font-family:'Helvetica Neue LT W01_55 Roman', Arial, Helvetica, sans-serif; color: #666; font-size: 14px; line-height: 1.7em; } .stra_theme footer p a:hover{ color: #666; border:none; } footer .footer__top p { color: #fff; } footer .footer__top p:last-child{ margin-bottom:0px; } footer .footer__top p a { border-bottom: solid 1px #666; color: #fff; } footer .footer__logo, .stra_theme footer p, footer .footer__social { margin-bottom: 30px; } footer p.footer__nav a { color: #fff; padding-bottom: 2px; text-transform: uppercase; margin: 0px 10px; border:none; } footer p.footer__nav a:hover { color: #fff; } footer .footer__bottom p a { position: relative; } footer .footer__bottom .footer__nav { line-height: 2.4em; } footer .footer__bottom .footer__nav a { display: inline-block; } footer .footer__bottom p a:after { content: ""; position: absolute; bottom: -2px; left: 0; -webkit-transform: scaleX(0); transform: scaleX(0); width: 100%; height: 1px; background: #666; -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s } footer .footer__bottom p a:hover:after { -webkit-transform: scaleX(1); transform: scaleX(1); } footer .footer__logo { width: 264px; height: auto; margin-bottom: 20px; max-width: 100%; height: auto; } footer .footer_partner-logo { margin-bottom: 20px; max-width: 100%; height: auto; } footer .footer__social a { font-size: 22px; color: #fff; margin-left: 10px; } footer .footer__social a:first-child { margin-left: 0px; } footer .footer__social .icon-facebook{ padding:0px 3px; } /* - Begin Grid - */ .row { float: left; width: 100%; padding: 0px 17px; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { padding: 0px 17px; float: left; } .col-1 { width: 8.333333%; } .col-2 { width: 16.6666667%; } .col-3 { width: 25%; } .col-4 { width: 33.333333%; } .col-5 { width: 41.6666667%; } .col-6 { width: 50%; } .col-7 { width: 58.3333331%; } .col-8 { width: 66.6666664%; } .col-9 { width: 75.0000009%; } .col-10 { width: 83.3333333%; } .col-11 { width: 91.6666663%; } .col-12 { width: 100%; } .single-col-cntr, .single-col-left{ float:none; text-align:center; padding:0px 17px; margin:0px auto; } .single-col-left{ text-align:left; } .news_alert{ background-color:#2979ff; width:100%; text-align:center; padding:15px 0px; position:relative; z-index:300; } .news_alert.news_alert--hide, .news_alert--loading{ display: none; height: 0px; min-height: 0px; padding: 0px; } .news_alert img{ display:inline; vertical-align: middle ; margin:5px 0px; } .news_alert p{ display:inline-block; color:#fff; margin-bottom: 0px; vertical-align: middle ; font-size:16px; padding:5px 20px; line-height:1.4em; } .news_alert p a{ color:#fff; border-bottom: solid 1px #94bcff; white-space:nowrap; } .news_alert p a:hover{ color:#fff; border-bottom: solid 1px #fff; } .news_alert .width_holder{ padding:0px 60px; } .news_alert .icon-outbound{ font-size:14px; margin-left:4px; } .news_alert .icon-close-sml{ color:#fff; font-size:12px; border:solid 1px #94bcff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; padding:6px; display:inline-block; vertical-align:middle; text-align:center; position: absolute; right: 34px; top: 50%; margin-top: -13px; color:#fff; -webkit-transition: border .2s ; -moz-transition: border .2s ; -ms-transition: border .2s ; -o-transition: border .2s ; transition: border .2s ; } .news_alert .icon-close-sml:hover{ color:#fff; border:solid 1px #fff; } /************************************* HOME *************************************/ /* Hero area */ .homehero h1, .homehero h2{ color: #fff; text-shadow: 0px 0px 8px #000; margin-bottom:30px; } .homehero h1{ font-size:95px; font-size:7.91vw; line-height:.947em; } .homehero h2{ font-size:22px; line-height: 1.4em; } .homehero, .homehero__coverswrap, .homehero__slide, .homehero__contentwrap, .homehero__contentwrap .width_holder, .homehero__coveroverlay, .homehero__slides{ width:100%; height:100%; } .homehero__coverswrap { overflow:hidden; position:relative; } .homehero__slides{ position:relative; width:calc(100% + 30px); height:calc(100% + 30px); } .homehero{ position:relative; min-height: 600px; background-color: #000; } .homehero .slick-slider .slick-track, .homehero .slick-slider .slick-list{ height:100%; } .homehero__coverswrap, .homehero__slide, .homehero__contentwrap{ position:absolute; } .homehero__contentwrap{ z-index:20; } .homehero__coverswrap{ z-index:10; } .homehero__coveroverlay{ position:absolute; background-color:rgba(0,0,0,.4); z-index:11; } .homehero__content{ z-index:20; margin-top: 45px; position:relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width:67%; } .homehero__slide{ background-size:cover; background-position:top right; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; z-index:0; -webkit-transition: opacity 1.8s ; -moz-transition: opacity 1.8s ; -ms-transition: opacity 1.8s ; -o-transition: opacity 1.8s ; transition: opacity 1.8s ; } .homehero__slide.current{ opacity: 1; z-index:1; } .homehero__slide.elevate{ z-index:3; } .homehero__btn--red{ margin-right:20px; } .homehero__btn--red, .homehero__btn--gray{ font-size:18px; line-height:2.556em; padding:0px 18px; display:inline-block; color:#fff; -webkit-transition: all .2s ; -moz-transition: all .2s ; -ms-transition: all .2s ; -o-transition: all .2s ; transition: all .2s ; position:relative; } .homehero__btn--red:before, .homehero__btn--gray:before, .homehero__btn--red:after, .homehero__btn--gray:after{ content: ""; position: absolute; bottom: 0px; left: 0; z-index: -1; -webkit-transform: scaleX(0); transform: scaleX(0); width: 100%; height: 100%; background: #444; -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s } .homehero__btn--red:after, .homehero__btn--gray:after{ z-index: -2; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform: scaleY(1); transform: scaleY(1); } .homehero__btn--red:after{ background-color:#df1f26; } .homehero__btn--gray:before{ background-color:#333; } .homehero__btn--red:before{ background-color: #c81d22; } .homehero__btn--red:hover:before, .homehero__btn--gray:hover:before{ -webkit-transform: scaleX(1); transform: scaleX(1); } /* section panels */ .stra_theme section{ padding:100px 0px; background-color:#fff; float:left; width:100%; } section.black{ background-color:#000; } section.gray{ background-color:#f6f6f6; } section.gray--alt { background-color: #e0e0e0; } .section_border{ border-top:solid 1px #ccc; } section.suggested_section{ padding:50px 0px; } section.suggested_section + section{ padding-top:50px; } section.black h1, section.black h2, section.black h3, section.black h4, section.black h5, section.black p{ color:#fff; } section.banner_area{ width:100%; position:relative; padding:0px; text-align:center; background-size:cover; background-position:center; padding:80px 0px; padding:100px 0px; } section.banner_area--has_image{ min-height:500px; } section.banner_area--has_image .banner_area--tbl{ height:270px; } .banner_area h1, .banner_area h2, .banner_area h5{ text-shadow: 0px 0px 8px #000; } .banner_area h1 { margin-bottom:0px; line-height: 1.1em } .banner_area h2 { font-size:22px; margin-bottom:0px; margin-top:12px; } .banner_area h5 { margin-bottom:16px; } section .banner_area__cover{ background-color:rgba(0,0,0,.4); width:100%; height:100%; position:absolute; z-index:1; top:0px; left:0px; } .banner_area.width_holder{ padding:0px 34px; } .banner_area--tbl{ display:table; position:relative; z-index:5; } .banner_area--tblcell{ display:table-cell; vertical-align:middle; } /* tile sliders */ .tileslider{ position:relative; width:100%; margin-bottom: 60px; } .tileslider a.button:hover, .tileslider button:hover{ border:none; } .black .tileslider__slide a h3, .black .tileslider__slide a:hover h3{ color:#fff; } .tileslider__slide a h3{ color:#000; -webkit-transition: color .2s; -moz-transition: color .2s; -ms-transition: color .2s; -o-transition: color .2s; transition: color .2s; } .tileslider__slide:hover h3{ color: #df1f26; } .tileslider, .cardslider{ margin-top:30px; text-align:left; } .tileslider.slick-dotted.slick-slider, .cardslider.slick-dotted.slick-slider{ margin-bottom: 90px } .tileslider.tileslider--no-margin, .cardslider.cardslider--no-margin{ margin-bottom: 0px; } .tileslider.tileslider--no-margin.slick-dotted.slick-slider, .cardslider.cardslider--no-margin.slick-dotted.slick-slider{ margin-bottom: 30px; } .stra_theme .tileslider__icon, .stra_theme .grid_list__icon{ font-size: 16px; position: relative; margin-right: 6px; top: 0px; } .tileslider_image{ overflow:hidden; background-color:#000; } .tileslider__slide .tileslider_image img{ -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition: -webkit-transform .45s ; -moz-transition: transform .45s ; -ms-transition: -ms-transform .45s ; -o-transition: transform .45s ; transition: transform .45s ; } .tileslider__slide:hover .tileslider_image img, .tileslider__slide:focus .tileslider_image img{ -webkit-transform: scale(1.03,1.03); -ms-transform: scale(1.03,1.03); transform: scale(1.03,1.03); opacity:1; } .tileslider .slick-slide, .cardslider .slick-slide{ outline:none; } .tileslider__slide--heading .tileslide__holder{ background-color:#313131; } .tileslide__holder{ margin-bottom:10px; } .tileslider__slide{ width:33.3333%; height:100%; float:left; margin:0px 1px; } .cardslider .slick-list { margin: 0 -1px; } .tileslider__slide a, .tileslide__holder{ float:left; width:100%; } .tileslider button{ outline:none; } .tileslider .slick-prev, .tileslider .slick-next{ z-index:10; width: 66px; height: 40px; -webkit-transform: none; -ms-transform: none; transform: none; top:0px; /*top: calc(((((100vw - 68px) / 3) * .7166) / 2 ) - 20px);*/ /*height: calc(((100vw - 68px) / 3) * .71164021); */ opacity:0; -webkit-transition: opacity .2s ; -moz-transition: opacity .2s ; -ms-transition: opacity .2s ; -o-transition: opacity .2s ; transition: opacity .2s ; } .tileslider:hover .slick-prev, .tileslider:hover .slick-next{ opacity:1; } .tileslider .slick-prev.slick-disabled, .tileslider .slick-next.slick-disabled{ display:none !important; } .tileslider .slick-prev:before, .tileslider .slick-next:before{ font-size:32px; opacity: .6; -webkit-transition: all .2s ; -moz-transition: all .2s ; -ms-transition: all .2s ; -o-transition: all .2s ; transition: all .2s ; } .tileslider .slick-prev:before{ content: "\e905"; } .tileslider .slick-next:before{ content: "\e906"; } .tileslider .slick-prev, .tileslider .slick-prev:hover, .tileslider .slick-prev:focus{ left:0px; /* Permalink to edit this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100 */ background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 ); } .tileslider .slick-next, .tileslider .slick-next:hover, .tileslider .slick-next:focus{ right:0px; /* Permalink to edit this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.5+100 */ background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=1 ); } .tileslider .slick-track{ z-index:1; } .tileslider__slide--heading{ position:relative; } .tileslider__slide--heading h4{ padding:24px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-bottom:0px; } .tileslider__mobilehead{ display:none; text-align:center; } .tileslider__mobilehead.show{ display:block; } /* .tileslider_image, .tileslider__slide--heading{ border-right:solid 2px #fff; } section.gray .tileslider_image, section.gray .tileslider__slide--heading{ border-right:solid 2px #f6f6f6; } section.black .tileslider_image, section.black .tileslider__slide--heading{ border-right:solid 2px #000; } */ .tileslider_image img{ width:100%; height:auto; } .tileslider h3{ max-height: 2.8em; overflow: hidden; padding-right: 20px; font-size:20px; } .tileslider p { font-size:14px; line-height:1.571em; max-height: 3em; font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica, sans-serif; max-height: 3em; overflow: hidden; padding-right: 20px; white-space: nowrap; text-overflow: ellipsis; } .tileslider .slick-dots, .cardslider .slick-dots{ bottom: -35px; } .tileslider .slick-dots li, .cardslider .slick-dots li{ margin:0px 1px; } .tileslider .slick-dots li button:before, .cardslider .slick-dots li button:before{ font-size:13px; } .tileslider .slick-dotted.slick-slider, .cardslider .slick-dotted.slick-slider{ margin-bottom: 32px; } section.black .tileslider .slick-dots li button:before, section.black .tileslider .slick-dots li.slick-active button:before{ color:#fff; } /* card slider */ .cardslider { width:100%; } .cardslider .slick-prev, .cardslider .slick-next{ display:none !important; } .cardslider__card{ background-color:#fff; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.2); box-shadow: 0px 0px 4px rgba(0,0,0,.2); float:left; width:33.3333%; margin:6px 15px; -webkit-transition: -webkit-box-shadow .3s ; -moz-transition: -moz-box-shadow .3s ; -ms-transition: box-shadow .3s ; -o-transition: box-shadow .3s ; transition: box-shadow .3s ; } .cardslider__card:hover{ -moz-box-shadow: 0px 0px 6px rgba(0,0,0,.5); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.5); box-shadow: 0px 0px 6px rgba(0,0,0,.5); } .cardslider .slick-list { margin: 0 -15px; } .cardslider__image{ width:100%; } .cardslider__image img{ width:100%; height:auto; } .cardslider__card h3, .cardslider__card p{ color:#000; padding:20px 20px 0px 20px; } .cardslider__card h3{ font-size:24px; } .cardslider__card p{ padding:0px 20px; font-size:16px; line-height:1.6em; } .cardslider__card a { display: inline-block; } /* grid list */ .grid_list, .results_tiles--grid{ width:100%; float:left; font-size:0px; } .grid_list li, .results_tiles--grid li{ display:inline-block; width:33.3333%; padding : 0px 1px; background-color: #fff; vertical-align:top; margin-bottom:20px; } .grid_list_image, .results_tiles--grid .results_tiles__image{ width:100%; overflow:hidden; margin-bottom:10px; } .grid_list_image img, .results_tiles--grid img{ display:block; width: 100%; height: auto; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: -webkit-transform .45s; -moz-transition: transform .45s; -ms-transition: -ms-transform .45s; -o-transition: transform .45s; transition: transform .45s; } .grid_list a:hover .grid_list_image img, .results_tiles--grid li:hover .results_tiles__image img{ -webkit-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .results_tiles--grid li:hover h3{ color: #df1f26; } .grid_list h3, .results_tiles--grid h3{ max-height: 2.5em; overflow: hidden; padding-right: 20px; font-size: 20px; max-height: 3.6em; } .grid_list p, .results_tiles--grid date{ font-size: 14px; line-height: 1.571em; font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica, sans-serif; max-height: 3em; overflow: hidden; padding-right: 20px; white-space: nowrap; text-overflow: ellipsis; } .results_tiles--grid p, .results_tiles--grid .button{ display:none; } .results_tiles p.results_tiles__info__meta { font-family: 'Helvetica Neue LT W01_41488878',Arial,Helvetica,sans-serif; font-size: 16px; color: #7a7d81; margin-bottom: 10px; } .results_tiles p.results_tiles__info__meta strong { font-family: 'Helvetica Neue LT W01_71488914',Arial,Helvetica,sans-serif; font-size: 16px; color: #7a7d81; } .results_tiles p.results_tiles__info__meta span.results_tiles__info__meta__divider { padding: 0px 4px; } /* email signup area */ .email_signup{ position:relative; overflow:hidden; padding:60px 0px; width:100%; } .email_signup__slide{ width:300%; position:relative; left:0%; float:left; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: left .6s ; -moz-transition: left .6s ; -ms-transition: left .6s ; -o-transition: left .6s ; transition: left .6s ; } .email_signup__panel1, .email_signup__panel2{ -webkit-transition: opacity .6s ; -moz-transition: opacity .6s ; -ms-transition: opacity .6s ; -o-transition: opacity .6s ; transition: opacity .6s ; opacity:1; } .email_signup__efielderror, .email_signup__fnfielderror, .email_signup__lnfielderror{ color:#df1e25; font-size:13px; position: absolute; bottom:-22px; display:none; font-family:'Helvetica Neue LT W01_55 Roman', Arial, Helvetica, sans-serif; } .email_signup__efielderror.show, .email_signup__lnfielderror.show, .email_signup__fnfielderror.show{ display:block; } .email_signup.email_signup--step2 .email_signup__slide{ left:-100%; } .email_signup.email_signup--step2 .email_signup__panel1{ opacity:0; } .email_signup.email_signup--step3 .email_signup__slide{ left:-200%; } .email_signup.email_signup--step3 .email_signup__panel2{ opacity:0; } .email_signup *{ outline:none; } .email_signup__panel1, .email_signup__panel2, .email_signup__panel3{ width:33.333%; float:left; position:relative; outline:none; } .email_signup__panel1, .email_signup__panel2{ margin-top:20px; } .email_signup__social a { font-size: 22px; color: #fff; margin-left: 10px; } .email_signup__social .icon-facebook{ padding:0px 3px; } .email_signup__social a:first-child { margin-left: 0px; } .email_signup h3{ font-size:24px; } .email_signup h3, .email_signup__efield, .email_signup__fnfield, .email_signup__lnfield, .email_signup a.button{ position: relative; display: inline-block; } .email_signup__efield{ margin:0px 20px; width:40%; } .email_signup__fnfield, .email_signup__lnfield{ margin-right:20px; width:38%; } .stra_theme .email_signup__emailconfirm{ text-align:left; position:absolute; top:-50px; } .stra_theme .email_signup__emailconfirm span, .stra_theme .email_signup__emailconfirm a{ font-family:'Kepler W01 Regular', Georgia, "Times New Roman", Times, serif; color:#fff; font-size:18px; } .stra_theme .email_signup__emailconfirm a{ color:#aaa; border-bottom: solid 1px #aaa; padding-bottom:1px; font-size:15px; margin-left:5px; } .stra_theme .email_signup__emailconfirm a:hover{ color:#fff; border-bottom: solid 1px #fff; } .stra_theme .email_signup label, .stra_theme .email_signup input{ font-family:'Kepler W01 Regular', Georgia, "Times New Roman", Times, serif; font-size:24px; text-align:left; color:#666; width:100%; } .stra_theme .email_signup input{ background-color:transparent; border-bottom:solid 1px #666; padding-bottom:4px; color:#fff; -webkit-box-shadow: 0 0 0px 1000px #000 inset; -webkit-text-fill-color: #FFF; } .stra_theme .email_signup h3{ margin-bottom:20px; } .email_signup #mailchimp-response-mailchimp_signup_subscribe_block_homepage_panel_form-wrapper { display: none; } .email_signup__hidden-submit { display: none; } /* sponsors blocks */ .sponsors{ width:100%; position:relative; text-align:center; overflow:hidden; margin:auto; text-align:center; position:relative; width:100%; font-size:0; margin-top: 30px; } .sponsor__box{ display:inline-block; border:solid 1px #aaa; padding:50px 30px; position:relative; vertical-align: top; } .sponsor__box--large{ width: 32%; margin-left: 2%; margin-bottom:2%; } .sponsor__box--large:nth-child(3n+1){ margin-left:0%; } .sponsor__box--small{ width:23.5%; margin-left:2%; margin-bottom:2%; } .sponsor__box--small:nth-child(4n+1){ margin-left:0%; } .sponsors .sponsor__box--large:last-child, .sponsors.sponsor__box--small:last-child{ margin-bottom:0px; } .sponsor__box img{ width:100%; height:auto; } .sponsor__box > span{ display:table; height:100%; position: relative; font-family:'Kepler W01 Regular', Georgia, "Times New Roman", Times, serif; color:#000; font-size:16px; width:100%; } .sponsor__box > span > span{ display:table-cell; vertical-align:middle; font-family:'Kepler W01 Regular', Georgia, "Times New Roman", Times, serif; color:#000; font-size:16px; line-height:1.5em; } .sponsors_block{ margin-bottom:80px; } .sponsors_block--deck{ } .sponsors_block--list{ text-align:center; } .sponsors_block--list p{ font-family:'Helvetica Neue LT W01_41488878', Arial, Helvetica, sans-serif; font-size:14px; color:#000; margin-bottom:10px; } .gray .sponsor__box, .gray--alt .sponsor__box { background-color: #fff; } /* general pages */ article.main{ clear:both; padding-top:80px; padding-bottom:80px; overflow:hidden } article.main--hidden { display: none; } .img_wrap img{ width:100%; height:auto; } .img_wrap--left, .img_wrap--right{ width:40%; clear:both; position:relative; top:6px; } .img_wrap--left{ float:left; margin-right:24px; } .img_wrap--right{ float:right; margin-left:24px; } .img_wrap--full_width{ width:100%; margin:40px 0px; } .img_wrap--blog{ margin:40px 14%; } p.img_wrap__caption{ font-family:'Helvetica Neue LT W01_41488878', Arial, Helvetica, sans-serif; color:#666; font-size:14px; margin-top:8px; } p.img_wrap__caption em{ font-family:'Helvetica Neue LT W01_46 Lt It', Arial, Helvetica, sans-serif; } /* list styles */ .results_tiles--list li{ border-bottom: solid 1px #ccc; margin-bottom: 24px; clear:both; float:left; width:100%; padding: 0px 0px 24px 0px; } .results_tiles--list li:last-child{ border-bottom: none; margin-bottom:0px; } .results_tiles date, .results_tiles--list .results_tiles__attribution{ font-size:14px; color:#666; font-family:'Helvetica Neue LT W01_55 Roman', Arial, Helvetica, sans-serif; display:inline-block; margin:5px 0px 4px; line-height:1.571em; } .results_tiles--list .results_tiles__attribution{ display:inline; margin-left: 6px; } .results_tiles a{ cursor:pointer; } .results_tiles__image .results_tiles__link{ overflow:hidden; display:block; } .results_tiles__image img{ width:100%; height:auto; display:block; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: -webkit-transform .45s; -moz-transition: transform .4 } .results_tiles__image:hover img{ -webkit-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .results_tiles__image--no_hover img { -webkit-transition: none; -moz-transition: none; transition: none; -webkit-transform: none; -ms-transform: none; transform: none; } .results_tiles__image--no_hover:hover img { -webkit-transform: none; -ms-transform: none; transform: none; } .results_tiles p{ margin-bottom:0px; } .results_tiles a h3{ /*border-bottom: solid 1px #fff; */ color: #000; -webkit-transition: color .2s ; -moz-transition: color .2s ; -ms-transition: color .2s ; -o-transition: color .2s ; transition: color .2s ; line-height:1.2em; } .results_tiles a:hover h3{ /*border-bottom: solid 1px #000; */ color: #df1f26; } .stra_theme .results_tiles__icon{ font-size:16px; position:relative; margin-right:6px; top:-1px; } .results_tiles--list .results_tiles__image{ width: 33.333333%; overflow: hidden; float: left; padding-right: 17px; min-height:1px; } .results_tiles--list .results_tiles__info{ width: 66.6666664%; float: left; padding-left: 0; } .results_tiles--list .results_tiles__image + .results_tiles__info { padding-left: 17px; } .results_tiles--list .results_tiles__image--fallback { display: none; } .results_tiles--list .results_tiles__image--fallback + .results_tiles__info { padding-left: 0; } .list_pagination{ float:left; width:100%; text-align: center ; padding:0px 17px; margin-top:40px; } .list_pagination .button{ min-width:130px; margin-left:15px; } .list_pagination .button:first-child{ margin-right:15px; margin-left:0px; } .list_pagination .icon-arrow-right, .list_pagination .icon-arrow-left{ font-size:16px; position:relative; top:1px; } .list_pagination .icon-arrow-right{ margin-left:6px; } .list_pagination .icon-arrow-left{ margin-right:6px; } .list_pagination__page_number{ text-align:center; display:inline-block; margin:0px 15px; } .list_pagination__page_number, .list_pagination__page_number input{ font-size:16px; color:#000; font-family:'Helvetica Neue LT W01_41488878', Arial, Helvetica, sans-serif; } .list_pagination__page_number form{ display: inline-block; } .list_pagination__page_number span{ margin-left:8px; } .list_pagination__page_number input{ border: solid 1px #ccc; display: inline-block; padding: 4px; width: 40px; height: 34px; text-align: center; } .list_pagination__page_number__form[data-valid="invalid"] input.list_pagination__page_number__pagination_number { border: solid 1px #df1f26; background-color: #fce8e9; } /* slim audio control */ .slim_audio_cntrl{ position:fixed; bottom:-74px; background-color:#000; border-top:solid 1px #1a1a1a; width:100%; height:64px; z-index:500; -webkit-transition: bottom .4s ; -moz-transition: bottom .4s ; -ms-transition: bottom .4s ; -o-transition: bottom .4s ; transition: bottom .4s ; } .slim_audio_cntrl--show{ bottom:0px; } .slim_audio_cntrl .width_holder{ padding:0px 34px; } .slim_audio_cntrl__tbl{ display:table; width:100%; height:64px; } .slim_audio_cntrl__cell{ display:table-cell; vertical-align:middle; position:relative; } .slim_audio_cntrl__toggle{ width:40px; } .slim_audio_cntrl__toggle a{ position: absolute; left: 0px; top: 11px; padding: 10px 10px 10px 0px; font-size: 20px; color:#999; -webkit-transition: color .2s ; -moz-transition:color .2s ; -ms-transition: color .2s ; -o-transition: color .2s ; transition: color .2s ; } .slim_audio_cntrl__toggle a:hover{ color:#fff; } .slim_audio_cntrl__toggle .icon-play-btn, .slim_audio_cntrl__toggle .icon-pause-btn{ } .slim_audio_cntrl__toggle--play .icon-play-btn{ display:none; } .slim_audio_cntrl__toggle--pause .icon-pause-btn{ display:none; } .slim_audio_cntrl__time{ width:80px; padding-left:20px; } .slim_audio_cntrl__time p{ white-space:nowrap; color:#fff; font-size:12px; font-family: 'Helvetica Neue LT W01_55 Roman', Arial, Helvetica, sans-serif; text-align:center; margin-bottom:0px; text-align:right; } p span.slim_audio_cntrl__duration{ color:#999; } .slim_audio_cntrl__progress_bar{ width: 100%; background-color:#333; height:6px; position:relative; -webkit-transition: height .3s ; -moz-transition: height .3s ; -ms-transition: height .3s ; -o-transition: height .3s ; transition: height .3s ; cursor:pointer; background-image:url(../images/progress-loader.gif); background-repeat:repeat-x; } .slim_audio_cntrl__progress_bar--loaded { background-image:none; } .slim_audio_cntrl__progress .slim_audio_cntrl__progress_bar span{ width:0%; height:100%; position:absolute; background-color:#999; cursor:pointer; -webkit-transition: background .3s ; -moz-transition: background .3s ; -ms-transition: background .3s ; -o-transition: background .3s ; transition: background .3s ; left:0px; } .slim_audio_cntrl__progress:hover .slim_audio_cntrl__progress_bar span{ background-color: #fff; } .slim_audio_cntrl__progress:active, .slim_audio_cntrl__progress span:active{ cursor:pointer; } .slim_audio_cntrl__timescrub{ position: absolute; top: 6px; font-size: 12px; color: #fff; margin-bottom: 0px; display: none; background-color: #333; padding: 2px 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .slim_audio_cntrl__timescrub.slim_audio_cntrl__timescrub--show{ display:block; } .slim_audio_cntrl__remix{ width:150px; text-align:right; } .slim_audio_cntrl__remix_btn{ border: solid 1px #999; font-size:14px; color:#999; font-family:'Helvetica Neue LT W01_41488878', Arial, Helvetica, sans-serif; line-height: 36px; padding: 0px 10px; display: inline-block; -webkit-transition: all .2s ; -moz-transition: all .2s ; -ms-transition: all .2s ; -o-transition: all .2s ; transition: all .2s ; } .slim_audio_cntrl__remix_btn span{ margin-right:6px; } .slim_audio_cntrl__remix_btn:hover{ border: solid 1px #fff; color:#fff; } /* inline variation */ .slim_audio_cntrl.slim_audio--inline{ position:static; margin:40px 0px; } .slim_audio_cntrl.slim_audio--inline .width_holder{ padding:0px 20px; } .slim_audio_cntrl.slim_audio--inline .slim_audio_cntrl__progress_bar{ background-image:none; } /* playlist variation */ .playlist_player{ position:relative; width:100%; } .slim_audio_cntrl.slim_audio--playlist{ position:static; background-color:transparent; border:none; margin:0px; height:130px; } .slim_audio--playlist .slim_audio__cover{ width:130px; height:130px; border:solid 1px #fff; background-size:cover; background-position:center; position:absolute; top:0px; left:0px; } .slim_audio--playlist .slim_audio__controls, .slim_audio_cntrl.slim_audio--playlist .width_holder, .slim_audio--playlist .slim_audio_cntrl__title{ position:absolute; width:calc(100% - 160px); } .slim_audio--playlist .slim_audio__controls{ top:0px; right:0px; text-align:center; } .slim_audio_cntrl.slim_audio--playlist .width_holder{ top: 88px; right: 0px; padding: 0px; } .slim_audio_cntrl.slim_audio--playlist .slim_audio_cntrl__tbl{ height:30px; } .slim_audio_cntrl.slim_audio--playlist .slim_audio_cntrl__timescrub{ top:-12px; } .slim_audio--playlist .slim_audio_cntrl__title{ text-align:left; top: 112px; right: 0px; padding: 0px; overflow:hidden; } .slim_audio--playlist .slim_audio_cntrl__title p, .slim_audio_cntrl__title_dup p{ font-size:14px; font-family:'Helvetica Neue LT W01_71488914', Arial, Helvetica, sans-serif; color:#fff; white-space:nowrap; position:relative; left:0px; } .slim_audio--playlist .slim_audio_cntrl__title p a, .slim_audio_cntrl__title_dup p a{ font-family:'Helvetica Neue LT W01_41488878', Arial, Helvetica, sans-serif; color:#999; margin-left:8px; } .slim_audio_cntrl__title_dup{ position: absolute; left: -99999em; } .slim_audio--playlist .slim_audio_cntrl__title p a:hover{ border-bottom-color:#999; } .slim_audio_cntrl.slim_audio--playlist .slim_audio_cntrl__toggle a { position:static; } .slim_audio__controls_wrap { margin:0px auto; display:inline-block; margin-left:-129px; } .slim_audio_cntrl.slim_audio--playlist .slim_audio_cntrl__toggle{ width:auto; display:inline-block; } .slim_audio--playlist .slim_audio_cntrl__toggle a, .slim_audio_cntrl__prev, .slim_audio_cntrl__next{ background-color: #df1f26; padding: 24px 0px 24px 6px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; color:#fff; display:inline-block; vertical-align:middle; margin:0px 4px; width:69px; height:69px; font-size:28px; -webkit-transition: background-color .2s ; -moz-transition: background-color .2s ; -ms-transition: background-color .2s ; -o-transition: background-color .2s ; transition: background-color .2s ; } .slim_audio--playlist .slim_audio_cntrl__toggle a:hover, .slim_audio_cntrl__prev:hover, .slim_audio_cntrl__next:hover{ background-color: #c81d22; } .slim_audio_cntrl__shuffle{ font-size:16px; color:#999; display:inline-block; vertical-align:middle; margin:0px 0px 0px 10px; } .slim_audio_cntrl__shuffle.shuffle, .slim_audio_cntrl__shuffle:hover{ color:#fff; } .slim_audio_cntrl__shuffle.selected{ color: #df1f26; } .slim_audio--playlist .slim_audio_cntrl__toggle a:before{ position: relative; top: -3px; left:-1px; } .slim_audio--playlist .slim_audio_cntrl__toggle a.icon-pause-btn:before{ position: relative; top: -3px; left: -3px; } .slim_audio_cntrl__prev, .slim_audio_cntrl__next{ padding: 14px; width:37px; height:37px; font-size:16px; } .slim_audio_cntrl__prev:before, .slim_audio_cntrl__next:before{ position: relative ; top:-3px; left: -3px; } .slim_audio__share{ position:absolute; right:0px; top:0px; } .slim_audio__share span, .slim_audio__share a{ display:inline-block; vertical-align:middle; margin-left:10px; font-size:16px; color:#999; } .slim_audio__share a:hover{ color:#fff; } .slim_audio__share span{ font-size:12px; text-transform:uppercase; margin-right:2px; } .playlist_player__playlist_wrap.scrollbar-outer{ height:305px; } .playlist_player__playlist_wrap.scrollbar-outer > .scroll-content.scroll-scrolly_visible{ left: -12px; margin-left: 12px; } .playlist_player__playlist_wrap.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 6px; } .playlist_section .scrollbar-outer > .scroll-element .scroll-bar{ background-color: #df1f26; } .playlist_section .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer{ width:6px; } .playlist_section .scrollbar-outer > .scroll-element .scroll-element_track{ background-color:#333; } .playlist_player__playlist_wrap{ width:100%; margin-top:40px; } .playlist_player__playlist{ width:100%; } .playlist_player__playlist li{ height:60px; position:relative; -webkit-transition: background .2s ; -moz-transition: background .2s; -ms-transition: background .2s; -o-transition: background .2s; transition: background .2s; border-top: 1px #333 solid; } .playlist_player__playlist li:hover, .playlist_player__playlist li.playing, .playlist_player__playlist li.current{ background-color:#222; } .playlist_player__playlist .playlist_track_cover, .playlist_player__playlist .playlist_track_icon, .playlist_player__playlist .playlist_track_title, .playlist_player__playlist .playlist_track_posted, .playlist_player__playlist .playlist_track_share{ position:absolute; } .playlist_player__playlist .playlist_track_icon{ font-size:16px; color:#999; left: 17px; top: 22px; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .playlist_player__playlist li:hover .playlist_track_icon, .playlist_player__playlist li.playing .playlist_track_icon, .playlist_player__playlist li.current .playlist_track_icon{ -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; cursor:pointer; } .playlist_player__playlist .playlist_track_icon:hover{ color:#fff; } .playlist_player__playlist li:active{ background-color:#333; background-color:#1a1a1a; } .playlist_player__playlist li:active .playlist_track_icon{ color:#fff; } .playlist_player__playlist .playlist_track_cover{ width:40px; height:40px; left: 45px; top: 10px; background-size:cover; background-position:center; border:solid 1px #666; } .playlist_player__playlist .playlist_track_title { left: 100px; text-align: left; top:11px; width:calc(100% - 220px); overflow:hidden; } .playlist_player__playlist .playlist_track_title p, .playlist_player__playlist .playlist_track_title time{ font-size:13px; font-family:'Helvetica Neue LT W01_71488914', Arial, Helvetica, sans-serif; line-height:1.5em; margin-bottom:0px; white-space:nowrap; } .playlist_player__playlist .playlist_track_title p a{ font-family:'Helvetica Neue LT W01_41488878', Arial, Helvetica, sans-serif; color:#999; border-bottom-color: transparent; } .playlist_player__playlist .playlist_track_title p a:hover{ border-bottom-color:#999; } .playlist_player__playlist .playlist_track_posted{ height:14px; right: 50px; width: 60px; top:24px; font-family:'Helvetica Neue LT W01_41488878', Arial, Helvetica, sans-serif; color:#999; font-size: 11px; } .playlist_player__playlist .playlist_track_share{ font-size:20px; color:#999; right: 17px; border-bottom-color: transparent; top: 20px; z-index:2; } .playlist_player__playlist .playlist_track_share:hover{ color:#fff; color:#999; } .stra_theme .playlist_track_share_choices{ background-color:#333; width:70px; height:20px; position:absolute; right:10px; top:10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index:1; text-align:left; padding:10px 12px; display:none; box-shadow: 0px 0px 2px #000; } .stra_theme .playlist_track_share_choices.show{ display:block; } .playlist_track_share_choices a{ font-size:16px; color:#999; margin-right:10px; } .playlist_track_share_choices a:hover{ color:#fff; } /* introduction modal */ .intro_modal{ background-color:#efefef; width:100%; position:fixed; top: 100% ; /* compensate for browser chrome on phone when scrolling */ top:110%; left:0px; height:100%; z-index:500; overflow:auto; padding:80px 0px; -webkit-transition: top .6s; -moz-transition: top .6s; -ms-transition: top .6s; -o-transition: top .6s; transition: top .6s; } .intro_modal .col-10{ background-color:#fff; -moz-box-shadow: 0px 0px 4px #ccc; -webkit-box-shadow: 0px 0px 4px #ccc; box-shadow: 0px 0px 4px #ccc; padding:80px 34px 14px 34px; position:relative; text-align:left; } .intro_modal__close{ font-size:20px; position:absolute; color:#666; left:34px; top:34px; } body.intro_modal--show{ overflow:hidden; } .intro_modal--show .intro_modal{ top:0px; } /* classroom predownload form modal */ .predownload_modal { background-color:#efefef; width:100%; position:fixed; top: 100% ; /* compensate for browser chrome on phone when scrolling */ top:110%; left:0px; height:100%; z-index:500; overflow:auto; padding:80px 0px; -webkit-transition: top .6s; -moz-transition: top .6s; -ms-transition: top .6s; -o-transition: top .6s; transition: top .6s; } .predownload_modal .col-10{ background-color:#fff; -moz-box-shadow: 0px 0px 4px #ccc; -webkit-box-shadow: 0px 0px 4px #ccc; box-shadow: 0px 0px 4px #ccc; padding:80px 34px 14px 34px; position:relative; text-align:left; } .predownload_modal__close{ font-size:20px; position:absolute; color:#666; left:34px; top:34px; } body.predownload_modal--show{ overflow:hidden; } .predownload_modal--show .predownload_modal { top:0px; } .predownload_modal .col-10 { overflow: hidden; } .predownload__success { display: none; } .predownload_modal--submitted .predownload__success { display: block; } .predownload_modal--submitted .predownload__presuccess { display: none; } .curriculum_download__submit--hidden_submit { display: none; } .stra_theme .explore_grid{ width:100%; padding:0px; } .explore_grid h1, .explore_grid span{ color:#fff; text-shadow: 0px 0px 16px #000; margin-bottom: 6px; } .explore_grid span{ font-size: 14px; text-transform:uppercase; } .explore_grid__tile--lrg h1 { font-size:72px; line-height: 1.05em; } .explore_grid__tile--sml h1, .explore_grid__tile--med h1{ font-size:40px; line-height: 1.05em; } .explore_grid__tile--sml, .explore_grid__tile--med, .explore_grid__tile--lrg{ float:left; position:relative; display:block; text-align:center; background-position:center; background-repeat:no-repeat; background-size:cover; padding:15px; } .explore_grid__tile--sml::after, .explore_grid__tile--med::after, .explore_grid__tile--lrg::after{ content:''; background-color:#000; position:absolute; width:100%; height:100%; z-index:1; left: 0px; top: 0px; -moz-opacity: .25; -khtml-opacity: .25; opacity: .25; -webkit-transition: opacity .5s ; -moz-transition: -moz-opacity .5s ; -ms-transition: opacity .5s ; -o-transition: opacity .5s ; transition: opacity .5s ; } .explore_grid__tile--sml:hover::after, .explore_grid__tile--med:hover::after, .explore_grid__tile--lrg:hover::after{ -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .explore_grid__tile--sml{ width:33.333333%; width:calc(100% / 3); max-height:350px; } .explore_grid__tile--med{ width:50%; max-height:500px; } .explore_grid__tile--lrg{ width:66.6666666%; width:calc(100% / 1.5); max-height:700px; } .explore_grid__row{ overflow:hidden; width:100%; } .explore_grid__img{ overflow:hidden; width:100%; height:100%; position:absolute; top:0px; left: 0px; } .explore_grid__img img{ width:100%; height:auto; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: -webkit-transform .7s; -moz-transition: transform .7s; -ms-transition: -ms-transform .7s; -o-transition: transform .7s; transition: transform .7s; } .explore_grid__tile--sml:hover .explore_grid__img img, .explore_grid__tile--med:hover .explore_grid__img img, .explore_grid__tile--lrg:hover .explore_grid__img img{ -webkit-transform: scale(1.02, 1.02); -ms-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02); } .explore_grid__lrg_tile--right .explore_grid__tile--sml{ float:none; } .explore_grid__lrg_tile--left .explore_grid__tile--sml{ float:right; } .explore_grid__lrg_tile--left .explore_grid__tile--lrg{ float:left; } .explore_grid__lrg_tile--right .explore_grid__tile--lrg{ float:right; } .explore_grid__tbl{ display:table; width:100%; height:100%; position:absolute; top:0px; left:0px; } .explore_grid__tblcell{ display:table-cell; vertical-align:middle; position:relative; z-index:2; padding:20px; } .explore_grid__text{ position: relative; top: 50%; -webkit-transform: perspective(1px) translateY(-50%); -moz-transform: perspective(1px) translateY(-50%); -ms-transform: translateY(-50%); transform: perspective(1px) translateY(-50%); z-index:10; } /* explore tabs */ .stra_theme ul.explore_tabs{ width:100%; text-align:center; margin-top:50px; } .explore_tabs li{ display:inline-block; margin:0px 5%; } .explore_tabs li:first-child{ margin-left:0px; } .explore_tabs li:last-child{ margin-right:0px; } .explore_tabs li a{ font-family:'Kepler W01 Regular', Georgia, "Times New Roman", Times, serif; font-size:24px; color:#666; padding:2px 2px 10px 2px; border-bottom:solid 3px transparent; -webkit-transition: all .2s ; -moz-transition: all .2s ; -ms-transition: all .2s ; -o-transition: all .2s ; transition: all .2s ; } .explore_tabs li a.current{ color:#fff; border-bottom:solid 3px #df1e25; } .explore_tabs li a:hover{ color:#ccc; } .explore_tabs li a:active{ color:#fff; border-bottom:solid 3px #333; } .explore_load_area{ min-height:400px; width:100%; float:left; } /*DEV NOTE: This will probably be removed to ajax in these sections */ .explore_tab__area{ display:none; } .explore_tab__area.show{ display:block; } .date_range__field{ width: 47.5%; position:relative; border:solid 1px #ccc; display:inline-block; } .ui-datepicker td{ padding:4px 1px; } .date_range__field input, .date_range__field label{ width:100%; font-size:30px; padding:10px; color:#000; font-family:'Kepler W01 Regular', Georgia, "Times New Roman", Times, serif; text-align:left; } .date_range__field.date_range__field--w-label input, .date_range__field.date_range__field--w-label label{ padding-top:32px; } .date_range__field input{ padding-right: 42px; } .stra_theme .date_range_label{ color:#666; text-transform:uppercase; font-size:12px; font-family:'Helvetica Neue LT W01_55 Roman', Arial, Helvetica, sans-serif; position:absolute; left:10px; top:10px; } .date_range__field label{ color:#666; position: absolute; z-index: 5; overflow: hidden; top: 0px; left: 0px; white-space: normal; cursor:pointer; } .date_range__icon{ font-size: 25px; color: #000; position: absolute; right: 14px; top: 15px; /*width:20px; background-color:#f1f1f1; width:56px; height:56px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; */ } .ui-datepicker select.ui-datepicker-month{ margin-right: 4px; } .ui-datepicker select.ui-datepicker-year{ margin-left: 4px; } .date_range__field.date_range__field--w-label .date_range__icon{ top: 27px; } .date_picker--range .date_range__field:first-child{ margin-right:4%; } .date_picker--range, .date_picker.range .date_picker--range, .date_picker.specific .date_picker--specific{ display:block; } .date_picker--specific, .date_picker.specific .date_picker--range, .date_picker.range .date_picker--specific{ display:none; } .keyword__search{ width:100%; border: solid 1px #ccc; position:relative; } .keyword__search input, .keyword__search label{ font-size:30px; padding:10px; width:100%; text-align:left; } .keyword__search input{ padding-right:48px; } .keyword__search_icon{ position: absolute; font-size: 28px; right: 10px; top: 13px; z-index: 20; color: #666; } .keyword__search_icon:hover{ color:#000; } button.keyword__search_icon { border: none; padding: 0; min-width: 0; speak: none; -webkit-transition: color .2s, background .2s; -moz-transition: color .2s, background .2s; -ms-transition: color .2s, background .2s; -o-transition: color .2s, background .2s; transition: color .2s, background .2s; line-height: 1; } button.keyword__search_icon:hover { background-color: transparent; } .grid_results_area{ border-top:solid 1px #ccc; margin-top:100px; padding-top:35px; } .grid_results__feedback{ padding:100px 0px 40px; text-align:center; } .grid_results__feedback h3{ color: #999; } .grid_results__details{ float:left; width:100%; margin-bottom:40px; } p.grid_results__total{ float:left; font-family:'Helvetica Neue LT W01_71488914', Arial, Helvetica, sans-serif; margin-bottom: 0px; position: relative; top:10px; font-size:16px; } .grid_results__see_all{ float:right; } /* program detail */ section.program_title{ position:relative; } section.program_title h1{ font-size:46px; } section.program_title .program_date_duration{ font-size:13px; font-family:'Helvetica Neue LT W01_55 Roman', Arial, Helvetica, sans-serif; color:#999; } section.program_title h1, section.program_title .program_date_duration{ margin-bottom:30px; } section.program_title .program_date_duration span{ padding: 0px 4px; } .program_social a{ font-size: 22px; color: #999; margin-left: 15px; } .program_social a:hover{ color:#fff; } .program_social a:first-child{ margin-left: 0px; } .black a.button.program_button{ background-color:transparent; border:none; line-height: 1px; position:absolute; left:50%; margin-left: -42px; bottom:-42px; padding:0px; } a.button.audio_trigger.program_button .audio_trigger__icon{ margin:0px; border:solid 4px #fff; width:80px; height:80px; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; font-size: 28px; } a.button.audio_trigger.program_button:hover .audio_trigger__icon { background-color:#c81d22; color:#fff; } a.button.audio_trigger.program_button .audio_trigger__icon::before{ top: 22px; left: 4px; } a.button.audio_trigger.program_button .audio_trigger__icon.icon-stop-btn::before{ font-size: 25px; top: 20px; left: 1px; } .no_audio_notice { background-color: transparent; border: none; position: absolute; left: 50%; margin-left: -109px; bottom: -31px; padding: 0px; } .stra_theme .no_audio_notice__message { background-color: #2979ff; color: #fff; border: solid 3px #fff; position: relative; text-align: center; display: inline-block; vertical-align: middle; font-size: 14px; margin-bottom: 0; padding: 0 20px; line-height: 4em; border-radius: 60px; } .stra_theme .program_synopsis__body h2 { font-size: 18px; line-height: 1.8em; margin-bottom: 20px; } .transcript_tip{ position:relative; background-color:#1a1a1a; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display:inline-table; } .transcript_tip.hide{ display:none; } .transcript_tip--cell{ display:table-cell; vertical-align:middle; } .stra_theme .transcript_tip__msg, .transcript_tip__btn{ color:#fff; font-size:13px; font-family:'Helvetica Neue LT W01_55 Roman', Arial, Helvetica, sans-serif; float:left; margin-bottom:0px; padding:10px 20px; } .stra_theme .transcript_tip__msg{ border-right:solid 1px #666; } .transcript_tip__btn{ float:right; color:#ccc; } .transcript_tip__btn:hover{ color:#fff; } .transcript_tip__arrow{ width: 0; height: 0; border-style: solid; border-width: 8px 7px 0 7px; border-color: #1a1a1a transparent transparent transparent; position: absolute; bottom: -8px; margin-left:-7px; left: 50%; } .meta_data h3{ border-bottom: solid 3px #666; padding-bottom:5px; margin-bottom:20px; display:inline-block; } .meta_data p{ font-size:14px; font-family:'Helvetica Neue LT W01_41488878', Arial, Helvetica, sans-serif; margin-bottom: 14px; } .meta_data p strong{ font-family:'Helvetica Neue LT W01_71488914', Arial, Helvetica, sans-serif; text-transform:uppercase; } .meta_data p a{ margin:0px 4px; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .meta_data p a:first-child{ margin-left:0px; } .meta_data__section { overflow:hidden; margin-bottom:30px; } .credit_info__trigger:before{ content:'i'; font-size:13px; font-family:'Helvetica Neue LT W01_55 Roman', Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; position:relative; top:2px; } .credit_info{ position:absolute; right:34px; bottom:24px; width: 100%; z-index: 10; } .credit_info__trigger{ background-color:#000; border: solid 1px #555; width:23px; height:23px; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; position:absolute; right:0px; bottom:0px; z-index:2; } .stra_theme .credit_info__info{ text-align: left; background-color: rgba(255, 255, 255, 0.85); /* border: solid 1px #666; */ font-size: 12px; font-family: 'Helvetica Neue LT W01_41488878', Arial, Helvetica, sans-serif; padding: 8px 40px 8px 10px; position: absolute; bottom: -5px; right: -8px; color: #666; max-width: 320px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 1; line-height: 1.4em; display:inline-block; -webkit-transition: visibility 0s, opacity 0.3s ; -moz-transition: visibility 0s, opacity 0.3s ; -ms-transition: visibility 0s, opacity 0.3s ; -o-transition: visibility 0s, opacity 0.3s ; transition: visibility 0s, opacity 0.3s ; visibility:hidden; opacity:0; } .stra_theme .credit_info.show .credit_info__info{ visibility:visible; opacity:1; } .credit_info.show .credit_info__trigger{ background-color:#fff; border: solid 1px #ccc; } .credit_info.show .credit_info__trigger:before{ color:#000; } .stra_theme .credit_info__info a{ color:#000; border-bottom:solid 1px #666; } .stra_theme .credit_info__info a:hover{ border-bottom:solid 1px #000; } /* .credit_info__trigger:hover .credit_info__info, .credit_info__info:hover{ display:inline-block; } */ .meta_data__tags{ overflow:hidden; height:auto; -webkit-transition: height .4s ; -moz-transition: height .4s ; -ms-transition:height .4s ; -o-transition: height .4s ; transition: height .4s ; } .promo_box{ padding:30px; background-color: #2979ff; position:relative; display:table; margin-bottom:40px; width:100%; } .promo_box__cell--center{ padding:0px 30px; } .promo_box a.button{ color:#fff; border:solid 1px #fff; background-color:transparent; white-space:nowrap; } .promo_box a.button:hover{ background-color:#fff; color:#2979ff; } .promo_box h5, .promo_box p{ color:#fff; margin-bottom:0px; line-height:1.4em; } .promo_box h5{ margin-bottom:4px; } .promo_box__cell{ display:table-cell; vertical-align:middle; } .promo_box__cell--left .icon-remix-icon{ font-size: 68px; color:#fff; } .promo_box__cell--left{ width:68px; } .promo_box__cell--right{ text-align:right; } .blog_header{ text-align:center; margin-bottom:60px; } .stra_theme .blog_header__kicker{ display: block; position: relative; width: 210px; margin: 0px auto; margin-bottom:50px; } .blog_header__kicker span{ display:inline-block; width:4px; height:1px; } .blog_header__kicker:before, .blog_header__kicker:after{ content: ''; display: block; background-color: #999; height: 1px; width: 60px; text-align: center; position: absolute; top: 50%; left: 0; } .blog_header__kicker:after{ right: 0; left: auto; } h1.blog_header__title{ font-size:64px; } .stra_theme p.blog_header__date_author{ font-size: 14px; color:#666; font-family:'Helvetica Neue LT W01_41488878', Arial, Helvetica, sans-serif; margin-top:14px; margin-bottom:0px; } .stra_theme p.blog_header__date_author span{ margin:0px 6px; } .stra_theme .node--type-blog-entry ul, .stra_theme .node--type-general ul { font-size: 18px; line-height: 1.8em; margin-bottom: 20px; } .stra_theme .node--type-blog-entry li a, .stra_theme .node--type-general li a { border-bottom: solid 1px #000; padding-bottom: 1px; -webkit-transition: border .2s,color .2s; -moz-transition: border .2s,color .2s; -ms-transition: border .2s,color .2s; -o-transition: border .2s,color .2s; transition: border .2s,color .2s; color: #000; } .stra_theme .node--type-blog-entry li a:hover, .stra_theme .node--type-general li a:hover { border-bottom: solid 1px #df1e25; color: #df1e25; } .stra_theme .node--type-blog-entry ul li, .stra_theme .node--type-general ul li { display: table; padding-left: 1.1em; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 2px 12px; } .stra_theme .node--type-blog-entry ol li, .stra_theme .node--type-general ol li { list-style-type: decimal; list-style-position: outside; font-size: 18px; } .prev_next_nav{ width:36%; } .prev_next_nav a{ font-size:20px; font-family:'Kepler W01 Regular', Georgia, "Times New Roman", Times, serif; color:#000; line-height: 1.3em; display:inline-block; -webkit-transition: color .2s ; -moz-transition: color .2s ; -ms-transition: color .2s ; -o-transition: color .2s ; transition: color .2s ; } .prev_next_nav a:hover{ color: #df1f26; } .prev_next_nav--prev{ float:left; text-align:left; } .prev_next_nav--next{ float:right; text-align:right; } .prev_next_nav__label{ color:#666; font-size:14px; text-transform:uppercase; } .prev_next_nav date{ color:#333; font-size:14px; } .prev_next_nav--prev .prev_next_nav__icon, .prev_next_nav--next .prev_next_nav__icon{ position:relative; -webkit-transition: all .2s ; -moz-transition: all .2s ; -ms-transition: all .2s ; -o-transition: all .2s ; transition: all .2s ; } .prev_next_nav--prev .prev_next_nav__icon{ margin-right:6px; left:0px; } .prev_next_nav--next .prev_next_nav__icon{ margin-left:6px; right:0px; } .prev_next_nav.prev_next_nav--prev a:hover .prev_next_nav__icon{ left:-4px; } .prev_next_nav.prev_next_nav--next a:hover .prev_next_nav__icon{ right:-4px; } .prog_year_block .programs__head_holder{ position:relative; margin-bottom:30px; } .prog_year_block{ margin-bottom: 40px; float: left; width: 100%; } .programs__wrapper h3 span{ background-color: #fff; padding:0px 10px; z-index:2; font-family:'Kepler W01 Regular', Georgia, "Times New Roman", Times, serif; font-size:50px; position:relative; } .programs__wrapper h3{ text-align: center; } .programs__wrapper h3:after{ position:absolute; content:''; width:calc(100% - 34px); height:1px; background-color:#000; z-index:1; top:50%; left:17px; } .prog_year_block p{ font-size:18px; line-height: 1.45em; margin-bottom: 12px; } .prog_year_block p a{ border-bottom: solid 1px transparent; } .prog_year_block p a:hover{ border-bottom: solid 1px #df1e25; } .prog_year_block a span{ display:block; font-family:'Helvetica Neue LT W01_41488878', Arial, Helvetica, sans-serif; color:#666; font-size:14px; } .stra_theme .explore_tab__area section.programs__wrapper { padding: 0; } .year_selector__holder{ position:fixed; bottom:0px; left:0px; right:0px; z-index:100; } .year_selector{ position:absolute; bottom:-56px; right:34px; -webkit-transition: bottom .3s ; -moz-transition: bottom .3s ; -ms-transition: bottom .3s ; -o-transition: bottom .3s ; transition: bottom .3s ; } .year_selector.showing{ bottom:0px; } .year_selector__trigger{ background-color:#000; color:#999; font-size:16px; font-family:'Helvetica Neue LT W01_41488878', Arial, Helvetica, sans-serif; text-transform:uppercase; padding: 0px 18px; line-height: 54px; display:inline-block; z-index:50; border:solid 1px #666; } .year_selector__trigger:hover{ color:#fff; } .year_selector__trigger span{ margin-left:6px; font-size:10px; position:relative; top:-1px; } .year_selector__menu{ height:0px; overflow-y: auto; width:100%; position:absolute; bottom:56px; z-index:40; -webkit-transition: height .3s ; -moz-transition: height .3s ; -ms-transition: height .3s ; -o-transition: height .3s ; transition: height .3s ; } .year_selector.open .year_selector__menu{ height:200px; } .year_selector__menu li{ } .year_selector__menu li a{ background-color:#222; padding:10px 10px; border-bottom:solid 1px #444; color:#999; font-size:16px; text-align:center; display:block; font-family:'Helvetica Neue LT W01_41488878', Arial, Helvetica, sans-serif; } .year_selector__menu li a:hover{ background-color:#000; color:#fff; } .large_quote{ position:relative; font-size:24px; line-height:1.6em; padding-top:1.6em; margin-bottom: 0.2em; } .stra_theme .large_quote__attribution{ color:#666; font-size:16px; font-family:'Kepler W01 It', Georgia, "Times New Roman", Times, serif; margin-bottom:0px; } .large_quote:before{ content: '“'; font-size: 160px; width: 100%; text-align: center; padding-top: 26px; display: block; margin-bottom: -0.2em; } .stra_theme section.clips_grid{ padding:0px; } .clips_grid__item{ width:50%; background-repeat:no-repeat; background-position:center; background-size:cover; float:left; padding:40px; text-align:center; max-height:700px; } h3.clips_grid__title{ font-size:38px; margin-bottom:20px; } .clips_grid__text{ position: relative; top: 50%; -webkit-transform: perspective(1px) translateY(-50%); -moz-transform: perspective(1px) translateY(-50%); -ms-transform: translateY(-50%); transform: perspective(1px) translateY(-50%); } .clips_grid__item:nth-child(4n+3){ float:right; } /*.video_embed{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .video_embed iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } */ .video_embed, .soundcloud_embed, .video-embed-field-responsive-video{ margin: 40px 0px; } .contact_form label, .curriculum_download_form label { font-size:14px; font-family:'Helvetica Neue LT W01_71488914', Arial, Helvetica, sans-serif; color:#000; margin-bottom:10px; display:inline-block; font-weight: normal; font-style: normal; } .contact_form label .required, .curriculum_download_form label .required { color: #df1f26; } .contact_form input, .contact_form textarea, .curriculum_download_form input, .curriculum_download_form textarea { width:100%; padding:10px; font-size:16px; line-height:28px; color:#000; border:solid 1px #ccc; } .contact_form textarea{ min-height:100px; } .contact_form .row, .curriculum_download_form .row { padding:0px; margin-bottom:20px; width:100%; float:left; } .contact_form .row .col, .curriculum_download_form .row .col { width:100%; float:left; } .contact_form .row .col.two_col, .curriculum_download_form .row .col.two_col { width:50%; } .contact_form .row .col.two_col:first-child, .curriculum_download_form .row .col.two_col:first-child { padding-right:17px; } .contact_form .row .col.two_col:last-child, .curriculum_download_form .row .col.two_col:last-child { padding-left:17px; } span.warning, span.email-warning{ color: #df1f26; /*red*/ font-size:14px; padding:4px 0px 0px 0px; display:inline-block } .warning_message{ background-color: #df1f26; padding:20px; font-size:16px; color:#fff; margin-bottom:40px; font-family:'Helvetica Neue LT W01_71488914', Arial, Helvetica, sans-serif; } .contact_form .highlight, .curriculum_download_form .highlight { border:solid 1px #df1f26; background-color:#fce8e9; } .contact_submit--hidden-submit, .curriculum_download_form--hidden-submit { display: none; } .stra_theme .messages.messages--error { background-color: #df1f26; padding: 20px; font-size: 16px; color: #fff; margin-bottom: 40px; font-family: 'Helvetica Neue LT W01_71488914', Arial, Helvetica, sans-serif; box-shadow: none; border: 0; background-image: none; border-radius: 0; } .stra_theme .messages.messages--error a { color: #fff; border-bottom: 1px solid #fff; } .stra_theme .messages.messages--status { padding: 20px; font-size: 16px; margin-bottom: 40px; font-family: 'Helvetica Neue LT W01_71488914',Arial,Helvetica,sans-serif; box-shadow: none; border: 0; background-image: none; border-radius: 0; color: #325e1c; background-color: #f3faef; } .stra_theme .messages.messages--status a { color: #325e1c; font-family: 'Helvetica Neue LT W01_71488914',Arial,Helvetica,sans-serif; text-decoration: underline; } .stra_theme .form-item input.error, .stra_theme .form-item textarea.error, .stra_theme .form-item select.error, .stra_theme #user-login-form input[type="text"].error, .stra_theme #user-login-form input[type="password"].error { border: solid 1px #df1f26; background-color: #fce8e9; } .stra_theme .form-item--error-message { color: #df1f26; font-size: 14px; padding: 4px 0px 0px 0px; display: inline-block; } .stra_theme .form-item--error-message:before { display: none; } .stra_theme .form-item--error-message strong { font-weight: normal; font-style: normal; } .stra_theme .form-item--error-message a { color: #df1f26; font-size: 14px; font-family: 'Helvetica Neue LT W01_71488914',Arial,Helvetica,sans-serif; } .stra_theme .contact_form .ajax-progress-throbber, .stra_theme .curriculum_download_form .ajax-progress-throbber { display: inline-block; margin-left: 18px; padding: 0; position: relative; } .stra_theme .contact_form .ajax-progress-throbber .throbber, .stra_theme .curriculum_download_form .ajax-progress-throbber .throbber { display: none; } /* log in page */ #user-login-form label, .tfa-entry-form label, #user-pass label { font-size: 14px; font-family: 'Helvetica Neue LT W01_71488914',Arial,Helvetica,sans-serif; color: #000; margin-bottom: 10px; display: inline-block; font-weight: normal; font-style: normal; } #user-login-form input[type="text"], #user-login-form input[type="password"], #user-pass input[type="text"], .tfa-entry-form input[type="text"], .tfa-entry-form input[type="password"], .tfa-entry-form input[type="text"] { width: 100%; padding: 10px; font-size: 16px; line-height: 28px; color: #000; border: solid 1px #ccc; } .tfa-entry-form .description, #user-login-form .description, #user-pass .description, #user-pass p { color: #000; font-size: 14px; padding: 4px 0px 0px 0px; display: block; font-family: 'Helvetica Neue LT W01_41488878',Arial,Helvetica,sans-serif; } .tfa-entry-form input#edit-login, #user-login-form input#edit-submit, #user-pass input#edit-submit { font-family: 'Kepler W01 Regular',Georgia,"Times New Roman",Times,serif; min-width: 80px; font-size: 18px; line-height: 45px; border: solid 1px #666; color: #666; padding: 0px 14px; background-color: transparent; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; display: inline-block; cursor: pointer; text-align: center; } .tfa-entry-form input#edit-login:hover, #user-login-form input#edit-submit:hover, #user-pass input#edit-submit:hover { color: #fff; border: solid 1px #df1e25; background-color: #df1e25; } /* Password protected log in page */ .path-protected-page #protected-pages-enter-password { font-size: 2em; margin-left: 132px; margin-right: 132px; } .path-protected-page #edit-password { border: 1px solid #d0d0d0; margin-top: 8px; padding: 4px; } .path-protected-page #edit-submit { background-color: #2879ff; padding: 10px; font-weight: bold; color: #fff; } /*Search PAGE */ .stra_theme section.keyword, .stra_theme section.search_facets{ margin:20px 0px; padding:0px; position:relative; } .stra_theme section.search_filter_sort{ margin:0px; padding:0px; } .stra_theme section.search_results{ padding-top: 0px; margin-top: 20px; } .search_results .grid_results_area { margin-top:0px; } .program-sort-element--hidden { display: none; } section.search_filter_sort{ margin-bottom:0px; } .stra_theme section.keyword{ z-index:150; } .stra_theme section.search_facets{ z-index:100; } .stra_theme section.search_filter_sort{ z-index:50; } section.keyword .keyword__search input{ padding-right:170px; } .keyword__search span.select{ left:auto; position:absolute; right: 44px; top:11px; } .keyword__search span.select .val{ font-size: 13px; } .keyword__search span.select .select_menu li{ font-size: 13px; text-align: left; } .keyword__search span.select .select_menu{ min-width:0px; } .keyword__search span.select_trigger{ padding: 9px 38px 8px 9px; } .keyword__search span.select_trigger{ padding: 10px 40px 9px 10px; } .keyword__search span.select .select_menu{ padding-top:35px; } .keyword__search .select .stylized_arrow{ font-size: 10px; margin-top:-5px; } .ui-autocomplete{ z-index:210; /*border:solid 1px #ccc; */ background-color:#fff; -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.5); -webkit-box-shadow:0px 0px 3px rgba(0,0,0,.5); box-shadow: 0px 0px 3px rgba(0,0,0,.5); } .ui-autocomplete .ui-menu-item{ font-size:16px; padding:10px 12px; font-family:'Helvetica Neue LT W01_41488878', Arial, Helvetica, sans-serif; } .ui-autocomplete .ui-menu-item:hover{ background-color:#f7f7f7; } .ui-menu .ui-menu-item-wrapper{ padding:0px; } .ui-menu .ui-state-active{ margin:0px; } .ui-autocomplete.nav_search_autosuggest{ background-color: #fff; -moz-box-shadow: none; -webkit-box-shadow:none; box-shadow: none; } .ui-autocomplete.nav_search_autosuggest .ui-menu-item{ color: #333; padding: 0; } .ui-autocomplete.nav_search_autosuggest .ui-menu-item:hover{ background-color: #e0e0e0; color: #333; } .ui-autocomplete.nav_search_autosuggest .ui-menu-item-wrapper { padding: 8px; } .ui-autocomplete.nav_search_autosuggest .ui-menu-item .ui-state-active { color: #333; background-color: #e0e0e0; border: 0; } .homepage .ui-autocomplete.nav_search_autosuggest{ background-color: rgba(230, 230, 230, .8); -moz-box-shadow: none; -webkit-box-shadow:none; box-shadow: none; } .homepage .ui-autocomplete.nav_search_autosuggest .ui-menu-item{ color: #333; padding: 0; } .homepage .ui-autocomplete.nav_search_autosuggest .ui-menu-item:hover{ background-color: rgba(255, 255, 255, .6); color: #333; } .homepage .ui-autocomplete.nav_search_autosuggest .ui-menu-item-wrapper { padding: 8px; } .homepage .ui-autocomplete.nav_search_autosuggest .ui-menu-item .ui-state-active { color: #333; background-color: rgba(255, 255, 255, .6); border: 0; } .ui-autocomplete.search_autosuggest{ background-color: #fff; -moz-box-shadow: none; -webkit-box-shadow:none; box-shadow: none; } .ui-autocomplete.search_autosuggest .ui-menu-item{ color: #333; padding: 0; } .ui-autocomplete.search_autosuggest .ui-menu-item:hover{ background-color: #e0e0e0; } .ui-autocomplete.search_autosuggest .ui-menu-item-wrapper { padding: 8px; } .ui-autocomplete.search_autosuggest .ui-menu-item .ui-state-active { color: #333; background-color: #e0e0e0; border: 0; } .search_facet{ background-color:#000; } .search_facet__trigger{ font-size:16px; color:#fff; position:relative; padding:16px 20px 14px; display:block; text-transform:uppercase; } .search_facet__arrow{ color:#999; font-size:12px; position:absolute; right:20px; top: 20px; } .search_facet__trigger:hover .search_facet__arrow{ color:#fff; } .search_facet__dropdown{ display:none; position:absolute; left:0px; top:48px; width:100%; } .search_facet__dropdown_content{ padding:5px 20px 20px; background-color:#000; height: 190px; } .search_facet__list{ padding-right:10px; } .search_facet__list label{ color:#999; font-size:16px; padding-left: 28px; display: block; line-height: 1.4em; } .search_facet__list .styled_checkbox.checked .fill{ color:#fff; } .search_facet__list input[type="checkbox"]{ width: 20px; height: 20px; margin-top: 0px; margin-left:0px; } .search_facet__list .styled_checkbox{ border: solid 1px #999; background-color:transparent; position: absolute; top: 5px; left: 5px; } .search_facet__list .styled_checkbox.checked{ border: solid 1px #fff; } .search_facet__list li{ padding:5px; position:relative; } .search_facet__list li.ischecked label{ color:#fff; } .search_facet.open .search_facet__dropdown{ display:block; } .scrollbar-outer{ height: 165px; } .search_facet .scrollbar-outer > .scroll-element .scroll-element_track { background-color: #333; } .search_facet .scrollbar-outer > .scroll-element .scroll-bar{ background-color: #aaa; } .search_facet .scrollbar-outer > .scroll-element .scroll-bar:hover{ background-color: #ccc; } .search_facet .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #ccc; } .search_facet{ position:relative; } .search_facet .date_picker--range .date_range__field:first-child{ margin-right:0px; margin-bottom: 10px; margin-top: 10px; } .search_facet .date_range__field{ width:100%; border:none; } .search_facet .date_range__field input{ background-color:transparent; } .search_facet .date_range__field input, .search_facet .date_range__field label{ color:#fff; font-family:'Helvetica Neue LT W01_41488878', Arial, Helvetica, sans-serif; font-size:16px; margin-bottom: 20px; } .search_facet .date_range__field.date_range__field--w-label .date_range__icon{ color:#fff; top:10px; } .search_facet .date_range__field.date_range__field--w-label input, .search_facet .date_range__field.date_range__field--w-label label{ width: 100%; padding:15px 0px; } .search_facet .date_range__field.date_range__field--w-label input{ padding-left:60px; } .search_facet .date_range__field.date_range__field--w-label label{ margin-left: 60px; width: calc(100% - 60px) ; } .search_facet .date_range_label{ top: 14px; margin-bottom:0px; left: 0px; color:#fff; } .search_facet .date_range__icon{ right:0px; } .search_facet .date_range__field::after{ content: ''; color:#fff; position:absolute; height:1px; width:calc(100% - 60px); background-color:#fff; left:60px; bottom: 19px; } .search_facet .button{ font-family:'Helvetica Neue LT W01_41488878', Arial, Helvetica, sans-serif; font-size:16px; padding:0px 24px; text-transform:uppercase; color:#fff; border:solid 1px #fff; width:100%; margin-top:10px; } .search_layout_pref{ text-align:right; margin-top:10px; } .search_layout_pref__icon{ font-size:21px; color:#999; cursor:pointer; } .search_layout_pref.list .icon-view-list, .search_layout_pref.grid .icon-view-grid, .search_layout_pref__icon:hover{ color:#000; } .search_layout_pref__icon{ margin-left:12px; } .search_facets_mobile__triggers, .search_facets_mobile, .search_facet_mobile__apply{ display:none; } .applied_filters{ clear:both; margin-top: 10px; float:left; width:100%; } .applied_filters a{ background-color:#efefef; padding:6px 24px 6px 8px; font-size:14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#000; cursor:pointer; display: inline-block ; margin-top: 8px; margin-right: 4px; -webkit-transition: background-color .2s, color .2s ; -moz-transition: background-color .2s, color .2s ; -ms-transition: background-color .2s, color .2s ; -o-transition: background-color .2s, color .2s ; transition: background-color .2s, color .2s ; position:relative; } .applied_filters a:hover{ background-color:red; background-color:#888; color:#fff; } .applied_filters a span{ font-size:10px; color:#666; position:absolute; right: 8px; top: 10px; } .applied_filters a:hover span{ color:#000; color:#fff; } .remix_instructions__wrap{ width:400%; overflow:hidden; position:relative; left:0%; -webkit-transition:left .4s ; -moz-transition: left .4s ; -ms-transition: left .4s ; -o-transition: left .4s ; transition: left .4s ; } .remix_instructions__wrap.remix-step-2{ left:-100%; } .remix_instructions__wrap.remix-step-3{ left:-200%; } .remix_instructions__wrap.remix-step-4{ left:-300%; } #modal-content{ overflow:hidden; padding:0px; } .remix_instructions{ float:left; width:25%; padding:20px; padding-top:40px; } .remix_instructions{ text-align:center; } .remix_instructions h4, .remix_instructions p{ font-family:'Helvetica Neue LT W01_41488878', Arial, Helvetica, sans-serif; } .remix_instructions h4{ font-size:26px; margin-bottom:0px; } .remix_instructions p{ font-size:16px; line-height:1.625em; } .remix_instructions a.button{ display: inline-block; width: auto; } .remix_instructions img{ margin-bottom:20px; max-width:100%; display:block; margin: 0px auto 20px auto; } .remix_instructions a.button:nth-child(5) { margin-left:20px; } .remix_instructions a.button span{ font-size: 14px; } .remix_instructions a.button .icon-arrow-left{ margin-right: 4px; } .remix_instructions a.button .icon-arrow-right{ margin-left: 4px; } a.button.remix_instructions__done{ background-color: #df1f26; border-color: #df1f26; color:#fff; } a.button.remix_instructions__done:hover{ background-color: #c81d22; border-color: #c81d22; color:#fff; } .stra_theme section.remixer_introduction + section.remix_section { padding-top: 0; } .stra_theme .hyperaudio-pad { padding: 0; } .stra_theme div.hyperaudio-search { position: relative; } .stra_theme div.hyperaudio-search input { font-size: 22px !important; padding-left: 40px; box-sizing: border-box; color: #666666; box-shadow: 0px 0px 5px rgba(0,0,0,.3); z-index: 3; font-family: 'Helvetica Neue LT W01_55 Roman',Arial,Helvetica,sans-serif !important; } .stra_theme .hyperaudio-search .easy-autocomplete:before { content: "\e915"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; position: absolute; left: 10px; top: 10px; z-index: 10; } .stra_theme .hyperaudio-pad .easy-autocomplete-container { position: absolute; border: none; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.3); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.3); box-shadow: 0px 0px 5px rgba(0,0,0,.3); background-color: #fff; } .stra_theme .hyperaudio-pad .easy-autocomplete-container ul li { border: none; font-size: 15px; color: #666666; padding: 8px 10px; } .stra_theme .hyperaudio-pad .easy-autocomplete-container ul li.selected { color: #1a1a1a; background-color: #f1f1f1; } .stra_theme .hyperaudio-pad .easy-autocomplete-container ul { padding-top: 10px; padding: 10px; } .stra_theme .hyperaudio-player article { margin: 10px 10px 10px 0; } .stra_theme .hyperaudio-player article > p { padding-left: 10px; padding-right: 10px; } .stra_theme .hyperaudio-player .speaker { font-weight: normal; } .stra_theme .hyperaudio-player .speaker:after { content: ':'; } .stra_theme div.hyperaudio-title { padding-left: 10px; padding-right: 10px; } .stra_theme .hyperaudio-source .hyperaudio-transcript, .stra_theme .hyperaudio-sink .hyperaudio-transcript, .stra_theme .hyperaudio-sink .hyperaudio-transcript:focus, .stra_theme .hyperaudio-source .hyperaudio-transcript:focus { padding-left: 10px; padding-right: 10px; } .stra_theme section.hyperaudio-current, .stra_theme section.hyperaudio-current p, .stra_theme section.hyperaudio-current p span, .stra_theme section.hyperaudio-current ~ section.hyperaudio-transcript p span { color: #a3a3a3; } .stra_theme .hyperaudio-pad section.hyperaudio-transcript p { font-size: 16px; } .stra_theme .hyperaudio-pad section.hyperaudio-transcript p span { font-size: 16px; } .stra_theme section.hyperaudio-current span.hyperaudio-past { color: #1a1a1a; } .stra_theme div.hyperaudio-buttons > div { color: #666666; border-color: #d1d1d1; font-size: 14px; line-height: 34px; padding: 0 1px; font-family: 'Helvetica Neue LT W01_55 Roman',Arial,Helvetica,sans-serif !important; } .stra_theme div.hyperaudio-buttons > div:hover { color: #fff; border: solid 1px #1a1a1a; background-color: #1a1a1a; cursor: pointer; } .stra_theme .hyperaudio-buttons > button { font-size: 14px; line-height: 34px; padding: 0px 10px; display:inline-block; color:#fff; border: none; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; position:relative; background-color: transparent; font-family:'Helvetica Neue LT W01_71488914', Arial, Helvetica, sans-serif; } .stra_theme .hyperaudio-buttons > button:before, .stra_theme .hyperaudio-buttons > button:after { content: ""; position: absolute; bottom: 0px; left: 0; z-index: -1; -webkit-transform: scaleX(0); transform: scaleX(0); width: 100%; height: 100%; background: #444; -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .stra_theme .hyperaudio-buttons > button:after { z-index: -2; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform: scaleY(1); transform: scaleY(1); } .stra_theme .hyperaudio-buttons > button:after{ background-color:#df1f26; } .stra_theme .hyperaudio-buttons > button:before{ background-color: #c81d22; } .stra_theme .hyperaudio-buttons > button:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .stra_theme div.hyperaudio-buttons { z-index: 2; } .stra_theme .hyperaudio-drag { left: -30000px; background-color: #fff; outline: none; } .stra_theme .hyperaudio-effect > label, .stra_theme .hyperaudio-effect > label > div, .stra_theme .hyperaudio-effect > label > div > span { font-size: 14px; color: #1a1a1a; font-family: 'Helvetica Neue LT W01_55 Roman', Arial, Helvetica, sans-serif; } .stra_theme .hyperaudio-sink section.hyperaudio-effect { margin-left: 10px; margin-right: 10px; } .stra_theme .hyperaudio-effect .rangeslider { background-color: #878787; } .stra_theme .hyperaudio-effect .rangeslider__handle { width: 13px; height: 13px; top: -7px; background-color: #e10600; } .stra_theme .hyperaudio-effect .rangeslider__fill { background-color: #e10600; } .promo_box.promo_box--gray { background-color: #f6f6f6; } .promo_box.promo_box--gray .promo_box__cell--left .icon-remix-icon, .promo_box.promo_box--gray h5, .promo_box.promo_box--gray p { color: #000; } .stra_theme .remix_unavailable { margin: 100px 0 0 0; display: none; } @media screen and (max-width: 900px) { .stra_theme .remix_unavailable { display: table; } .stra_theme section.remixer_introduction, .stra_theme section.remix_section.remix_section--remix .remix_section__pad { display: none; } } .stra_theme .remix_section--play .hyperaudio-pad { display: block; } .stra_theme .hyperaudio-pad section.hyperaudio-player-only { border: none; } .stra_theme section.hyperaudio-player-only.hyperaudio-player article { margin: 0; } .stra_theme .hyperaudio-pad section.hyperaudio-player-only section.hyperaudio-transcript p { font-size: 18px; padding-right: 28px; } .stra_theme .hyperaudio-pad section.hyperaudio-player-only section.hyperaudio-transcript p span { font-size: 18px; } .stra_theme .hyperaudio-pad section.hyperaudio-player-only .hyperaudio-transcript-heading { text-align: center; width: 100%; display: block; font-family: 'Helvetica Neue LT W01_71488914',Arial,Helvetica,sans-serif; font-size: 15px; text-transform: uppercase; letter-spacing: 3px; margin: 48px 0 48px 0; } .stra_theme .hyperaudio-pad .hyperaudio-cta-buttons { display: block; text-align: center; margin-top: 48px; } .stra_theme a.hyperaudio-edit-remix, .stra_theme a.hyperaudio-create-remix { font-family: 'Kepler W01 Regular',Georgia,"Times New Roman",Times,serif; font-size: 18px; line-height: 45px; border: solid 1px #666; color: #666; padding: 0px 14px; background-color: transparent; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; display: inline-block; cursor: pointer; text-align: center; } .stra_theme a.hyperaudio-edit-remix:hover, .stra_theme a.hyperaudio-create-remix:hover { color: #fff; border: solid 1px #df1e25; background-color: #df1e25; } .stra_theme a.hyperaudio-edit-remix + a.hyperaudio-create-remix, .stra_theme a.hyperaudio-create-remix + a.hyperaudio-edit-remix { margin-left: 22px; } @media screen and (max-width: 500px) { .stra_theme a.hyperaudio-edit-remix, .stra_theme a.hyperaudio-create-remix { width: 100%; } .stra_theme a.hyperaudio-edit-remix + a.hyperaudio-create-remix, .stra_theme a.hyperaudio-create-remix + a.hyperaudio-edit-remix { margin-left: 0; margin-top: 22px; } } /************************************* BEGIN MAIN NAVIGATION *************************************/ nav .nav__container a, nav .nav__container a:link, nav .nav__container a:hover, nav .nav__container visited { /*border-bottom:none; */ } .stra_theme nav { width: 640px; float: right; display: inline; padding-right: 0px; position: relative; } nav .nav__container { float: right; padding: 0px; margin: 0px 0px 0px 0px; list-style: none; clear: right; display: inline; width: auto; } nav .nav__container ul { float: left; padding: 0px 0px 0px 0px; list-style: none; display: inline; } /*Top level nav a:link state*/ nav .nav__container a, .nav__dropdown .nav__dropdown--pagename, .nav__dropdown .nav__dropdown--pagesnippet { font-family:'Helvetica Neue LT W01_55 Roman', Arial, Helvetica, sans-serif; } nav .nav__container a { font-size: 16px; color: #666; margin: 0px 0px 0px 0px; display: block; padding: 20px 0px; -webkit-transition: color .2s; -moz-transition: color .2s; -ms-transition: color .2s; -o-transition: color .2s; transition: color .2s; } nav .nav__container a , .homepage .site-header.threshold_passed .nav__container a{ color: #666; } .homepage .site-header nav .nav__container a { color: #ccc; } nav .nav__container li { text-align: left; float: left; display: inline; padding: 0; /*margin: 0px 10px 0px 0px; */ /*margin: 0px 10px 0px 0px; */ margin: 0px 0px 0px 2.5em; position: relative; top: 0px; -webkit-transition: top .4s; -moz-transition: top .4s; -ms-transition: top .4s; -o-transition: top .4s; transition: top .4s; } nav .nav__container li.first { margin-left: 0px; } nav .nav__container .last a { margin-right: 0px; } nav .nav__wrapper { top: 28px; position: relative; padding-right: 50px; -webkit-transition: top .4s; -moz-transition: top .4s; -ms-transition: top .4s; -o-transition: top .4s; transition: top .4s; } html.search_open .nav__wrapper { top: -90px; } /*second level*/ nav .nav__container .nav__container--dropdownholder { z-index: 200; position: absolute; left: -999em; clear: both; height: auto; width: 512px; padding: 0px; margin: 0px; -webkit-transition: top .3s, opacity .3s; -moz-transition: top .3s, opacity .3s; -ms-transition: top .3s, opacity .3s; -o-transition: top .3s, opacity .3s; transition: top .3s, opacity .3s; top: 60px; opacity: 0; } nav .nav__container .nav__dropdown ul { width: 100%; background-color: #f1f1f1; border: solid 1px #a6a9aa; border-top: none; position: relative; left: 0px; top: -4px; z-index: 5; padding: 10px; } nav .nav__container .nav__dropdown ul li { float: left; width: 33.333%; text-align: center; } nav .nav__container .nav__dropdown ul li span { display: block; } nav .nav__container .nav__dropdown ul li a { padding: 10px; background-color: transparent; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; } nav .nav__container .nav__dropdown ul li a:hover { background-color: #fcfcfc; } .nav__dropdown .nav__dropdown--pageicon { /*background-image: url(../images/dropdown-icons.svg); */ background-repeat: no-repeat; width: 53px; height: 53px; margin: 0px auto 10px auto; background-position: 0px 0px; } .nav__dropdown .nav__dropdown--pageicon.clips { background-image: url(../images/dd-clips.svg); } .nav__dropdown .nav__dropdown--pageicon.reuse { background-image: url(../images/dd-reuse.svg); } .nav__dropdown .nav__dropdown--pageicon.remix { background-image: url(../images/dd-remix.svg); } .nav__dropdown .nav__dropdown--pagename { font-size: 16px; color: #000; } .nav__dropdown .nav__dropdown--pagesnippet { font-size: 14px; line-height: 1.5em; color: #7a7d81; } .nav__dropdown .nav__dropdown--top { display: block; position: relative; z-index: 1; } /*second level background and box size*/ nav .nav__container li li { width: 100%; margin-left: 0px; } nav .nav__container li li a { line-height: 1.5em; text-transform: none; } /*Second level text */ nav .nav__container li li a { padding: 5px 0px 5px 9px; margin: 0px; } /*nav .nav__container li .parent:hover{ background-color:#999; } */ /*Second level baackround color hover state */ nav .nav__container li li:hover { } /*Second level a:hover text color*/ nav .nav__container li ul a:hover { color: #fff; } /*Main nav hover text color*/ nav .nav__container li:hover a, nav .nav__container li.current > a, .homepage .site-header.threshold_passed nav .nav__container li:hover a, .homepage .site-header.threshold_passed .nav__container li.current > a{ color: #000; } .homepage nav .nav__container li:hover a, .homepage nav .nav__container li.current > a { color: #fff; } nav .nav__container .nav--donate a, nav .nav__container li.nav--donate:hover a, .homepage .site-header nav .nav__container .nav--donate a, .homepage .site-header.threshold_passed nav .nav__container li.nav--donate a{ color: #df1f26; } /*Second level a:link text color*/ nav .nav__container li:hover li a { } /*hide second level*/ nav .nav__container li:hover ul ul { } /* dislpay second level */ nav .nav__container li:hover .nav__container--dropdownholder { left: 50%; margin-left: -256px; opacity: 1; top: 52px; } /*Main nav rollover background color */ nav .nav__container li:hover { background-image: none; } nav .nav__container li li a:hover { color: #fff; } /* - END MAIN NAVIGATION - */ nav .nav__icon-menu, nav .nav__icon-close { font-size: 34px; color: #333; top: 10px; right: 0px; position: absolute; display: none; -webkit-transition: color .2s; -moz-transition: color .2s; -ms-transition: color .2s; -o-transition: color .2s; transition: color .2s; } nav .nav__icon-menu { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: top .4s, opacity .4s; -moz-transition: top .4s, opacity .4s; -ms-transition: top .4s, opacity .4s; -o-transition: top .4s, opacity .4s; } nav li.nav__footer-links, nav .nav__container li.nav__social-links { display: none; } /* search */ nav .nav__search { position: absolute; right: 0px; top: -90px; width: 300px; /*visibility:hidden; */ border-bottom: solid 1px #ccc; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: top .4s, opacity .4s; -moz-transition: top .4s, opacity .4s; -ms-transition: top .4s, opacity .4s; -o-transition: top .4s, opacity .4s; } html.search_open .nav__search { top: 45px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } nav .nav__search label, nav .nav__search input { width: 100%; padding-left: 0px; padding-right: 30px; font-size: 20px; box-sizing: border-box; font-family:'Helvetica Neue LT W01_55 Roman', Arial, Helvetica, sans-serif; } nav .nav__search input, .homepage .site-header.threshold_passed nav .nav__search input{ display: block; width: 100%; color: #000; padding-bottom: 6px; background-color: transparent; } .homepage nav .nav__search input { color: #fff; } nav .nav__search .nav__searchicon-close, .homepage .site-header.threshold_passed nav .nav__search .nav__searchicon-close{ font-size: 19px; top: 0px; right: 0px; z-index: 100; position: absolute; display: block; color: #666; -webkit-transition: color .2s; -moz-transition: color .2s; -ms-transition: color .2s; -o-transition: color .2s; transition: color .2s; } nav .nav__search .nav__icon-close:hover, .homepage .site-header.threshold_passed nav .nav__search .nav__icon-close:hover, nav .nav__search .nav__searchicon-close:hover, .homepage .site-header.threshold_passed nav .nav__search .nav__searchicon-close:hover{ color: #000; } .homepage nav .nav__search .nav__searchicon-close{ color: #ccc; } .homepage nav .nav__search .nav__icon-close:hover, .homepage nav .nav__search .nav__searchicon-close:hover{ color: #fff; } nav .nav__searchicon, .homepage .site-header.threshold_passed nav .nav__searchicon{ font-size: 24px; position: absolute; right: 0px; top: 14px; color: #666; -webkit-transition: color .2s; -moz-transition: color .2s; -ms-transition: color .2s; -o-transition: color .2s; transition: color .2s; } nav .nav__searchicon:hover, .homepage .site-header.threshold_passed nav .nav__searchicon:hover{ color: #000; } .homepage nav .nav__searchicon { color: #ccc; } .homepage nav .nav__searchicon:hover { color: #fff; } /* Other areas that use icomoon */ nav .parent a:after, .tileslider .slick-prev:before, .tileslider .slick-next:before, .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before{ /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Main icomoon */ @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.ttf?4d2c2h') format('truetype'), url('fonts/icomoon.woff?4d2c2h') format('woff'), url('fonts/icomoon.svg?4d2c2h#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"]{ /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-share:before { content: "\e918"; } .icon-view-list:before { content: "\e917"; } .icon-audio:before { content: "\e90e"; } .icon-transcript:before { content: "\e911"; } .icon-view-grid:before { content: "\e916"; } .icon-outbound:before { content: "\e900"; } .icon-pause-btn:before { content: "\e901"; } .icon-remix-icon:before { content: "\e902"; } .icon-shuffle:before { content: "\e903"; } .icon-skip-next-btn:before { content: "\e904"; } .icon-arrow-left:before { content: "\e905"; } .icon-arrow-right:before { content: "\e906"; } .icon-calendar:before { content: "\e907"; } .icon-download:before { content: "\e908"; } .icon-play-btn:before { content: "\e909"; } .icon-skip-prev-btn:before { content: "\e90a"; } .icon-stop-btn:before { content: "\e90b"; } .icon-arrow-down:before { content: "\e90c"; } .icon-arrow-up:before { content: "\e90d"; } .icon-facebook:before { content: "\e90f"; } .icon-instagram:before { content: "\e910"; } .icon-twitter:before { content: "\e912"; } .icon-navicon:before { content: "\e913"; } .icon-search-lrg:before { content: "\e914"; } .icon-search-sml:before { content: "\e915"; } .icon-close-lrg:before { content: "\e91d"; } .icon-close-sml:before { content: "\e91e"; } .icon-remix-small-icon:before { content: "\e91f"; } /* select menus */ span.select{ background-color: transparent; display: inline-block; position: relative; left:-12px; } span.select_trigger { position: relative; /*background-color:#fff; border: solid 1px #ccc;*/ padding: 14px 46px 13px 12px; display: inline-block; cursor: pointer; overflow: hidden; z-index: 50; width: 100%; } span.select.focused { -webkit-box-shadow: 0px 0px 5px #9CF; -moz-box-shadow: 0px 0px 5px #9CF; box-shadow: 0px 0px 5px #9CF; border: solid 1px #000; } .contact_form span.select{ width:100%; left:auto; } .contact_form span.select_trigger { border:solid 1px #ccc; } .contact_form span.select.show .select_trigger{ border-bottom:solid 1px #fff; } span.select .val { cursor: pointer; white-space: nowrap; float: left; width: 100%; /* overflow: hidden; */ line-height: normal; color:#000; text-transform:uppercase; } .contact_form span.select .val { text-transform:none; } span.select select option{ background-color:#fff; } span.select .select_menu{ display:none; position: absolute; z-index: 49; background-color:#fff; width:100%; top: 0px; left: 0px; padding-top: 50px; border: solid 1px #ccc; border-top:none; min-width:180px; } span.select .select_menu li{ cursor:pointer; padding:10px 12px; display: block; background-image: none; } span.select .val{ font-size: 16px; } span.select .select_menu li{ font-size: 16px; } span.select .select_menu li:hover{ background-color:#efefef; } span.select.show { z-index:100; } span.select.show .select_menu{ display:block; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.3); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.3); box-shadow: 0px 0px 5px rgba(0,0,0,.3); } .select .stylized_arrow { color: #666; position:absolute; right:12px; font-size: 11px; top: 50%; margin-top: -6px; } span.select_trigger:hover .stylized_arrow { color:#000; } span.select select, .style-select{ position: absolute; width: 100%; top: 0px; left: 0px; display:none; position:relative; left:300px; cursor: pointer; top: 0px; left: 0px; background: none; font-size: 1em; height: 100%; } .filtersort_menu__wrap{ margin-bottom:40px; } /* slick slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list { /*background: #fff url('ajax-loader.gif') center center no-repeat; */ } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('fonts/slick.eot'); src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), url('fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* Calendar picker */ .ui-datepicker{ min-width: 200px; background-color:#fff; -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.3); -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.3); box-shadow: 0px 2px 4px 0px rgba(0,0,0,.3); } .ui-datepicker .ui-datepicker-header{ background-color:#efefef; padding: 5px 0px; position: relative; width: calc(100% + .4em); left: -.2em; top:-.2em; } .ui-datepicker .ui-datepicker-title select{ font-size:14px; } .ui-datepicker td{ font-family:'Helvetica Neue LT W01_55 Roman', Arial, Helvetica, sans-serif; font-size:14px; color:#666; } .ui-datepicker .ui-datepicker-calendar thead span{ font-family:'Helvetica Neue LT W01_71488914', Arial, Helvetica, sans-serif; font-size:14px; color:#000; } .ui-datepicker td span, .ui-datepicker td a{ text-align:center; padding: 4px 0px; margin: 0px auto; font-size:14px; } .ui-datepicker td a{ text-align:center; color:#000; background-color:#fff; width:25px; height:25px; -webkit-border-radius: 60px; -moz-border-radius:60px; border-radius: 60px; } .ui-datepicker td a:hover{ color:#000; background-color:#efefef; color:#fff; background-color:#666; } .ui-datepicker .ui-datepicker-current-day a, .ui-datepicker .ui-datepicker-current-day a:hover, .ui-datepicker td a:active{ color:#fff; background-color:#df1e25; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{ top: 4px; width: 1.8em; height: 1.8em; font-size: 14px; line-height: 1.8em; text-align: center; color:#666; cursor:pointer; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{ top: 4px; color:#000; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{ right: 2px; } .ui-datepicker .ui-datepicker-prev-hover{ left: 2px; } .ui-datepicker-prev:before{ content: "\e905"; } .ui-datepicker-next:before{ content: "\e906"; } .ui-datepicker .ui-datepicker-prev.ui-state-disabled{ color:#ccc; } .ui-datepicker{ /*width:30% !important; */ } .ui-datepicker{ z-index:200 !important; } .stra-error-page-content #block-stra-content { font-family: 'Kepler W01 Regular',Georgia,"Times New Roman",Times,serif; color: #000; font-size: 26px; line-height: 1.462em; margin-bottom: 20px; } /* ---------------------- > 1200 Breakpoint -----------------------*/ @media screen and (min-width: 1200px) { .homehero h1{ font-size:95px; } } /* ---------------------- < 900 Breakpoint -----------------------*/ @media screen and (max-width: 900px) { .mobile_check{ height:10px; width:10px; background-color:yellow; position:absolute; top:0px; left:0px; z-index: 90000; } .stra_theme .site-header { text-align: center; height: 90px; } .outer_wrap { padding-top: 90px; } .site-header .header__logo { float: none; display: inline-block; z-index: 100; top: 11px; } nav .nav__icon-menu, nav .nav__icon-close, .homepage .site-header.threshold_passed nav .nav__icon-menu, .homepage .site-header.threshold_passed nav .nav__icon-close{ font-size: 22px; right: auto; left: 0px; color: #666; -webkit-transition: top .4s, opacity .4s, color .2s ; -moz-transition: top .4s, opacity .4s, color .2s ; -ms-transition: top .4s, opacity .4s, color .2s ; -o-transition: top .4s, opacity .4s, color .2s ; } nav .nav__icon-close, .homepage .site-header.threshold_passed nav .nav__icon-close{ position:fixed; top:34px; left:34px; } nav .nav__icon-menu, .homepage .site-header.threshold_passed nav .nav__icon-menu{ font-size: 20px; } nav .nav__icon-menu:hover, .homepage .site-header.threshold_passed nav .nav__icon-menu:hover, nav .nav__icon-close:hover, .homepage .site-header.threshold_passed nav .nav__icon-close:hover{ color: #000; } .homepage nav .nav__icon-menu { color: #ccc; } .homepage nav .nav__icon-menu:hover { color: #fff; } nav .nav__searchicon, .homepage .site-header.threshold_passed nav .nav__searchicon{ top: 9px; } html.open_menu .close { z-index: 600; color: #333; } html.open_menu .close:hover { color: #000; } .homepage nav .nav__container li a, .homepage nav .nav__container li.current > a, nav .nav__container li a, nav .nav__container li.current > a { color: #000; display: inline-block; } .homepage nav .nav__container li:hover a, nav .nav__container li:hover a { color: #000; } .homepage nav .nav__container li a:hover, nav .nav__container li a:hover { color: #df1f26 } nav .nav__container { float: none; margin: 0px; clear: right; display: none; width: 100%; height: 100%; position: fixed; left: 0px; background-color: #fff; top: 0px; z-index: 500; overflow-y: auto; padding: 60px 0px; } .stra_theme nav { position: absolute; top: 24px; right: 34px; left: 34px; width: calc(100% - 68px); } nav .nav__container li { float: none; display: block; text-align: center; margin: 0px; } nav .nav__container li a { font-size: 36px; display: inline-block; /*font-family:'Kepler W01 Regular', Georgia, "Times New Roman", Times, serif; */ } nav .nav__wrapper { top: 0px; } html.open_menu .nav__container { display: block; } nav .open { display: block; position: absolute; } html.open_menu .close { display: block; } html.open_menu .open { display: none; } nav .nav__container ul { border: none; } nav .nav__container li ul, nav .nav__container li li ul, nav .nav__container li li li ul, nav .nav__container li li li li ul { position: static; float: none; margin: 0px; } nav .nav__container li ul { display: none; } nav li.nav__footer-links { margin-top: 60px; padding: 0px 20px; } nav li.nav__footer-links, nav .nav__container li.nav__social-links, nav .nav__container li ul.mobile_show { display: block; } nav li.nav__footer-links a { font-size: 14px; line-height: 2em; display: inline-block; padding: 0px 10px; text-transform: uppercase; } nav .nav__container li.nav__social-links a { font-size: 24px; margin: 0px 5px; } nav .nav__container li.nav__social-links .icon-facebook{ padding:0px 3px; } /* search opened */ html.search_open .header__logo { top: -90px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } html.search_open .nav__icon-menu { top: -80px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } html.search_open .nav__search { top: 10px; } nav .nav__search { text-align: left; width: 100%; } nav .nav__container { top: -100%; /*opacity: 0; */ display: block; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } html.open_menu .nav__container { top: 0px; opacity: 1; } html.open_menu { overflow: hidden; } nav .nav__container li ul { display: block; } nav .nav__container .nav__container--dropdownholder { z-index: 200; position: relative; left: auto; width: 100%; top: auto; opacity: 1; } nav .nav__container li:hover .nav__container--dropdownholder { left: auto; margin-left: 0px; top: auto; } nav .nav__container .nav__dropdown ul li span.nav__dropdown--pageicon { display: none; } nav .nav__container .nav__dropdown ul li { float: none; width: 100%; } nav .nav__dropdown .nav__dropdown--top { display: none; } nav .nav__container .nav__dropdown ul { background-color: transparent; border: none; left: auto; top: auto; z-index: 5; padding: 10px 20px; } nav .nav__container .nav__dropdown ul li a:hover { background-color: transparent; } .nav__dropdown .nav__dropdown--pagename { font-size: 20px; line-height: 1.5em; } .nav__dropdown .nav__dropdown--pagesnippet { font-size: 14px; } nav .nav__container .nav__dropdown ul li a { padding: 0px; } nav .nav__container .nav__dropdown ul li a .nav__dropdown--pagename { color: #000; -webkit-transition: color .2s; -moz-transition: color .2s; -ms-transition: color .2s; -o-transition: color .2s; transition: color .2s; } nav .nav__container .nav__dropdown ul li a:hover .nav__dropdown--pagename { color: #df1f26; } nav .nav__container .nav__dropdown ul li { padding-bottom: 22px; } nav .nav__container .nav__dropdown ul li:last-child { padding-bottom: 0px; } nav .nav__container li .nav__container--dropdownholder ul { -webkit-transition: max-height .4s, padding .4s; -moz-transition: max-height .4s, padding .4s; -ms-transition: max-height .4s, padding .4s; -o-transition: max-height .4s, padding .4s; transition: max-height .4s, padding .4s; max-height: 0px; overflow: hidden; padding: 0px 60px; } nav .nav__container li .nav__container--dropdownholder.mobile_show ul { max-height: 320px; padding: 10px 60px; } nav .parent > a { padding-right: 40px; position: relative; } nav .parent > a:after { content: "\e90c"; font-size: 16px; position: absolute; right: 0px; top: 42%; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; } nav .parent > a.menu_open:after { -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } } /* ---------------------- < 800 Breakpoint -----------------------*/ @media screen and (max-width: 800px) { /* mobile search facets */ .scrollbar-outer { height: 150px; } .search_facets_mobile{ display:block; } .search_facets .col-4, .search_facets .col-6{ width:100%; } .search_facets_mobile__triggers{ font-size:0px; background-color:#000; position:absolute; top:50px; padding:0px 24px 20px; } .search_facet__list label{ font-size:14px; } .search_facets_mobile_filter__btn{ background-color:#000; text-align:center; display:block; padding:16px 20px; text-align:left; color:#fff; text-transform:uppercase; font-size:16px; position:relative; } .search_facets_mobile_filter__icon{ font-size:12px; position:absolute; right:20px; top:18px; } .search_facets_mobile__triggers li{ font-size:14px; color:#fff; display:inline-block; width:33.3333%; text-align:center; } .search_facets_mobile__triggers.search_facets_mobile__triggers--all_pages_search li{ width:50%; } .search_facets_mobile__triggers li a{ display:inline-block; width:100%; border-bottom: solid 3px #666; padding:16px 0px; text-transform:uppercase; color:#ccc; -webkit-transition: color .2s, border .2s; -moz-transition: color .2s, border .2s; -ms-transition:color .2s, border .2s; -o-transition: color .2s, border .2s; transition: color .2s, border .2s; } .search_facets_mobile__triggers li a:hover{ color:#fff; border-bottom: solid 3px #888; } .search_facets_mobile__triggers li a.current{ border-bottom: solid 3px #df1f26; color:#fff; } .search_facet_mobile__apply{ text-align:center; background-color:#000; position: absolute; top: 284px; padding-bottom: 20px; display:none; } .search_facet_mobile__apply .button{ background-color:#666; color:#ccc; font-size:14px; line-height:40px; font-family:'Helvetica Neue LT W01_41488878', Arial, Helvetica, sans-serif; text-transform:uppercase; } .search_facet_mobile__apply, .search_facets_mobile__triggers{ width: calc(100% - 68px); left:34px; } .search_facet__trigger{ display:none; } .search_facet__dropdown{ display:block; display: block; position: absolute; width: 100%; top: 52px; left: 0px; } .search_facet__dropdown_content { padding: 20px; } .search_facets .col-12, .search_facets .col-4{ margin:0px; } .search_facets__topics, .search_facets__people, .search_facets__date, .search_facets_mobile__triggers{ display:none; } .search_facets.open.topics .search_facets__topics, .search_facets.open.people .search_facets__people, .search_facets.open.date .search_facets__date, .search_facets.open .search_facet_mobile__apply, .search_facets.open .search_facets_mobile__triggers{ display:block; } .homehero__content{ width:80%; } .homehero h1{ font-size:60px; } .email_signup h3, .email_signup .input_placeholder { display:block; } .email_signup .input_placeholder{ width:100%; margin: 30px 0px 40px 0px; } .email_signup__fnfield.input_placeholder, .email_signup__lnfield.input_placeholder{ width:48%; float:left; } .email_signup__lnfield.input_placeholder{ float:right; } .email_signup__emailconfirm{ width:210%; text-align:center; } .email_signup a.button{ margin:0px auto; } .col-8, .col-9, .col-10, .col-11, .col-12, .col-10.single-col-cntr, .col-10.single-col-left{ width:100%; margin-bottom:24px; } .col-8:last-child, .col-9:last-child, .col-10:last-child, .col-11:last-child, .col-12:last-child{ margin-bottom:0px; } .email_signup input, .email_signup label{ text-align:center; font-size:20px; } .email_signup__efielderror, .email_signup__fnfielderror, .email_signup__lnfielderror { width:100%; text-align:center; } .sponsor__box--large:nth-child(3n+1), .sponsor__box--small:nth-child(4n+1){ margin-left:4%; } .sponsor__box--large{ width: 47.5%; margin-left:5%; margin-bottom:5%; } .sponsor__box--large:nth-child(2n+1){ margin-left:0%; } .sponsor__box--small{ width:30%; margin-left:5%; margin-bottom:5%; } .sponsor__box--small:nth-child(3n+1){ margin-left:0%; } .email_signup__panel1, .email_signup__panel2{ margin-top:0px; } .list_wrapper__item .col-4{ width: 33.333333%; } .list_wrapper__item .col-8{ width: 66.6666664%; } .grid_list li, .results_tiles--grid li{ width:50%; } .intro_modal{ padding:20px 0px; } .filtersort_menu__wrap{ margin-bottom:20px; } } /* ---------------------- < 700 Breakpoint -----------------------*/ @media screen and (max-width: 700px) { .homehero__content{ position: absolute; top: auto; left:34px; right:34px; bottom:34px; -webkit-transform: none; -ms-transform: none; transform: none; width: auto; } .homehero h2{ font-size:20px; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-10.single-col-cntr, .single-col-cntr, .col-10.single-col-left, .single-col-left{ width:100%; margin-bottom:24px; } .sponsors_block--list .col-4, .sponsors_block--list .col-3, .sponsors_block--list .col-2, .prog_year_block .col-3{ margin-bottom:0px; } .prog_year_block p{ text-align:center; } .col-1:last-child, .col-2:last-child, .col-3:last-child, .col-4:last-child, .col-5:last-child, .col-6:last-child, .col-7:last-child, .col-8:last-child, .col-9:last-child, .col-10:last-child, .col-11:last-child, .col-12:last-child{ margin-bottom:0px; } .meta_data__section [class^="col-"], .meta_data__section [class^=" col-"] { margin-bottom:0px; } .meta_data__section{ margin-bottom:0px; } .meta_data h3{ padding-top:20px; } .meta_data__section:first-child h3{ padding-top:0px; } .single-col-cntr, .single-col-left{ margin:auto; } .img_wrap--left, .img_wrap--right{ width:100%; margin:40px 0px; float:none; } .banner_area h1 { font-size:58px; } .banner_area h2 { font-size:20px; } .stra_theme h2 { font-size: 22px; } .img_wrap--left, .img_wrap--right, .img_wrap--full_width{ margin:30px 0px; } .img_wrap--blog{ margin:30px 0%; width:100%; } .stra_theme blockquote { margin:30px 14%; } .stra_theme p.blockquote-quote{ font-size:22px; } .list_wrapper__item p { line-height:1.5em; } .explore_grid__tile--lrg h1 { font-size: 50px; } .explore_grid__tile--sml h1, .explore_grid__tile--med h1 { font-size: 32px; } .date_range__field input, .date_range__field label{ font-size:26px; } .date_range__icon{ top:13px; } .date_range__field.date_range__field--w-label .date_range__icon{ top:25px; } .promo_box{ padding:20px; display:block; } .promo_box__cell--center{ padding:0px; margin-bottom:14px; } .promo_box__cell{ display:block; text-align:center; margin-bottom:20px; } .promo_box__cell--left .icon-remix-icon{ font-size: 40px; color:#fff; } .promo_box__cell--left{ width:100%; } .promo_box__cell--right{ text-align:center; margin-bottom:0px; } .promo_box p{ font-size:16px; } .prev_next_nav{ width:44%; } .year_selector{ right:0px; left:0px; } .year_selector__trigger{ text-align:center; display:block; } .year_selector__menu li a{ padding:14px 10px; } .clips_grid__item{ width:100%; float:none; height:auto !important; padding: 50px 34px; } h3.clips_grid__title{ font-size:38px; margin-bottom:20px; } .clips_grid__text{ position: static; top: auto; -webkit-transform: none; -moz-transform: none; transform: none; } .clips_grid__item:nth-child(4n+3){ float:none; } .clips_grid__item:nth-child(odd){ height:400px !important; } h3.clips_grid__title{ font-size:30px; } .search_filter_sort .col-4{ width:33.3333%; } .search_filter_sort span.select .val, .search_filter_sort span.select .select_menu li { font-size:14px; } .search_filter_sort span.select_trigger{ padding: 14px 42px 13px 12px; } .search_filter_sort .select .stylized_arrow{ font-size:10px; margin-top:-5px; } .search_filter_sort span.select .select_menu{ min-width:150px; } .search_filter_sort .col-4{ margin-bottom:0px; } } /* ---------------------- < 600 Breakpoint -----------------------*/ @media screen and (max-width: 600px) { button.keyword__search_icon, .form-actions .button.keyword__search_icon { width: auto; margin: 0; display: inline-block; padding-bottom: 0; } .search_filter_sort .col-4{ width:100%; display:block; } .search_facets_mobile_filter__btn{ padding:16px 12px; } .search_facets_mobile_filter__icon{ right:12px; } /* .search_facets_mobile__triggers{ padding:0px 12px 20px; } */ section.search_facets, .search_filter_sort .col-4{ margin-bottom: 5px; margin-top: 0px; } .search_filter_sort .col-4.search_layout_pref{ margin-top:12px; margin-bottom:0px; text-align:left; } .search_filter_sort span.select{ left:0px; width:100%; border-bottom: solid 1px #ccc; } section.search_filter_sort{ margin-top:0px; overflow:inherit; } .slim_audio_cntrl__remix, #modal-bg.remix_modal, a.button.instructions_trigger{ display:none !important; } .stra_theme section { padding: 80px 0px; } section.explore_date, section.explore_keyword{ padding: 40px 0px; } .stra_theme section.meta_data--blog-entry { padding: 24px 0 0 0; } .explore_date .button_wrapper{ padding-top:20px; } .explore_date .button_wrapper a.button{ display: inline-block; } .grid_results_area{ margin-top:35px; } .grid_results__feedback{ padding-top:80px; } .explore_grid__tile--sml, .explore_grid__tile--med, .explore_grid__tile--lrg, .explore_grid__lrg_tile--right .explore_grid__tile--lrg, .explore_grid__lrg_tile--left .explore_grid__tile--lrg { width:100%; float:none; max-height:320px; height: 80vw !important; } .explore_grid__tile--lrg h1, .explore_grid__tile--sml h1, .explore_grid__tile--med h1{ font-size: 32px; } .date_range__field { width:100%; } .date_picker--range .date_range__field:first-child { margin: 0px 0px 20px 0px; } section.program_title h1 { font-size: 34px; } .contact_form .row{ margin-bottom:0px; } .contact_form .row .col, .contact_form .row .col.two_col{ width:100%; float:none; margin-bottom:20px; } .contact_form .row .col.two_col:first-child, .contact_form .row .col.two_col:last-child{ padding:0px; } .warning_message{ margin-bottom:20px; } .slim_audio--playlist .slim_audio__cover { width:90px; height:90px; } .slim_audio_cntrl.slim_audio--playlist .width_holder, .slim_audio--playlist .slim_audio_cntrl__title{ width:100%; } .slim_audio__controls_wrap{ margin-left:0px; } .slim_audio--playlist .slim_audio__controls{ width: calc(100% - 90px); top: 6px; } .slim_audio__share, .playlist_track_share, .playlist_track_posted, .playlist_track_share_choices.show, .playlist_track_share_choices, .playlist_track_cover{ display:none; } .playlist_player__playlist .playlist_track_title{ width: calc(100% - 44px); left:37px; } .playlist_player__playlist li.current .playlist_track_icon{ left: 12px; } .slim_audio_cntrl__prev:before, .slim_audio_cntrl__next:before{ left:-4px; } .slim_audio_cntrl.slim_audio--playlist .width_holder{ top: 94px; } .slim_audio--playlist .slim_audio_cntrl__title{ top: 118px; } .search_filter_sort .col-4:last-child span.select{ border-bottom: none; } } /* ---------------------- < 550 Breakpoint -----------------------*/ @media screen and (max-width: 550px) { .prev_next_nav--prev .prev_next_nav__icon, .prev_next_nav--next .prev_next_nav__icon, .col-4.search_layout_pref, a.button.grid_results__see_all, .not-touch-friendly, a.button.not-touch-friendly{ display:none; } .list_pagination .button { min-width: 0px; } section.banner_area--has_image { min-height:320px; } .credit_info{ bottom:20px; right:20px; } .homehero__content{ top: auto; left:20px; right:20px; bottom:20px; } .width_holder, .slim_audio_cntrl .width_holder{ padding:0px 20px; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .single-col-cntr, .row{ padding:0px; } nav >.nav__container { width:100%; } .stra_theme .site-header { height:61px; } .outer_wrap { padding-top: 61px; } .site-header .header__logo { width:130px; height:auto; top: 4px; } .stra_theme nav { top: 9px; right: 20px; left: 20px; width: calc(100% - 40px); } nav .nav__container a{ padding:12px 0px; } nav .nav__container .parent > a{ padding-right:44px; } .homehero__btn--red, .homehero__btn--gray{ width:100%; text-align:center; margin-bottom:20px; } .homehero h1{ font-size:40px; margin-bottom:10px; } .homehero h2{ font-size:18px; } .email_signup__fnfield.input_placeholder, .email_signup__lnfield.input_placeholder{ width:100%; float:none; } .email_signup__fnfield.input_placeholder{ margin-bottom:34px; } .email_signup__emailconfirm{ width:100%; } .email_signup a.button{ margin:0px auto; width:100%; } .sponsor__box--large:nth-child(2n+1), .sponsor__box--small:nth-child(3n+1), .sponsor__box--large:nth-child(3n+1), .sponsor__box--small:nth-child(4n+1){ margin-left:0%; } .sponsor__box--large, .sponsor__box--small{ width: 100%; margin-left:0%; margin-bottom:40px; } section{ padding:80px 0px; } section.suggested_section{ padding:40px 0px; } section.suggested_section + section{ padding-top:40px; } article.main { padding-top: 40px; padding-bottom: 40px; } .tileslider .slick-dots li button:before, .cardslider .slick-dots li button:before { font-size: 10px; } .tileslider .slick-dots li, .cardslider .slick-dots li{ width:15px; } .tileslider, .cardslider{ margin-top:0px; } .img_wrap--left, .img_wrap--right, .img_wrap--full_width{ margin:20px 0px; } .img_wrap--blog{ margin:20px 0%; } .banner_area h1 { font-size: 48px; } .list_wrapper__item { margin: 0px 0px 20px 0px; width: 100%; border-bottom:0px; } .list_wrapper__item:last-child{ margin:0px; } .list_wrapper .col-8{ padding-left:20px; } a.button, button{ font-size: 16px; } .list_pagination a.button { width: 60px; padding:0px 10px; } .list_pagination__page_number, .list_pagination__page_number input { font-size: 14px; } .list_pagination{ padding:0px; } .list_pagination__page_number{ margin: 0px 10px; } .list_pagination .button{ margin-left:10px; } .list_pagination .button:first-child{ margin-right:10px; margin-left:0px; } .list_pagination__page_number span { margin-left: 4px; } .list_pagination__button_text{ display:none; } .list_pagination .icon-arrow-right, .list_pagination .icon-arrow-left { margin: 0px; } .list_wrapper__item .col-4, .list_wrapper__item .col-8{ width: 100%; padding:0px; } .news_alert img{ max-width:30px; max-height:30px; height:auto; } .news_alert p{ font-size:14px; padding: 5px 0px; } .news_alert .width_holder{ padding:0px 60px; } .news_alert .icon-outbound{ font-size:12px; } .news_alert .icon-close-sml{ right: 20px; } nav .nav__icon-close, .homepage .site-header.threshold_passed nav .nav__icon-close{ position:fixed; top:20px; left:20px; } .grid_list li, .results_tiles--grid li{ width:100%; } .explore_tabs li{ margin: 0px 3% } .explore_tabs li a{ font-size:22px; } .prev_next_nav{ width:100%; } .prev_next_nav + .prev_next_nav{ padding-top:20px; margin-top:20px; border-top:solid 1px #666; } .prev_next_nav--prev, .prev_next_nav--next{ float:none; text-align:left; } .clips_grid__item{ padding: 50px 20px; } .clips_grid__item:nth-child(odd){ height:320px !important; } .search_facet_mobile__apply, .search_facets_mobile__triggers{ width: calc(100% - 40px); left:20px; } .search_facet_mobile__apply{ padding: 0px 20px 20px; } .results_tiles--list .results_tiles__info{ padding-left: 10px; } .results_tiles--list .results_tiles__image{ padding-right:0; } .results_tiles--list .results_tiles__image + .results_tiles__info { padding-left: 10px; } .results_tiles a h3{ font-size: 20px; line-height: 1.3em; max-height:3.9em; overflow: hidden; padding-right: 0px; } .results_tiles p{ font-size: 16px; line-height: 1.6em; } .keyword__search_icon, button.keyword__search_icon, .form-actions .button.keyword__search_icon{ display:none; } .keyword__search span.select{ right:-1px; } section.keyword .keyword__search input{ padding-right:125px; } .results_tiles--list .results_tiles__image, .results_tiles--list .results_tiles__info, .results_tiles--list .results_tiles__image + .results_tiles__info { width:100%; padding:0px; } .results_tiles--list .results_tiles__image{ margin-bottom: 10px; } .results_tiles--grid p, .results_tiles--grid .button{ display:block; } .results_tiles--grid li, .results_tiles--list li{ margin-bottom:30px; border-bottom: none; clear: both; float: left; width: 100%; padding: 0px; } .results_tiles--grid li:last-child, .results_tiles--list li:last-child{ margin-bottom:0px; } .prog_type_filter span.select{ border-bottom: none; } section.search_results{ margin-top:0px; } .grid_results_area{ padding-top:20px; } p.grid_results__total{ top:0px; } .grid_results__details{ margin-bottom:20px; } } /* ---------------------- < 500 Breakpoint ----------------------- */ @media screen and (max-width: 500px) { a.button, button{ display:block; width:100%; } a.button.program_button{ width: auto; } .list_pagination a.button{ display:inline-block; } a.button.button-small{ display:inline-block; } .stra_theme .button_wrapper .button{ margin-left:0px; margin-right:0px; } .grid_results__details{ margin-bottom:20px; top:0px; } } /* ---------------------- < 400 Breakpoint -----------------------*/ @media screen and (max-width: 400px) { .explore_tabs li{ margin: 0px 2% } .explore_tabs li a{ font-size:18px; } .slim_audio--playlist .slim_audio_cntrl__toggle a, .slim_audio_cntrl__prev, .slim_audio_cntrl__next{ margin: 0px 4px; width: 59px; height: 59px; font-size: 24px; } .slim_audio--playlist .slim_audio_cntrl__toggle a:before, .slim_audio--playlist .slim_audio_cntrl__toggle a.icon-pause-btn:before{ top: -6px; } .slim_audio_cntrl__prev, .slim_audio_cntrl__next{ width:32px; height:32px; font-size:12px; } .slim_audio--playlist .slim_audio__cover { width:70px; height:70px; } .slim_audio--playlist .slim_audio__controls{ width: calc(100% - 70px); top: 6px; } .slim_audio_cntrl.slim_audio--playlist .width_holder{ top: 80px; } .slim_audio--playlist .slim_audio_cntrl__title{ top: 104px; } .playlist_player__playlist_wrap{ margin-top:20px; } }