/*http://i-skool.co.uk/mobile-development/web-design-for-mobiles-and-tablets-viewport-sizes/*/ /*At least requires the meta viewport tag with content 'width=device-width'*/ @media only screen and (max-width: 1080px) and (orientation : portrait) { /* PORTRAIT: Windows Surface Pro*/ } @media only screen and (max-width: 800px) and (orientation : portrait) { /* PORTRAIT: Acer Iconia Tab A100 Acer Iconia Tab A200 Acer Iconia Tab A502 Arnova 8C G3 ASUS Padfone ASUS Transformer Pad TF300T ASUS Transformer TF101 Motorola Xoom Motorola Xoom 2 Samsung Galaxy Note 10.1 Samsung Galaxy Tab 8.9 Samsung Galaxy Tab 10.1 Samsung Galaxy Tab 10.1*/ } @media only screen and (max-width: 768px) and (orientation : portrait) { /* PORTRAIT: Apple iPad Apple iPad 2 Apple iPad 3 (and 4) Apple iPad Mini Archos 80G9 BAUHN AMID-972XS HP Touchpad LG Optimus Pad Microsoft Surface (RT) Panasonic Toughpad A1 Kindle Paperwhite*/ } @media only screen and (max-width: 640px) and (orientation : portrait) { /* PORTRAIT: Acer Iconia Tab A500 Arnova 7FG3 Nexus 7*/ } @media only screen and (max-width: 600px) and (orientation : portrait) { /* PORTRAIT: Acer Iconia Tab A101 Archos 70b (it2) Arnova 10b G3 BlackBerry PlayBook Kindle 3 Kobo eReader Touch Samsung Galaxy Tab 2 7.0 Samsung Galaxy Tab 7*/ } @media only screen and (max-width: 540px) and (orientation : portrait) { /* PORTRAIT: HTC Evo 3D Kindle Fire HD 7 Kindle Fire HD 8.9 Ainol Novo 7 Elf 2*/ } @media only screen and (max-width: 480px) and (orientation : portrait) { /* PORTRAIT: Arnova 7 G2 BlackBerry Bold 9780 HTC Desire Z Nokia N900 Samsung Galaxy Grand*/ } @media only screen and (max-width: 400px) and (orientation : portrait) { /* PORTRAIT: Samsung Galaxy Note Nexus 4 HTC One S HTC One XL HTC Sensation XL HTC Velocity 4G Motorola Droid3 Motorola Droid Razr Motorola Razr HD 4G Motorola Razr M 4G Nokia 500 Samsung Galaxy Note 2 Samsung Galaxy S3 BlackBerry Bold 9900 BlackBerry 9520 BlackBerry Z10*/ } @media only screen and (max-width: 360px) and (orientation : portrait) { /* PORTRAIT: Apple iPhone 3G Apple iPhone 3GS Apple iPhone 4 Apple iPhone 4S Apple iPhone 5 Apple iPod Touch BlackBerry Bold 9360 BlackBerry Bold 9790 BlackBerry Curve 9320 BlackBerry Curve 9380 BlackBerry Torch 9800 BlackBerry Torch 9810 HP Veer HTC 7 Mozart HTC 7 Trophy HTC Desire HTC Desire C HTC Desire HD HTC Legend HTC One V HTC Titan 4G HTC Wildfire S HTC Windows Phone 8X Huawei U8650 LG Optimus 2X LG Optimus L3 Motorola Defy Motorola Milestone Nexus S Nokia Lumia 610 Nokia Lumia 710 Nokia Lumia 800 Nokia Lumia 820 Nokia Lumia 900 Nokia Lumia 920 Samsung Galaxy Ace Samsung Galaxy Ace 2 Samsung Galaxy S2 Sony Xperia E Dual BlackBerry Curve 9300*/ } @media only screen and (max-width: 240px) and (orientation : portrait) { /* PORTRAIT: LG Viewty KU990 Nokia 700 Nokia 2700 Nokia N95 Samsung Galaxy S3 Mini Nokia 300*/ } @media only screen and (max-width: 1920px) and (orientation : landscape) { /* LANDSCAPE: Windows Surface Pro*/ } @media only screen and (max-width: 1366px) and (orientation : landscape) { /* LANDSCAPE: Microsoft Surface (RT)*/ } @media only screen and (max-width: 1280px) and (orientation : landscape) { /* LANDSCAPE: Acer Iconia Tab A100 Acer Iconia Tab A200 Acer Iconia Tab A502 ASUS Transformer Pad TF300T ASUS Transformer TF101 Motorola Xoom Motorola Xoom 2 Samsung Galaxy Note 10.1 Samsung Galaxy Tab 8.9 Samsung Galaxy Tab 10.1 Samsung Galaxy Tab 10.1 LG Optimus Pad Acer Iconia Tab A500*/ } @media only screen and (max-width: 1130px) and (orientation : landscape) { /* LANDSCAPE: ASUS Padfone Arnova 8C G3 Arnova 7FG3*/ } @media only screen and (max-width: 1024px) and (orientation : landscape) { /* LANDSCAPE: Apple iPad Apple iPad 2 Apple iPad 3 (and 4) Apple iPad Mini Archos 80G9 BAUHN AMID-972XS HP Touchpad Panasonic Toughpad A1 Acer Iconia Tab A101 Archos 70b (it2) Arnova 10b G3 BlackBerry PlayBook Samsung Galaxy Tab 2 7.0 Samsung Galaxy Tab 7 Ainol Novo 7 Elf 2*/ } @media only screen and (max-width: 980px) and (orientation : landscape) { /* LANDSCAPE: Nexus 7 HTC Evo 3D*/ } @media only screen and (max-width: 802px) and (orientation : landscape) { /* LANDSCAPE: Kindle Fire HD 7 Kindle Fire HD 8.9 Arnova 7 G2 HTC Desire Z Nokia N900 Samsung Galaxy Grand*/ } @media only screen and (max-width: 691px) and (orientation : landscape) { /* LANDSCAPE: BlackBerry 9520*/ } @media only screen and (max-width: 640px) and (orientation : landscape) { /* LANDSCAPE: Samsung Galaxy Note HTC One S HTC One XL HTC Sensation XL HTC Velocity 4G Motorola Droid Razr Nokia 500 Samsung Galaxy Note 2 Samsung Galaxy S3*/ } @media only screen and (max-width: 600px) and (orientation : landscape) { /* LANDSCAPE: Motorola Droid3 Nexus 4 Motorola Razr HD 4G Motorola Razr M 4G Motorola Defy Motorola Milestone Apple iPhone 5 HP Veer*/ } @media only screen and (max-width: 540px) and (orientation : landscape) { /* LANDSCAPE: HTC Desire HTC Desire HD HTC One V LG Optimus 2X Nexus S Samsung Galaxy Ace 2 Samsung Galaxy S2 BlackBerry Z10*/ } @media only screen and (max-width: 480px) and (orientation : landscape) { /* LANDSCAPE: Apple iPhone 3G Apple iPhone 3GS Apple iPhone 4 Apple iPhone 4S Apple iPod Touch BlackBerry Torch 9800 BlackBerry Torch 9810 HTC 7 Mozart HTC 7 Trophy HTC Desire C HTC Legend HTC Titan 4G HTC Wildfire S HTC Windows Phone 8X Huawei U8650 Nokia Lumia 610 Nokia Lumia 710 Nokia Lumia 800 Nokia Lumia 820 Nokia Lumia 900 Nokia Lumia 920 Samsung Galaxy Ace Sony Xperia E Dual*/ } @media only screen and (max-width: 320px) and (orientation : landscape) { /* LANDSCAPE: Samsung Galaxy S3 Mini*/ } /* ============ CUSTOM STYLES FROM THEME'S Quick CSS ============ */ /* carousel fix */ /* ============ */ #ult-carousel-193959380355258e8e236c5 .slick-list .ult-item-wrap { height:287px; } #ult-carousel-193959380355258e8e236c5{ margin-bottom:1%; margin-top:0.4%; } /* =================== FONTS =================== */ /* font: Swiss 721 Roman (BT) */ @font-face { font-family: 'swis721_btroman'; src: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss-721-Roman-webfont.eot'); src: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss-721-Roman-webfont.eot?#iefix') format('embedded-opentype'), url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss-721-Roman-webfont.woff2') format('woff2'), url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss-721-Roman-webfont.woff') format('woff'), url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss-721-Roman-webfont.ttf') format('truetype'), url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss-721-Roman-webfont.svg#swis721_btroman') format('svg'); font-weight: normal; font-style: normal; } /* font: Swiss 721 Bold Rounded */ /* when using this font in a style, do NOT set the font-weight to bold as the typeface is already bold */ @font-face { font-family: 'swis721_bdrnd_btbold'; src: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss_721_Bold_Rounded-webfont.eot'); src: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss_721_Bold_Rounded-webfont.eot?#iefix') format('embedded-opentype'), url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss_721_Bold_Rounded-webfont.woff2') format('woff2'), url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss_721_Bold_Rounded-webfont.woff') format('woff'), url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss_721_Bold_Rounded-webfont.ttf') format('truetype'), url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss_721_Bold_Rounded-webfont.svg#swis721_bdrnd_btbold') format('svg'); font-weight: normal; font-style: normal; } /* font: Swiss 721 Bold */ /* when using this font in a style, do NOT set the font-weight to bold as the typeface is already bold */ @font-face { font-family: 'swis721_btbold'; src: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss_721_Bold-webfont.eot'); src: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss_721_Bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss_721_Bold-webfont.woff2') format('woff2'), url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss_721_Bold-webfont.woff') format('woff'), url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss_721_Bold-webfont.ttf') format('truetype'), url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss_721_Bold-webfont.svg#swis721_btbold') format('svg'); font-weight: normal; font-style: normal; } /* font: Swiss 721 Bold Condensed */ /* use in place of Helvetica Neue Condensed Bold */ /* when using this font in a style, do NOT set the font-weight to bold as the typeface is already bold */ @font-face { font-family: 'swis721_cn_btbold'; src: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss-721-Bold-Condensed-webfont.eot'); src: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss-721-Bold-Condensed-webfont.eot?#iefix') format('embedded-opentype'), url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss-721-Bold-Condensed-webfont.woff2') format('woff2'), url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss-721-Bold-Condensed-webfont.woff') format('woff'), url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss-721-Bold-Condensed-webfont.ttf') format('truetype'), url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss-721-Bold-Condensed-webfont.svg#swis721_cn_btbold') format('svg'); font-weight: normal; font-style: normal; } /* font: Swiss 721 Light */ /* use in place of Helvetica Light */ @font-face { font-family: 'swis721_lt_btlight'; src: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss-721-Light-webfont.eot'); src: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss-721-Light-webfont.eot?#iefix') format('embedded-opentype'), url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss-721-Light-webfont.woff2') format('woff2'), url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss-721-Light-webfont.woff') format('woff'), url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss-721-Light-webfont.ttf') format('truetype'), url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/themes/Impreza/webfonts/Swiss-721-Light-webfont.svg#swis721_lt_btlight') format('svg'); font-weight: normal; font-style: normal; } body { font-family: 'swis721_btroman' !important; } h1, h2, h3, h4, h5, h6 { font-family: 'swis721_bdrnd_btbold' !important; font-weight: normal !important; } /* Customizations */ .w-nav-title { font-weight: normal !important; font-family: 'swis721_bdrnd_btbold'; } .g-html h3 { font-size: 17px !important; padding: 0 !important; margin-bottom: 0 !important; font-weight: 300 !important; } .l-subfooter.at_top { padding: 0 !important; } .l-subfooter.at_bottom { /* color: #7a7f83; */ color: #fcfcfc; text-transform: uppercase; } .inner-banner, .w-video-h { border-top:6px solid #4bbdb7; } .wpb_wrapper h1 { font-family: 'swis721_btbold' !important; margin-bottom: 0 !important; text-transform: none !important; color:#000 !important; font-size: 44px; /* !important */ } .normal-wt { font-family: 'swis721_btroman' !important; } .single-video-title, .cat-page-vid-title { font-family: 'swis721_cn_btbold' !important; } .cat-page-vid-title { font-size: 133%; } .at-custom-button-color { background-color: #000 !important; text-align: center !important; height: 38px !important; width: 38px !important; line-height: 38px !important; } .kk-star-ratings .kksr-legend{display:none !important;} .thumb img{width:100% !important;} .wpb_wrapper { max-width: 100% !important; } .wpb_wrapper img { width:100% !important; opacity: 1.0 !important; filter: alpha(opacity=40) !important; /* For IE8 and earlier */ } .wpb_wrapper img:hover { opacity: 0.4 !important; filter: alpha(opacity=100) !important; /* For IE8 and earlier */ } .l-submain-h { padding:10px 0 !important; } .mod-movie-description { font-family: 'swis721_btroman' !important; font-size: 170%; } .swiss721_norm { font-family: 'swis721_btroman' !important; } .swiss721_bold { font-family: 'swis721_btbold' !important; } .mod-all-caps { text-transform: uppercase !important; } .swiss721_bldcnd { font-family: 'swis721_cn_btbold' !important; } .g-cols.offset_default > div { margin-left: 0; } .g-cols.offset_default > .one-half{ margin-right:2% } .g-cols.offset_default > .one-half:last-child{ margin-right: 0 !important } .g-cols.offset_default > .one-third{ margin-right:1.5% !important; } .g-cols.offset_default > .one-third:last-child{ margin-right: 0 !important; } .l-submain-h { padding: 0 0 !important; } .ult-new-ib, .wpb_column > .wpb_wrapper .ult-new-ib{margin-bottom:10px !important;} .w-pagehead { text-align: left !important; } .kelly-gold-bar { background: #f7c264; background: -moz-radial-gradient(center, ellipse cover, #f7c264 0%, #f5b139 100%); background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%,#f7c264), color-stop(100%,#f5b139)); background: -webkit-radial-gradient(center, ellipse cover, #f7c264 0%,#f5b139 100%); background: -o-radial-gradient(center, ellipse cover, #f7c264 0%,#f5b139 100%); background: -ms-radial-gradient(center, ellipse cover, #f7c264 0%,#f5b139 100%); background: radial-gradient(ellipse at center, #f7c264 0%,#f5b139 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c264', endColorstr='#f5b139',GradientType=1 ); } .poster-img-captions { bottom: 0; left: 0; right: 0; margin: 0; padding: 10px; position: absolute; background: rgba(0,0,0,.56); color: white; } .no-touch .l-subheader.at_middle .w-search-show:hover { color: #69a8bb !important; } /* Header Text Hover Color */ .no-touch .w-logo-link:hover, .no-touch .l-subheader.at_middle .w-contacts-item-value a:hover, .no-touch .l-subheader.at_middle .w-lang-item:hover, .no-touch .transparent .l-subheader.at_middle .w-lang.active .w-lang-item:hover, .no-touch .l-subheader.at_middle .w-cart:hover .w-cart-link, .no-touch .l-subheader.at_middle .w-search-show:hover, .l-subheader.at_middle .w-cart-quantity { color: #fff !important; } #ult-carousel-115638645155226b6e60d92 .slick-list .ult-item-wrap { height:287px; } #ult-carousel-115638645155226b6e60d92{ margin-bottom:1%; margin-top:0.4%; } /* Blue Line Adjustments */ .force-align-hdr { width: 98.5% !important; } .SearchLayout a:hover{ opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ } @media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-width: 760px) and (min-width: 320px){ .wpb_wrapper h1 { font-size: 2em; } .force-align-hdr { width: 100% !important; } } @media screen and (min-width: 489px){ .mobile_caption{ display: none; } .master-slider-parent .new-slider-width{ width: 1123px; } } @media screen and (max-width: 769px){ .mobile_caption{ display: none; } .searchResults{ margin-top: -30px; } } @media (min-width:900px) { #whatsOnNow{ width: 600px; height: 50px; margin: 20px auto 40px auto; position: relative; } #whatsOn{ text-align: left; position: absolute; top: 10px; left: -100px; } #printable{ text-align: right; position: absolute; top: 10px; right: -100px; } .searchResults{ margin-top: 20px; } } @media (min-width:1024px) { .desktop-only { display:block !important; } .mobile-only { display:none !important; } #whatsOnNow{ width: 1098px; height: 50px; margin: 20px auto 40px auto; position: relative; } #whatsOn{ text-align: left; position: absolute; top: 10px; left: 50px; } #printable{ text-align: right; position: absolute; top: 10px; right: 100px; } } @media (min-width:1124px) { #whatsOnNow{ width: 1098px; height: 50px; margin: 20px auto 40px auto; position: relative; } #whatsOn{ text-align: left; position: absolute; top: 10px; left: 100px; } #printable{ text-align: right; position: absolute; top: 10px; right: 80px; } } @media (min-width:1224px) { #whatsOnNow{ width: 1200px; height: 50px; margin: 20px auto 40px auto; position: relative; } #whatsOn{ text-align: left; position: absolute; top: 10px; left: 50px; } #printable{ text-align: right; position: absolute; top: 10px; right: 40px; } } @media (max-width: 991px) { .mobile-only { display:block !important; } .desktop-only { display:none !important; } } .l-header{ z-index: 1000 !important; } iframe{ z-index: 800 !important; } @media screen and (max-width: 488px){ .mobile_caption{ display: block !important; } .searchResults{ margin-top: -50px; } } @media only screen and (max-device-width : 489px) { .l-subheader .w-search{ display:block !important; } .l-subheader .w-search-show{ display:block !important; } .l-subheader .w-search-show .fa-search:before{ display:block !important; } } @media screen and (min-width : 490px) { .l-subheader .w-search{ top: -37px; } } @media screen and (min-width : 491px) and (max-width : 970px) { .l-subheader .w-search{ top: 0; } .schedule-slider{ height: 400px; } } @media screen and (max-width : 490px) { .l-subheader .w-search{ top: -3px; } } @media only screen and (min-device-width : 768px) and (orientation : portrait) { .master-slider-parent .new-slider-width{ width: 690px; position: relative; } .master-slider-parent .new-slider-width .ms-slide .text-content-overlay .info{ position: absolute; top: 20px; } .ms-slide .cover{ background: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/uploads/2015/04/emptyv3.png'); position: absolute; top: 0; left: 0; width: 690px; z-index: 900; } } @media only screen and (max-device-width : 1024px) and (orientation : landscape) { .master-slider-parent .new-slider-width{ width: 930px; } .ms-slide .cover{ background: url('https://web-archive.nli.org.il/National_Library/oe_/http://www.laff.com/wp-content/uploads/2015/04/emptyv3.png'); position: absolute; top: 0; left: 0; width: 930px; height: 445px; z-index: 900; } } @media screen and (max-width : 667px) { .master-slider-parent .new-slider-width{ width: 590px; } .master-slider-parent .new-slider-width .title_bar_slider{ margin-bottom: -10px; } } @media screen and (max-width : 490px) { .wpb_row .master-slider-parent img, .master-slider-parent img { width: 100%; } .master-slider-parent .new-slider-width{ width: 100%; } .master-slider-parent .new-slider-width .title_bar_slider{ margin-bottom: -10px; } } .ad { text-align: center; margin: 0 auto; } .player_area { max-width: 1100px; margin: 0 auto; position: relative; } .player { display: block; position: relative; max-width: 800px; } .playlist { width: 260px; float: right; margin-top: -455px; } .playlist li a { position: relative; display: inline-block; cursor: pointer; } .playlist li a span { position: absolute; background: rgba(255,255,255, .5); width: 100%; height: 100%; text-align: center; text-transform: uppercase; color: black; font-weight: bold; } .playlist li a span:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .playlist li a:hover span { color: black; } span#video_1, span#video_2 { display: none; } @media only screen and (max-width: 1024px) { .player { max-width: 740px !important; } .playlist { width: 230px; !important; margin-top: -422px; } } @media only screen and (max-width: 800px) { .player { margin: 0 auto; } .playlist { display: none !important; } }