聯想全系列Legion電競筆電登台，提供10代Intel Core與AMD Ryzen 7 4800H選擇 – LPComment 科技生活雜談

章節連結

• 販售資訊
• 聯想 Legion 2020 全系列新品規格&比較表

聯想今日（5/28）在台發表全系列 Legion 家族電競筆電。聯想針對旗下店鏡產品簡化命名，改以 3、5、7 系列代表主流至旗艦商品。同時在規格上也提供的更多選擇，除了全面升級第 10 代 Intel Core 處理器外，也提供了配備 AMD Ryzen 處理器的款式。新一代 Legion 共有 Legion 7i、Legion 5Pi、Legion 5i、Legion 5 及 IdeaPad Gaming 3i 等 5 款機種（配備 Intel 處理器的機種，型號後綴「i」）陸續上市。

看準了不少用戶希望用一台筆電兼顧遊戲與工作的需求，既要強大的遊戲性能、又希望外型低調不張揚，但又想在必要的時候在外型彰顯戰鬥氣息，因此全新 Legion 系列在設計上，相較於一般的電競筆電的浮誇造型，看起來更沉穩內斂。但在正面的 Logo 細節、鍵盤與機身的 LED 方面，還是保留了隱藏的發光設計，隨時在不同的使用場域間切換。

Legion 7iLegion 7i

規格方面則全面搭載第 10 代 Intel Core 或是 AMD Ryzen 7 4800H 處理器，其中最高階的 Legion 7i 最高可配備第十代 Intel Core i9 H 系列晶片與 NVIDIA RTX 2080 Super Max-Q 顯示卡。記憶體最高可達 32GB，並採用 2933Mhz 高速 DDR4，以及 M.2 NVMe PCIe SSD。

Legion 7i

電競筆電逃不掉的散熱問題，聯想這次在 Legion 系列新機用上了 Legion Coldfront 2.0，除了熱導管之外，還用上了均熱片，搭配雙液晶高分子風扇系統（Liquid Crystal Polymer Fans）以及軟體調控，可以將熱源分散並導出機身，平衡 CPU 與 GPU 的表現，讓遊戲畫面表現不受溫度影響。

Legion 7i

同時，機身內部也加入了六個溫度感測器，可以更精準地偵測機身溫度變化，提前啟動冷卻系統。

Q-Control 3.0 則可以使用 Fn+Q 熱鍵快速切換風扇模式，共有靜音、平衡、效能三種選擇。靜音模式下，風扇噪音僅 20-30dB，可以在安靜的辦公室內使用。效能模式則可以將風扇的轉速拉到最高。搭配 Lenovo Vantage 軟體則可以自動偵測啟動遊戲，並自動切換到效能模式。

Legion 7iLegion 7i

Legion 系列也針對鍵盤做優化。新設計的 Legion TrueStrike 軟著陸開關，加大鍵帽下壓行程，提供更好的敲擊手感。性能方面則有 100% 防鬼鍵、低於 1ms 的反應速度，同時觸控板也加大了 39%，並且具備更大的方向鍵與全尺寸數字鍵，都是為了提升遊戲體驗所做的設計。

Legion TrueStrike 鍵盤表層還有一層抗油塗層，防止鍵盤磨損。高階 Legion 7i 鍵盤還搭配 Corsair iCUE RGB 燈效，可表現超過 1600 萬種顏色；其他 Legion 新款機種也可透過選配搭載四區 RGB 光效選項。

Legion 7i

螢幕方面，Legion 全系列配備 15.6 吋 1080P IPS 霧面顯示器，最高階的 Legion 7i 的螢幕更新率可達到 240Hz，即便是入門的 Gaming 3i 也提供 120Hz 的更新率表現。另外還支援了 HDR 顯示，螢幕亮度最高可支援 500nits 起，讓顯示的層次與色彩更生動；100% sRGB 色域精準的顏色表現讓玩家在遊戲時可以擁有更逼真的視覺效果。

Legion 7i

新款 Legion 也擁有更強的電力，除了電池容量加大至最高 80Whr 之外，Legion 系列也搶先支援了 NVIDIA 的 Advanced Optimus 技術，可以更有效率地調配內顯與獨顯，讓內顯與獨顯可以混合使用，借此降低實際使用時的整體功耗，達到省電並延長使用時間的效果，讓使用時間號稱最高可以達到 8 小時以上。

同時，Rapid Charge Pro 快速充電功能讓全新 Legion 電力從 0% 回復到 50% 只要 30 分鐘，讓玩家可以快速回到戰局中。

Legion 7i

Legion 5i 圖集：

販售資訊

Lenovo Legion 7i、Legion 5Pi、Legion 5i、Legion 5 及 IdeaPad Gaming 3i 即日起已可於 PChome 24h、momo、聯威 Legion 旗艦店、茂訊電腦、崑碁電腦、彩虹 3C 資訊廣場、燦坤、全國電子、順發3C、欣亞數位、蔡家國際與Lenovo官方旗艦店購買。建議售價如下：

• Legion 7i 建議售價 NT$59990 起
• Legion 5Pi 建議售價 NT$41990 起
• Legion 5i 建議售價 NT$35990 起
• Legion 5 建議售價 NT$35900 起
• IdeaPad Gaming 3i 建議售價 NT30490 起

售價依消費者選購規格不同有所調整。

聯想 Legion 2020 全系列新品規格&比較表

➤ Lenovo Legion 7i

• 外型：
  • 15吋全金屬灰色機殼、RGB光點綴
  • 2公斤
• 硬體配置：
  • 最高搭載最新的第10 代Intel Core i9 H系列處理器
  • 最高可搭載NVIDIA GeForce RTX 2080 Super Max-Q顯示卡
  • 最高搭載2TB NVMe PCIe SSD雙硬碟及32GB DDR4內存記憶體
  • 攝像頭擁有實體隱私鏡頭蓋
  • Wi-Fi 6
• Lenovo Legion Coldfront 2.0散熱系統：
  • 均熱板(Vapor Chamber) 冷卻系統與多點溫度感測器
  • 雙風扇與4個散熱通道，使空氣高速循環散熱
  • Dual Burn技術提升並平衡CPU與GPU表現
• Lenovo Legion TrueStrike鍵盤：
  • 100%防鬼鍵(anti-ghosting)功能
  • 低於1毫秒的反應速度
  • 軟著陸(soft-landing)按鍵開關
  • 超過1600萬種顏色Corsair iCUE RGB 燈效
  • 塗層抗油抗磨
  • 全尺寸鍵盤，包含全尺寸數字鍵、加大方向鍵
• 螢幕/喇叭：
  • 搭載VESA DisplayHDR 400 認證的15 吋FHD(1920 x 1080)螢幕，85.6%屏占比
  • 支援OverDrive Support技術，可高達240Hz更新率(或144Hz)，反應時間低於1毫秒
  • 螢幕亮度500nits、100% sRGB 色域
  • 可選配支援NVIDIA G-SYNC技術
  • Dolby Vision及Dolby Atmos 環繞音效電競喇叭
• 電池：
  • 80WHr電池，高達8小時電池續航力
  • Rapid Charge Pro快速充電，僅需30分鐘電力即可從0%到50%

➤ Lenovo Legion 5Pi

• 外型：
  • 15吋全金屬灰色機殼
  • 重2.5公斤
• 硬體配置：
  • 最高搭載最新的第10 代Intel Core i9 H系列處理器
  • 最高可搭載NVIDIA GeForce RTX 2060顯示卡
  • 最高可搭載1TB NVMe PCIe SSD雙硬碟
  • 32GB (2×16) DDR4 2933Mhz 記憶體
  • 支援Intel Wi-Fi 6與Bluetooth 5.0
  • 攝像頭擁有實體隱私鏡頭蓋
• 螢幕/喇叭：
  • 最高搭載6吋VESA HDR 400 認證FHD IPS螢幕
  • 最高搭載可支援240Hz更新率螢幕
  • 螢幕亮度500nits、支援100% sRGB 色域，讓創作者盡情揮灑創意
  • 最高可支援NVIDIA G-SYNC技術，遊戲畫面更順暢
  • 極細邊框屏占比高達84.3%並支援Dolby Vision
  • Dolby Atmos環繞音效技術搭配Harman Kardon喇叭，充分享受遊戲臨場感
• Lenovo Legion Coldfront 2.0散熱系統：
  • 多點溫度感測器持續監控筆電溫度
  • 集成散熱模組，整合風扇、導管及散熱鰭片
  • 雙風扇，空氣高速循環散熱
  • Dual Burn技術提升CPU與GPU表現
• Lenovo Legion TrueStrike鍵盤：
  • 100%防鬼鍵(anti-ghosting)功能
  • 低於1毫秒的反應速度
  • 軟著陸(soft-landing)按鍵開關
  • 四區多色RGB燈效
  • 塗層抗油抗磨
  • 全尺寸鍵盤，包含全尺寸數字鍵、加大方向鍵
• 電池：
  • 80WHr電池，高達8小時電池續航力
  • Rapid Charge Pro快速充電，僅需30分鐘電力即可從0%到50%

➤ Lenovo Legion 5i與Lenovo Legion 5皆搭載：

• • Lenovo Legion Coldfront 2.0散熱系統
  • Lenovo Legion TrueStrike鍵盤
  • 80Whr電池，高達8小時的電池續航力(Advanced Optimus 技術、Hybrid Mode)，支援Rapid Charge Pro快速充電
  • 支援Wi-Fi 6
  • 1TB PCIe SSD硬碟及16GB DDR4內存記憶體
  • 支援Dolby Atmos環繞音效
  • 攝像頭擁有實體隱私鏡頭蓋

➤ Lenovo Legion 5i (15吋, 第10 代Intel Core H系列處理器)

• 硬體配置：
  • 最高搭載最新的第10 代Intel Core i7 H系列處理器
  • 最高可搭載NVIDIA GeForce RTX 2060顯示卡
• 螢幕/喇叭：
  • 最高搭載6吋VESA HDR 400 認證FHD IPS螢幕
  • 最高搭載可支援240Hz更新率螢幕
  • 極細邊框屏占比高達84.3%
  • 支援100% sRGB 色域，讓創作者盡情揮灑創意

➤ Lenovo Legion 5 (15”吋, AMD Ryzen 4000 H系列處理器)

• 硬體配置：
  • 最高搭載最新的AMD Ryzen 7 4000 H系列8核心處理器
  • 最高可搭載NVIDIA GeForce RTX 2060顯示卡
• 螢幕/喇叭：
  • 最高搭載6吋VESA HDR 400 認證FHD IPS螢幕
  • 最高搭載可支援240Hz更新率螢幕
  • 極細邊框屏占比高達84.3%
  • Dolby Vision，讓玩家充分享受遊戲臨場感

➤ IdeaPad Gaming 3i

• 外型：
  • 15吋塑鋼機殼
  • 重2.2公斤
  • 兩種顏色：暗夜藍、幽冥黑
• 硬體配置：
  • 最高搭載最新的第10 代Intel Core i7 H系列處理器
  • 最高可搭載NVIDIA GeForce GTX 1650 Ti顯示卡
  • 攝像頭擁有實體隱私鏡頭蓋
• 散熱：
  • 雙風扇與額外的散熱導管，提升散熱速度與空氣循環
• 螢幕/喇叭：
  • 15 吋FHD螢幕，屏占比83%
  • 最高搭載可支援120Hz更新率螢幕
  • 支援Dolby音效技術
• 電池
  • Lenovo Q-Control 3.0可自行設定效能模式、靜音模式、平衡模式
  • Rapid Charge Pro快速充電，僅需30分鐘電力即可從0%到50%
• 鍵盤：
  • 電競背光鍵盤
  • 低於1毫秒的反應速度
  • 全尺寸鍵盤，包含全尺寸數字鍵、加大方向鍵

	Legion 7i	Legion 5Pi	Legion 5i	Legion 5	IdeaPad Gaming 3i
處理器	Intel 10th Gen H-series i9	Intel 10th Gen H-series i7	Intel 10th Gen H-series i7	AMD Ryzen R7-4800H	Intel 10th Gen H-series i7
顯示卡	最高可搭載 NVIDIA RTX 2080 Super Max-Q	最高可搭載 Nvidia RTX 2060	最高可搭載 NVIDIA RTX 2060	最高可搭載 NVIDIA RTX 2060	最高可搭載 NVIDIA GTX 1650Ti
記憶體	可高達32GB	可高達32GB	可高達16GB	可高達16GB	可高達16GB
螢幕	15.6吋 IPS	15.6吋IPS	15.6吋IPS	15.6吋IPS	15.6吋IPS
螢幕更新率	最高可達240Hz	最高可達240Hz	最高可達240Hz	最高可達144Hz	最高可達120Hz
色域	Up to 100% Adobe RGB	Up to 100% sRGB	Up to 100% sRGB	Up to 100% sRGB	Up to 72% color gamut
NVIDIA G-SYNC技術	可選搭	–	–	–	–
Dolby Vision	O	O	O	O
儲存設備	可高達2x 1TB	可高達2x 1TB	可高達2x 1TB	可高達2x 1TB	可高達1TB
Coldfront 2.0 散熱系統	O	O	O	O	–
均熱板	O	–	–	–	–
Advanced Optimus技術*可選購*	O	O	O	O	–
Hybrid Mode	O	O	O	O	–
鍵盤	Legion Truestrike鍵盤	Legion Truestrike鍵盤	Legion Truestrike鍵盤	Legion Truestrike鍵盤	電競鍵盤
鍵盤光效	Corsair iCUE RGB 燈效 可表現超過1600萬種顏色	4區RGB光效	白色背光 或 可選搭4區RGB光效	白色背光 或 可選搭4區RGB光效	藍色背光
光效設計	前方底座、 後方散熱系統有RGB光條	筆電蓋上有 白光Legion Y 商標	–	–	–
攝像頭	720P搭配實體隱私鏡頭蓋	–	720P搭配實體隱私鏡頭蓋	720P搭配實體隱私鏡頭蓋	720P搭配實體隱私鏡頭蓋
Wi-Fi	Wi-Fi 6	Wi-Fi 6	Wi-Fi 6	Wi-Fi 6	Wi-Fi 6
藍牙	5.0	5.0	5.0	5.0	5.0
電池容量	80Whr	80Whr	60Whr, 可選配80Whr	60Whr, 可選配80Whr	45Whr
電池續航力	高達8 hrs Rapid Charge Pro快速充電	高達8 hrs Rapid Charge Pro快速充電	高達8 hrs Rapid Charge Pro快速充電	高達8 hrs Rapid Charge Pro快速充電	可高達8 hrs
顏色	灰	灰	黑	黑	暗夜藍 幽冥黑
連接埠	1 x Thunderbolt 3 Type-C (Thunderbolt, DP, USB 3.1, HDMI) / 2 x USB 3.1 Gen 2 / 1 x USB 3.1 Gen 1 / 1 x HDMI 2,0 / 1 x RJ45 Ethernet / 1 x USB 3.1 Type C / 1 x Headphone Jack	1 x USB 3.1 Gen 1 (Always On USB 5V 2.1A) / 3 x USB 3.1 Gen 1 / 1 x USB 3.1 Type C (USB 3.1 & DP1.2) / 1 x HDMI 2.00 / 1 x RJ45 Ethernet / 1 x Headphone Jack	1 x USB 3.1 Gen 1 (Always On USB 5V 2.1A) / 3 x USB 3.1 Gen 1 / 1 x USB 3.1 Type C (USB 3.1 & DP) / 1 x HDMI 2.0 / 1 x RJ45 Ethernet / 1 x Headphone Jack	1 x USB 3.1 Gen 1 (Always On USB 5V 2.1A) / 3 x USB 3.1 Gen 1 / 1 x USB 3.1 Type C (USB 3.1 & DP) / 1 x HDMI 2,0 / 1 x RJ45 Ethernet / 1 x Headphone Jack	2 x USB 3.1 (Gen 1) 1 x USB 3.1 Type-C 3.5 mm Combo Audio Jack, HDMI 2.0, LAN, novo hole
尺寸(cm) W x D x H	36 x 25.9 x 1.99	36.3 x 26 x 2.36	36.3 x 26 x 2.36	36.3 x 26 x 2.36	35.9 x 25 x 2.49
重量(kg)	2.2kg	2.3-2.5kg	2.3-2.5kg	2.3-2.5kg	2.2kg

 

 

 

 

/*!normalize.css v3.0.1 | MIT License | git.io/normalize*/ .article-main html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } .article-main body { margin: 0 } .article-main article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } .article-main audio, canvas, progress, video { display: inline-block; vertical-align: baseline } .article-main audio:not([controls]) { display: none; height: 0 } .article-main [hidden], template { display: none } .article-main a { background: 0 0 } .article-main abbr[title] { border-bottom: 1px dotted } .article-main b, strong { font-weight: 700 } .article-main dfn { font-style: italic } .article-main h1 { font-size: 2em; margin: 0.67em 0 } .article-main small { font-size: 80% } .article-main sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } .article-main sup { top: -0.5em } .article-main sub { bottom: -0.25em } .article-main img { border: 0 } .article-main svg:not(:root) { overflow: hidden } .article-main figure { margin: 1em 40px } .article-main hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } .article-main pre { overflow: auto } .article-main code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } .article-main button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } .article-main button { overflow: visible } .article-main button, select { text-transform: none } .article-main button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } .article-main button[disabled], html input[disabled] { cursor: default } .article-main button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } .article-main input { line-height: normal } .article-main input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } .article-main input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto } .article-main input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } .article-main input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } .article-main fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em } .article-main legend { border: 0; padding: 0 } .article-main textarea { overflow: auto } .article-main optgroup { font-weight: 700 } .article-main table { border-collapse: collapse; border-spacing: 0 } .article-main td, th { padding: 0 } .article-main * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .article-main *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .article-main input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit } .article-main figure { margin: 0 } .article-main img { vertical-align: middle } .article-main hr { border: 0; border-top: 1px solid #ccc } .article-main .sr-only, .screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .article-main p { margin: 0 0 10px } .article-main small { font-size: 85% } .article-main mark { padding: 0.2em } .article-main ul, ol { list-style-position: inside; margin: 0; padding: 0 } .article-main ul ul, ol ol, ul ol, ol ul { margin: 0 } .article-main dl { margin-top: 0; margin-bottom: 20px } .article-main dt, dd { line-height: 1.42857 } .article-main dt { font-weight: 700 } .article-main dd { margin-left: 0 } .article-main blockquote:before, blockquote:after { content: "" } .article-main address { margin-bottom: 20px; font-style: normal; line-height: 1.42857 } .article-main code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px } .article-main kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 2px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25) } .article-main pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px } .article-main pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0 } .article-main .clearfix:before, .clearfix:after { content: " "; display: table } .article-main .clearfix:after { clear: both } .article-main .clickable { cursor: pointer } .article-main .clear, .cleaner { clear: both; height: 0; overflow: hidden } .article-main .clearfix:before, .clearfix:after { content: ""; display: table } .article-main .clearfix:after { clear: both } .article-main .clearfix { zoom: 1 } .article-main h1, h2, h3, h4, h5, h6 { font-weight: 300; line-height: 1.1; color: #222; margin: 0 } .article-main h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: 400; line-height: 1 } .article-main h1 small, h2 small, h3 small { font-size: 65% } .article-main h4 small, h5 small, h6 small { font-size: 75% } .article-main h1 { font-size: 36px } .article-main h2 { font-size: 30px } .article-main h3 { font-size: 24px } .article-main h4 { font-size: 18px } .article-main h5 { font-size: 14px } .article-main h6 { font-size: 12px } .article-main table { border-top: 0; margin-bottom: 1.5em; position: relative; table-layout: fixed; width: 100%; z-index: 1 } .article-main table th { text-align: left } .article-main table tr { border-bottom: 1px solid #f0f0f0 } .article-main table th, table td { font-family: inherit; font-size: inherit; padding: 12px; vertical-align: middle } .article-main .floatleft { float: left } .article-main .floatright { float: right } .article-main .aligncenter { display: block; clear: both; margin-left: auto; margin-right: auto } .article-main .alignleft { float: left; margin-right: 15px } .article-main .alignright { float: right; margin-left: 15px } .article-main div.navigation { text-align: center; margin: 0 0 30px } .article-main .woocommerce nav.woocommerce-pagination ul { padding: 0; border: 0 } .article-main .woocommerce nav.woocommerce-pagination ul li { float: none; display: inline; border: 0 } .article-main div.navigation a, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { display: inline; font-weight: 400; padding: 8px 12px; line-height: 50px; border: 1px solid #dcdcdc; min-width: 0; border-radius: 2px; margin: 0 5px } .article-main div.navigation span.current, .woocommerce nav.woocommerce-pagination ul li span.current { padding: 8px 12px; color: #fff; background: #212425; border-radius: 2px; margin: 0 5px; border: none } .article-main .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover { font-weight: 400; color: #f47857; boder: 1px solid #dcdcdc; background: 0 0 } .article-main div.navigation span.pages { margin-right: 10px; display: none } .article-main div.navigation .alignleft, div.navigation .alignright { margin: 0 } .article-main label { display: block; margin-bottom: 10px; font-weight: 400 } .article-main input, textarea { padding: 8px 12px; font-family: libre franklin, sans-serif; font-size: 15px; font-weight: 400; background: #fff; border: 1px solid #e2e2e2; width: auto; color: #444; border-radius: 2px; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all } .article-main input[type=text], textarea { -webkit-appearance: none } .article-main input:focus, textarea:focus { border-color: #ccc } .article-main div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button, button, input[type=button], input[type=reset], input[type=submit] { font-family: libre franklin, sans-serif; font-size: 16px; padding: 8px 12px; font-weight: 700; border-radius: 2px; background-color: #f47857; border: none; color: #fff; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all } .article-main div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { cursor: pointer; background: #222 } @font-face { font-family: icomoon; src: url(fonts/icomoon.eot?a43nr5); src: url(fonts/icomoon.eot?#iefixa43nr5) format("embedded-opentype"), url(fonts/icomoon.ttf?a43nr5) format("truetype"), url(fonts/icomoon.woff?a43nr5) format("woff"), url(fonts/icomoon.svg?a43nr5#icomoon) format("svg"); font-weight: 400; font-style: normal } .article-main .infinite-scroll .navigation { display: none } .article-main .infinite-scroll:not(.infinity-end):not(.neverending) #recent-posts { margin-bottom: 40px; position: relative } .article-main .infinite-scroll #infinite-handle { left: 0; right: 0; text-transform: uppercase; font-weight: 700; font-size: 12px; text-align: center } .article-main .infinite-scroll #infinite-handle span { display: block; width: 100%; line-height: 50px; border-radius: 3px; color: #fff; font-size: 18px; font-weight: 700; background-color: #f47857; transition: 0.2s ease all } .article-main .infinite-scroll #infinite-handle span:hover { background: #222 } .article-main .infinite-scroll #infinite-handle span button { -webkit-transition: none; -o-transition: none; transition: none } .article-main body { background: #fff; color: #222; font-family: libre franklin, sans-serif; font-size: 16px; overflow-x: hidden; line-height: 1.7; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .article-main a { color: #212425; text-decoration: none; transition-duration: 0.2s } .article-main a:hover, a:active { color: #f47857 } .article-main p { margin: 0 0 15px; padding: 0 } .article-main .inner-wrap { margin: 0 auto; max-width: 1400px } .article-main .recent-posts .cat-links a { line-height: 2.5; margin: 1px 8px 0 0; font-weight: 400; position: relative; font-size: 14px; color: #000; background-color: #fff; padding: 4px 8px; border: 1px solid #888; border-radius: 3px; opacity: 0.5; transition: all 0.25s ease-in-out } .article-main .recent-posts .cat-links a:after { content: ""; position: absolute; top: 0; left: 0; right: -3px; bottom: -3px; border: 1px solid #bbb; border-top: 0; border-left: 0; border-radius: 3px } .article-main .recent-posts .cat-links a:hover { text-decoration: none; color: #f47857; opacity: 1 } @media screen and (min-width: 1441px) { .wpz_layout_boxed { background: #f1f1f1 } .wpz_layout_boxed .domino_boxed_layout { max-width: 1482px; margin: 0 auto; background: #fff; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); box-shadow: 0 0 35px rgba(0, 0, 0, 0.1) } .custom-background.wpz_layout_boxed .domino_boxed_layout { border: none } } .article-main .wpz_layout_boxed .domino_boxed_layout { background: #fff } @media screen and (min-width: 1241px) { .wpz_width_1200 .inner-wrap, .wpz_width_1200 #news-ticker .inner-wrap { max-width: 1200px; padding: 0 } .wpz_width_1200 .content-area { width: 800px } .wpz_width_1200.wpz_layout_boxed { background: #f1f1f1 } .wpz_width_1200.wpz_layout_boxed .domino_boxed_layout { max-width: 1282px; margin: 0 auto; background: #fff; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); box-shadow: 0 0 35px rgba(0, 0, 0, 0.1) } } .article-main #header { padding: 0; background: #212425 } .article-main .navbar-brand-wpz { float: left; margin: 35px 25px 35px 0 } .article-main .navbar-brand-wpz h1 { margin: 0; font-weight: 600; line-height: 1.1; font-size: 48px } .article-main .navbar-brand-wpz a { color: #fff } .article-main .navbar-brand-wpz a:hover { text-decoration: none; color: #f47857 } .article-main .tagline { margin: 10px 0 0; color: #666 } .article-main .adv { float: right; margin: 30px 0 0 } .article-main .adv_home { margin: 0 0 30px; text-align: center } .article-main .adv_home img { max-width: 100%; height: auto } .article-main .header_social { float: right; text-align: right } .article-main .header_social .widget { margin: 0 } .article-main .header_social .widget h3.title { display: none } .article-main .header_social .widget .zoom-social-icons-list--no-labels.zoom-social-icons-list--without-canvas { margin: 0 } .article-main .header_social .zoom-social-icons-list--without-canvas .socicon { transition: 0.3s ease all; color: #fff; padding: 5px } .article-main .header_social .zoom-social-icons-list .socicon:hover { opacity: 0.8 } .article-main .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none } .article-main .sf-menu li { position: relative } .article-main .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99 } .article-main .sf-menu > li { float: left } .article-main .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block } .article-main .sf-menu a { display: block; position: relative } .article-main .sf-menu ul ul { top: 0; left: 100% } .article-main .sf-arrows .sf-with-ul:after { content: "347"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/16px "dashicons"; vertical-align: middle; margin: 0 0 0 4px } .article-main .sf-arrows ul .sf-with-ul:after { content: "345"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/22px "dashicons"; float: right; vertical-align: middle; margin: 0 0 0 4px } .article-main .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: #fff } .article-main .navbar-nav { position: relative; z-index: 100 } .article-main .navbar-nav > li { margin: 0 } .article-main .navbar-nav a { padding: 8px 30px 8px 0; transition: 0.2s ease all; font-size: 14px; font-weight: 700; color: #fff } .article-main .navbar-nav a:hover { text-decoration: none; color: #f47857 } .article-main .navbar-nav ul { font-size: 14px; left: 0; width: 250px; margin-top: 0; padding: 0; background: #212425; border: 1px solid rgba(255, 255, 255, 0.05) } .article-main .navbar-nav ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.05) } .article-main .navbar-nav ul li:last-child { border-bottom: none } .article-main .navbar-nav ul a { padding: 7px 15px; color: #fff; text-transform: none; font-weight: 500; padding: 5px 15px; border: none } .article-main .navbar-nav ul a:hover { opacity: 0.8; color: #fff } .article-main .navbar-nav ul ul { right: 100%; margin-top: 0 } .article-main .navbar-nav ul ul { right: 100%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); margin-top: -1px } .article-main .navbar-nav > .current-menu-item > a, .navbar-nav > .current_page_item > a, .navbar-nav > .current-menu-parent > a { color: #f47857 } .article-main .top-navbar { margin: 0; font-size: 12px; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.05); z-index: 200 } .article-main .top-navbar .navbar-nav { float: left; width: 80% } .article-main .top-navbar .navbar-nav > li > ul { font-size: 14px; transform: translate(-45px, 0); left: 30px } .article-main .navbar-nav a:hover { text-decoration: none } .article-main .main-navbar { border-top: 1px solid rgba(255, 255, 255, 0.05) } .article-main .main-navbar > .inner-wrap { border-right: 1px solid rgba(255, 255, 255, 0.05) } .article-main .main-navbar .sf-arrows .sf-with-ul:after { margin: 0 0 0 4px } .article-main .top-navbar:before, .top-navbar:after, .main-navbar:before, .main-navbar:after { content: " "; display: table } .article-main .top-navbar:after, .main-navbar:after { clear: both } .article-main .main-navbar .navbar-nav > li:last-child { padding-right: 0 } .article-main .main-navbar .navbar-nav > li > a { font-family: roboto condensed, sans-serif; font-size: 18px; text-transform: uppercase } .article-main .main-navbar .navbar-nav a { padding: 10px 20px; border-left: 1px solid rgba(255, 255, 255, 0.05) } .article-main .main-navbar .navbar-nav ul a { border: none; line-height: 1.5; font-weight: 600 } .article-main .main-navbar .navbar-nav > .current-menu-item > a, .main-navbar .navbar-nav > .current_page_item > a, .main-navbar .navbar-nav > .current-menu-parent > a, .main-navbar .navbar-nav > .current_page_parent > a { background: #f47857; color: #fff } .article-main .navbar-toggle { display: none; position: relative; float: left; margin: 15px 0 } .article-main .navbar-toggle .icon-bar { display: block; width: 30px; height: 2px; background: #fff; border-radius: 1px } .article-main .navbar-toggle:hover .icon-bar { background: #eee } .article-main .navbar-toggle .icon-bar + .icon-bar { margin-top: 6px } .article-main #menu-top-slide:not(.mm-menu), #menu-main-slide:not(.mm-menu) { display: none } .article-main a.cart-button:before { content: "174"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 20px/24px "dashicons"; vertical-align: top; margin: 0 8px 0 0 } .article-main a.cart-button { display: block } .article-main .sb-search { position: relative; float: right; margin: 5px 12px 0; z-index: 200; width: 40px; height: 40px } .article-main .sb-search .sb-search-input { position: absolute; top: 0; right: 0; border: none; outline: none; width: 20px; height: 19px; margin: 0; z-index: 10; padding: 10px 65px 10px 15px; font-family: inherit; font-size: 14px; color: #fff; visibility: hidden; opacity: 0; border: none; border-radius: 50px; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all; background: #33383a; -webkit-transition: width 0.6s, border-radius 0.6s, background 0.6s; transition: width 0.6s, border-radius 0.6s, background 0.6s } .article-main .sb-search input[type=search].sb-search-input { -webkit-appearance: none } .article-main .sb-search .sb-search-input::-webkit-input-placeholder { color: #eff4f7 } .article-main .sb-search .sb-search-input:-moz-placeholder { color: #eff4f7 } .article-main .sb-search .sb-search-input::-moz-placeholder { color: #eff4f7 } .article-main .sb-search .sb-search-input:-ms-input-placeholder { color: #eff4f7 } .article-main .sb-search .sb-icon-search, .sb-search .sb-search-submit { width: 40px; height: 40px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; line-height: 40px; text-align: center; cursor: pointer } .article-main .sb-search .sb-search-submit { background: #fff; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); opacity: 0; color: #363940; border: none; outline: none; z-index: -1 } .article-main .sb-search .sb-icon-search { color: #fff; background: #212425; z-index: 90; font-size: 14px; font-family: icomoon; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all; border-radius: 50px } .article-main .sb-search .sb-icon-search:hover { background: #33383a } .article-main .sb-search .sb-icon-search:before { content: "" } .article-main .sb-search.sb-search-open .sb-icon-search:before { color: #fff } .article-main .sb-search.sb-search-open .sb-search-input { visibility: visible; opacity: 1; width: 200px; -webkit-transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s; transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s } .article-main .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search { background: 0 0; z-index: 11 } .article-main .sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit { z-index: 90 } .article-main #news-ticker { padding: 10px 0 16px; background: #1e2122; border-top: 1px solid rgba(255, 255, 255, 0.05); color: #f9f9f9; font-size: 16px } .article-main #news-ticker .inner-wrap { width: 100%; max-width: 1400px; height: 30px } .article-main #news-ticker h3, #news-ticker dt, #news-ticker dd { line-height: 35px } .article-main #news-ticker h3 { margin: 0 28px 0 0; float: left; font-family: roboto condensed, sans-serif; font-size: 16px; font-weight: 700; color: #f47857; text-transform: uppercase } .article-main #news-ticker .news-ticker-container { overflow: hidden } .article-main #news-ticker dl { display: none; margin: 0 } .article-main #news-ticker .caroufredsel_wrapper dl { display: block } .article-main #news-ticker dt, #news-ticker dd { display: block; float: left; margin: 0 5px; font-weight: 300 } .article-main #news-ticker dt { color: #999; font-size: 14px } .article-main #news-ticker dd { margin-right: 50px } .article-main #news-ticker dd a { color: #fff; font-weight: 700 } .article-main #news-ticker dd a:hover { color: #f47857; text-decoration: none } .article-main .featured_area { background: #f6f6f4; border-bottom: 1px solid #d9d9d9; padding: 40px 0 10px } .article-main .slider_widgets { float: right; width: 50% } .article-main .slider_widgets .widget { margin: 0; float: left; width: 50% } .article-main .video-area { padding: 50px 0 20px; background: #212425; color: #b6b6b6 } .article-main .video-area .wpzoom-featured-cat h3.entry-title a { color: #fff } .article-main .video-area .wpzoom-featured-cat h3.entry-title a:hover { color: #f47857 } .article-main .video-area a { color: #fff } .article-main .video-area a:hover { color: #f47857 } .article-main #slider { margin: 0 0 40px; overflow: hidden; position: relative; width: 50%; float: left; box-sizing: border-box; border-right: 2px solid #fff } .article-main .empty-slider a, #slider .more_link { color: #7bdeff } .article-main .empty-slider { margin: 60px auto 40px; padding: 50px 15px; color: #fff; background: #222 } .article-main #slider .slides { white-space: nowrap; overflow: hidden; background: #212425; height: 460px } .article-main #slider .slide { position: relative; display: inline-block; white-space: normal; width: 100%; height: 460px; text-align: center; background-color: #000; background-repeat: no-repeat; background-position: center center; background-size: cover; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .article-main #slider .flickity-enabled .slide { display: block } .article-main #slider .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab } .article-main #slider .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing } .article-main .flickity-prev-next-button { display: block; position: absolute; z-index: 100; top: 45%; height: 40px; width: 40px; background: 0 0; padding: 0; transition: all 0.3s ease-out; border: 2px solid #fff } .article-main .flickity-prev-next-button:hover { opacity: 1; background: #fff } .article-main .flickity-prev-next-button.previous { left: 15px } .article-main .flickity-prev-next-button.next { right: 15px } .article-main .flickity-prev-next-button svg { position: absolute; left: 28%; top: 28%; width: 40%; height: 40% } .article-main .flickity-prev-next-button path { fill: #fff } .article-main .flickity-prev-next-button:hover path { fill: #222 } .article-main #slider .slider-direction-nav a:focus { outline: 0 } .article-main #slider .slider-direction-nav a:hover, #slider .slider-direction-nav a:active { opacity: 1 } .article-main .slides li .slide-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.3) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.3) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.3) 100%); background-repeat: repeat-x; color: #fff } .article-main .slides li .slide-header { position: absolute; bottom: 30%; margin: 0 13%; width: 74% } .article-main .slides li h3 { color: #fff; font-size: 34px; line-height: 1.4; font-weight: 700; margin: 0 0 15px; text-shadow: 0 0 4px rgba(0, 0, 0, 0.3) } .article-main .slides li h3 a { color: #fff } .article-main .slides li h3 a:hover { text-decoration: none; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5) } .article-main .slides li .entry-meta { color: #fff } .article-main .slides li .entry-meta a { color: #fff; padding-bottom: 4px; border-bottom: 1px solid rgba(255, 255, 255, 0.2) } .article-main .slides li .entry-meta a:hover { color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.4) } .article-main .slides:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden } .article-main .flickity-page-dots { position: absolute; width: 100%; bottom: 25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1 } .article-main .flickity-rtl .flickity-page-dots { direction: rtl } .article-main .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #fff; border-radius: 50%; filter: alpha(opacity=45); opacity: 0.45; cursor: pointer } .article-main .flickity-page-dots .dot.is-selected { filter: alpha(opacity=100); opacity: 1 } .article-main .post-thumb img { max-width: 100%; height: auto } .article-main .post-item { position: relative; margin: 0; overflow: hidden } .article-main .post-item .background-overlay { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(16%, rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); position: absolute; opacity: 1; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; border-color: #fff; border-style: solid; border-width: 0 2px 2px 0 } .article-main .video-area .post-item .background-overlay { border-color: #212425 } .article-main .post-item .post-thumb { margin: 0; position: relative; background: #000; transition: transform 0.3s ease, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s } .article-main .post-item .post-thumb img { opacity: 0.9; transition: transform 0.3s ease, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s; transition-timing-function: ease !important } @media (min-width: 900px) { .post-item:hover .post-thumb { transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg) } .post-item:hover .post-thumb img { opacity: 0.6 } } .article-main .post-item .post-item-content { z-index: 21 } .article-main .post-item:hover .entry-title { bottom: 17% } .article-main .post-item .entry-title { position: absolute; bottom: 7%; left: 0; z-index: 21; font-size: 20px; font-weight: 700; line-height: 1.2; max-width: 90%; transition: all 0.2s ease; margin-left: 15px; color: #fff; text-shadow: 0 0 2px rgba(0, 0, 0, 0.3) } .article-main .post-item .entry-meta { visibility: hidden; opacity: 0; position: absolute; min-height: 50px; padding: 30px 0 10px; width: 100%; bottom: 0; left: 0; color: #fff; margin: 0; z-index: 23; transition: all 0.5s ease } .article-main .post-item:hover .entry-meta { visibility: visible; opacity: 0.8; color: #fff } .article-main .post-item .entry-meta span { float: right; margin: 0 15px; color: #fff } .article-main .post-item .entry-meta span.cat-links, .post-item .entry-meta span.comments-link { float: left } .article-main .post-item .entry-meta span + span:before { display: none } .article-main .wpzoom-featured-cat { margin: 0 0 40px; font-size: 0 } .article-main .featured_category_2col { display: inline-block; vertical-align: top; font-size: 0; width: 48.5%; margin: 0 3% 0 0 } .article-main .featured_category_2col:nth-child(2) { margin-right: 0 } .article-main .featured_category_2col .featured-style-style_text { padding: 0; border: none } .article-main .wpzoom-featured-cat .featured_category_2col > div { float: none } .article-main .featured_category_2col .feat-cat_small_list { margin: 30px 0 0; overflow: hidden } .article-main .featured_category_2col .feat-cat_small_list li { display: block; width: 100%; margin: 0 0 25px; overflow: hidden } .article-main .featured_category_2col .feat-cat_small_list li:last-child { margin: 0 } .article-main .featured_category_2col .feat-cat_small_list h3.entry-title { font-size: 18px } .article-main .featured_category_2col .feat-cat_small_list .post-thumb { max-width: 35.9%; float: left; margin: 0 20px 0 0 } .article-main .right_col_posts .post_content, .feat-cat_small_list .post-content { overflow: hidden } .article-main .widget.wpzoom-featured-cat h3.title { margin-bottom: 0; background: 0 0; padding: 0; font-size: 16px; text-transform: uppercase; font-family: roboto condensed } .article-main .wpzoom-featured-cat h3.title a { color: #fff; background-color: #212425; padding: 8px 15px 7px; line-height: 33px } .article-main .wpzoom-featured-cat h3.entry-title { line-height: 1.3; font-size: 22px; font-weight: 700 } .article-main .wpzoom-featured-cat .featured-style-style_text h3.entry-title { margin-bottom: 10px; line-height: 1.3; font-weight: 700 } .article-main .wpzoom-featured-cat h3.title:hover { opacity: 0.8 } .article-main .widget h3.title-color-blue, .wpzoom-featured-cat h3.title-color-blue a { background-color: #1c99e4 } .article-main .widget h3.title-color-red, .wpzoom-featured-cat h3.title-color-red a { background-color: #e44 } .article-main .widget h3.title-color-green, .wpzoom-featured-cat h3.title-color-green a { background-color: #2b6 } .article-main .widget h3.title-color-black, .wpzoom-featured-cat h3.title-color-black a { background-color: #212425 } .article-main .widget h3.title-color-orange, .wpzoom-featured-cat h3.title-color-orange a { background-color: #f47857 } .article-main .widget h3.title-color-purple, .wpzoom-featured-cat h3.title-color-purple a { background-color: #733fd8 } .article-main .wpzoom-featured-cat img { max-width: 100%; height: auto } .article-main .wpzoom-featured-cat p { font-size: 14px; line-height: 1.8; margin: 0 } .article-main .wpzoom-featured-cat .post { float: left } .article-main .featured-style-style_text .post-thumb { margin: 0 0 20px } .article-main .featured-style-style_text { padding: 0 0 40px; margin: 0 0 10px; border-bottom: 1px solid #eee; overflow: hidden } .article-main .video-area .featured-style-style_text { border-bottom: 1px solid rgba(255, 255, 255, 0.2) } .article-main .home .content-area > div:last-child .featured-style-style_text, .video-area .inner-wrap > div:last-child .featured-style-style_text { border: none; padding: 0 } .article-main .wpzoom-featured-cat .featured-grid-1 > div { width: 100%; float: none } .article-main .wpzoom-featured-cat .featured-grid-2 > div { width: 50% } .article-main .wpzoom-featured-cat .featured-grid-2.featured-style-style_text > div { width: 48%; display: inline-block; vertical-align: top } .article-main .wpzoom-featured-cat .featured-grid-2.featured-style-style_text > div:nth-child(2) { margin-left: 4% } .article-main .wpzoom-featured-cat .featured-grid-3 > div { width: 33.3333% } .article-main .wpzoom-featured-cat .featured-grid-3 > div h3.entry-title { font-size: 18px } .article-main .wpzoom-featured-cat .featured-grid-3.featured-style-style_text > div { width: 31.5%; display: inline-block; vertical-align: top } .article-main .wpzoom-featured-cat .featured-grid-3.featured-style-style_text > div:nth-child(2) { margin-left: 2.75%; margin-right: 2.75% } .article-main .wpzoom-featured-cat .featured-grid-4.featured-style-style_block > div { width: 50% } .article-main .wpzoom-featured-cat .featured-grid-4.featured-style-style_text { font-size: 0 } .article-main .wpzoom-featured-cat .featured-grid-4.featured-style-style_text > div:first-child { width: 50%; float: left; margin-right: 2.66666% } .article-main .wpzoom-featured-cat .featured-grid-4.featured-style-style_text .post, .wpzoom-featured-cat .featured-grid-5.featured-style-style_text .post { width: 100%; float: none; margin-bottom: 10px; overflow: hidden } .article-main .right_col_posts { width: 47% !important; float: right } .article-main .wpzoom-featured-cat .featured-grid-4.featured-style-style_text > div:not(:first-child) .post-thumb { max-width: 35.9%; float: left; margin: 0 20px 20px 0 } .article-main .wpzoom-featured-cat .featured-grid-4.featured-style-style_text > div:not(:first-child) .post_content > p { display: none } .article-main .wpzoom-featured-cat .featured-grid-4.featured-style-style_text > div:first-child h3.entry-title { font-size: 24px } .article-main .wpzoom-featured-cat .featured-grid-4.featured-style-style_text > div h3.entry-title { font-size: 18px } .article-main .wpzoom-featured-cat .featured-grid-5 > div:nth-child(1), .wpzoom-featured-cat .featured-grid-5 > div:nth-child(2) { width: 50% } .article-main .wpzoom-featured-cat .featured-grid-5 > div { width: 33.33333% } .article-main .wpzoom-featured-cat .featured-grid-5 > div:nth-child(3) h3.entry-title, .wpzoom-featured-cat .featured-grid-5 > div:nth-child(4) h3.entry-title, .wpzoom-featured-cat .featured-grid-5 > div:nth-child(5) h3.entry-title { font-size: 22px } .article-main .wpzoom-featured-cat .featured-grid-5.featured-style-style_text { font-size: 0 } .article-main .wpzoom-featured-cat .featured-grid-5.featured-style-style_text > div:first-child { width: 50%; float: left; margin-right: 2.66666% } .article-main .wpzoom-featured-cat .featured-grid-5.featured-style-style_text > div:not(:first-child) .post-thumb { max-width: 35.9%; float: left; margin: 0 20px 20px 0 } .article-main .wpzoom-featured-cat .featured-grid-5.featured-style-style_text > div:not(:first-child) .post_content > p { display: none } .article-main .wpzoom-featured-cat .featured-grid-5.featured-style-style_text > div:first-child h3.entry-title { font-size: 24px } .article-main .wpzoom-featured-cat .featured-grid-5.featured-style-style_text > div h3.entry-title { font-size: 18px } .article-main .wpzoom-featured-cat .featured-grid-6 > div { width: 33.3333% } .article-main .wpzoom-featured-cat .featured-grid-6 > div h3.entry-title { font-size: 20px } .article-main .wpzoom-featured-cat .featured-grid-6.featured-style-style_text { font-size: 0 } .article-main .wpzoom-featured-cat .featured-grid-6.featured-style-style_text > div { float: none; display: inline-block; vertical-align: top; width: 31.5% } .article-main .wpzoom-featured-cat .featured-grid-6.featured-style-style_text > div:nth-child(-n+3) { margin-bottom: 30px } .article-main .wpzoom-featured-cat .featured-grid-6.featured-style-style_text > div:nth-child(2), .wpzoom-featured-cat .featured-grid-6.featured-style-style_text > div:nth-child(5) { margin-left: 2.75%; margin-right: 2.75% } .article-main .slider_widgets .widget.wpzoom-featured-cat { margin: 0 } .article-main .slider_widgets .wpzoom-featured-cat .featured-grid-2 > div { width: 100%; float: none; max-height: 231px; overflow: hidden } .article-main .slider_widgets .wpzoom-featured-cat .featured-grid-2 > div .post-thumb img { height: 231px; width: auto } .article-main .slider_widgets .wpzoom-featured-cat .featured-grid-2 > div h3.entry-title { font-size: 20px } .article-main .widget.carousel-slider, .site-widgetized-section .widgets .widget.carousel-slider { margin: 0 0 30px; padding: 0; position: relative } .article-main .carousel_widget_wrapper { overflow: hidden } .article-main .flickity-enabled { position: relative } .article-main .widget.carousel-slider h3.title { margin-bottom: 0; padding: 0 15px; line-height: 33px; font-size: 16px; color: #fff; font-weight: 700; text-transform: uppercase; display: inline-block; font-family: roboto condensed } .article-main .carousel-slider .slides { white-space: nowrap; overflow: hidden } .article-main .carousel-slider .post-item { margin: 0; width: 350px; vertical-align: top; display: inline-block } .article-main .carousel-slider .flickity-enabled .post-item { width: 350px; box-sizing: border-box } .article-main .carousel_widget_wrapper > div { opacity: 0; visibility: hidden; transition: opacity 0.3s ease-in } .article-main .carousel_widget_wrapper > div .post-item { display: none } .article-main .carousel_widget_wrapper > .flickity-enabled { opacity: 1; visibility: visible } .article-main .carousel_widget_wrapper > .flickity-enabled .post-item { display: inline-block } .article-main .carousel-slider .flickity-prev-next-button { top: 90px } @-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(.4) } 20% { -webkit-transform: scaleY(1) } } @keyframes stretchdelay { 0%, 40%, 100% { transform: scaleY(.4); -webkit-transform: scaleY(.4) } 20% { transform: scaleY(1); -webkit-transform: scaleY(1) } } .article-main .carousel-slider .spinner { margin: 100px auto; width: 50px; height: 30px; text-align: center; font-size: 10px } .article-main .carousel-slider .spinner > div { background-color: #eaeaea; height: 100%; width: 6px; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; -o-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out } .article-main .carousel-slider .spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s } .article-main .carousel-slider .spinner .rect3 { -webkit-animation-delay: -1s; animation-delay: -1s } .article-main .carousel-slider .spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s } .article-main .carousel-slider .spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s } .article-main #main { padding: 40px 0 0; position: relative } .article-main #main > .inner-wrap { position: relative } .article-main .content-area { width: 1000px; float: left } .article-main .full-width .content-area { width: 100%; float: none } .article-main .section-title { margin: 0; font-size: 16px; text-transform: uppercase; font-weight: 700; display: inline-block; color: #fff; background-color: #212425; padding: 0 15px; line-height: 33px; font-family: roboto condensed } .article-main .section-title:before, .section-title:after { content: " "; display: table } .article-main .section-title:after { clear: both } .article-main .archive-title { font-size: 34px; margin: 10px 0 40px; padding: 0 0 20px; letter-spacing: -1px; font-weight: 700; border-bottom: 4px solid #eee } .article-main .category_description { margin: -20px 0 40px; font-size: 14px } .article-main .recent-posts { font-size: 0 } .article-main .recent-posts .post:before, .recent-posts .post:after { content: " "; display: table } .article-main .recent-posts .post:after { clear: both } .article-main .recent-posts .post, .recent-posts .type-page { margin-bottom: 30px } .article-main .recent-posts .post, .recent-posts .type-page { padding: 0 0 40px; margin: 0 0 60px; border-bottom: 4px solid #eee; position: relative; overflow: hidden } .article-main .recent-posts .post:last-child, .recent-posts .type-page:last-child { border: none; padding: 0 } .article-main .grid_posts .recent-posts .post, .grid_posts .recent-posts .type-page { padding: 0; margin: 0 2.666% 40px 0; border: none; position: relative; overflow: hidden; width: 23%; display: inline-block; vertical-align: top } .article-main .grid_posts .recent-posts .post:nth-child(4n+4), .grid_posts .recent-posts .type-page:nth-child(4n+4) { margin-right: 0 } .article-main .recent-posts > article:nth-of-type(4n+4) { margin-right: 0 } .article-main .grid_posts .recent-posts .post-thumb { margin: 0 0 15px; max-width: 100%; float: none } .article-main .grid_posts .recent-posts .entry-title { font-size: 24px } .article-main .grid_posts .cat-links { margin-bottom: 10px; display: block } .article-main .recent-posts .type-page .entry-meta { display: none } .article-main .recent-posts .post-thumb { margin: 0 25px 0 0; max-width: 38%; float: left } .article-main .post-thumb img { max-width: 100%; height: auto } .article-main .recent-posts .entry-body { overflow: hidden } .article-main .recent-posts .entry-title, .woocommerce ul.products li.product h3 { margin: 0 0 10px; font-size: 28px; font-weight: 700; line-height: 1.4 } .article-main .woocommerce ul.products li.product a:hover h3 { color: #f47857 } .article-main .entry-content:before, .entry-content:after { content: " "; display: table } .article-main .entry-content:after { clear: both } .article-main .recent-posts .entry-content { font-size: 14px; line-height: 1.8 } .article-main .entry-content p { margin-bottom: 10px } .article-main .single .adv_content { margin: 20px 0; text-align: center } .article-main .entry-content img { max-width: 100%; height: auto } .article-main .entry-meta { margin-bottom: 15px; color: #999; font-size: 14px } .article-main .entry-meta span:not(.cat-links) + span:before { content: " / "; color: #aaa; margin: 0 2px; font-style: normal; opacity: 0.5 } .article-main .cat-links { margin: 0 0 10px } .article-main .more-link, .more_link { display: table; margin: 20px 0 0 } .article-main .readmore_button { font-size: 16px; font-weight: 600; margin: 15px 0 30px } .article-main .readmore_button a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button:not(.alt), .woocommerce input.button { display: inline-block; font-size: 16px; line-height: 2; margin: 1px 4px 0 0; position: relative; color: #000; background-color: #fff; padding: 2px 15px; border: 1px solid #aaa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out } .article-main .readmore_button a:after, .woocommerce #respond input#submit:after, .woocommerce a.button:after, .woocommerce button.button:not(.alt):after, .woocommerce input.button:after { content: ""; position: absolute; top: 0; left: 0; right: -3px; bottom: -3px; border: 1px solid #ccc; border-top: 0; border-left: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .article-main .readmore_button a:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:not(.alt):hover, .woocommerce input.button:hover { text-decoration: none; color: #f47857; opacity: 1; background: 0 0 } .article-main .woocommerce button.button.alt { font-size: 16px; font-weight: 700; background-color: #f47857; border: none; color: #fff; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all } .article-main .woocommerce button.button.alt:hover, .woocommerce button.button.alt:focus { background-color: #222 } .article-main .woocommerce .quantity .qty { padding-top: 4px; padding-bottom: 4px } .article-main .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover { background-color: #f47857 } .article-main .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 180px } .article-main .woocommerce .cart .button, .woocommerce .cart input.button { padding: 8px 15px } .article-main .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #222; border: none } .article-main .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background: #f47857 } .article-main #add_payment_method #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li { list-style-type: none } .article-main #add_payment_method #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li label { display: inline } .article-main .woocommerce a.button.alt:after { display: none } .article-main .wpzoom-featured-cat .format-video.has-post-thumbnail h3.entry-title:before, .wpzoom-featured-cat .format-gallery.has-post-thumbnail h3.entry-title:before, .wpzoom-featured-cat .format-audio.has-post-thumbnail h3.entry-title:before { display: block; -webkit-font-smoothing: antialiased; font-family: dashicons; margin: 0 0 4px; color: #fff } .article-main .wpzoom-featured-cat .format-video h3.entry-title:before { content: "236" } .article-main .wpzoom-featured-cat .format-gallery h3.entry-title:before { content: "233" } .article-main .wpzoom-featured-cat .format-audio h3.entry-title:before { content: "127" } .article-main .featured-style-style_text .format-video.has-post-thumbnail h3.entry-title:before, .featured-style-style_text .format-gallery.has-post-thumbnail h3.entry-title:before, .featured-style-style_text .format-audio.has-post-thumbnail h3.entry-title:before { display: block; position: absolute; top: -60px; left: 10px; -webkit-font-smoothing: antialiased; font-family: dashicons; margin: 0 0 4px; color: #fff } .article-main .wpzoom-featured-cat .featured-style-style_text h3.entry-title { position: relative } .article-main .entry-header { margin: 0 0 30px } .article-main .single .entry-header .post-thumb { margin: 0 0 25px } .article-main .page .site-main.full-width-page > article { float: none; max-width: 100%; width: 100% } .article-main .page h1.entry-title, .single h1.entry-title { font-size: 50px; line-height: 1.2; font-weight: 700; margin: 0 0 15px } .article-main .page .entry-info, .single .entry-info { margin-bottom: 30px } .article-main .single .entry-category { font-weight: 700; text-transform: uppercase; margin: 0 0 5px; display: block } .article-main .single .content-area .entry-meta { font-size: 16px; border-bottom: 1px solid #eee; padding: 0 0 25px; margin: 0 0 30px } .article-main .single .content-area .entry-meta span + span:before { display: none } .article-main .post-inner { overflow: hidden } .article-main .post-area { margin: 0 0 70px; padding: 0 0 70px; border-bottom: 1px solid #eee } .article-main .single .entry-content { padding-bottom: 15px; overflow: hidden } .article-main .page .entry-content p, .single .entry-content p { margin-bottom: 20px } .article-main .entry-content a { font-weight: 700; color: #f47857 } .article-main .entry-content a:hover { color: #222 } .article-main .entry-content a.wpz-sc-button { text-decoration: none; color: #fff; font-weight: 400 } .article-main .entry-content a.wpz-sc-button:hover { color: #fff } .article-main .entry-content .wpz-sc-ilink a { text-decoration: none } .article-main .entry-content .shortcode-tabs ul.tab_titles li.nav-tab a { text-decoration: none } .article-main .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-bottom: 15px; line-height: 1.4; font-weight: 700 } .article-main .entry-content .wp-block-image img, .entry-content img.alignnone, .entry-content img.aligncenter, .entry-content img.alignleft, .entry-content img.alignright, .entry-content img.attachment-fullsize { margin-bottom: 20px; max-width: 100%; height: auto } .article-main .entry-content ul:not(.wp-block-gallery), .entry-content ol { margin: 0 0 20px 15px } .article-main .entry-content li ul, .entry-content li ol { margin-bottom: 0 } .article-main .entry-content li { list-style-position: inside } .article-main .entry-content ul li { list-style-type: square } .article-main .entry-content ol li { list-style-type: decimal } .article-main .entry-content .shortcode-unorderedlist ul li, .entry-content .shortcode-unorderedlist ul li ul { list-style-type: none } .article-main .entry-content blockquote { font-size: 22px; margin: 15px 0 40px; text-align: center; font-family: playfair display, serif; position: relative } .article-main .entry-content blockquote:before, .entry-content blockquote:after { content: ""; display: block; width: 60px; height: 2px; margin: 30px auto; background: #f0f0f0 } .article-main .full-width .entry-content .alignfull { margin-left: calc(-100vw / 2 + 100% / 2); margin-right: calc(-100vw / 2 + 100% / 2) } .article-main .full-width .entry-content .alignfull, .full-width .entry-content .alignfull > img { width: 100vw; max-width: 100vw } @media only screen and (min-width: 1650px) { .full-width .entry-content .alignwide { margin-left: -125px; margin-right: -125px; max-width: 1650px; width: 1650px } } .article-main .entry-content .gallery a:hover { opacity: 0.6; transition: opacity 0.25s ease-in-out } .article-main .gallery-item { display: inline-block; max-width: 33.33%; padding: 0 1.140065% 2.28013%; text-align: center; vertical-align: top; width: 100% } .article-main .gallery-columns-1 .gallery-item { max-width: 100% } .article-main .gallery-columns-2 .gallery-item { max-width: 50% } .article-main .gallery-columns-4 .gallery-item { max-width: 25% } .article-main .gallery-columns-5 .gallery-item { max-width: 20% } .article-main .gallery-columns-6 .gallery-item { max-width: 16.66% } .article-main .gallery-columns-7 .gallery-item { max-width: 14.28% } .article-main .gallery-columns-8 .gallery-item { max-width: 12.5% } .article-main .gallery-columns-9 .gallery-item { max-width: 11.11% } .article-main .gallery-icon img { margin: 0 auto } .article-main .wp-caption-text, .gallery-caption { color: #868686; margin: 0; padding: 15px 0; text-align: center; display: block; font-style: italic; line-height: 1.4 } .article-main .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none } .article-main .entry-content .aligncenter, div.aligncenter { display: block; clear: both; margin-left: auto; margin-right: auto } .article-main .alignleft, .entry-content .alignleft { float: left; margin-right: 15px } .article-main .alignright, .entry-content .alignright { float: right; margin-left: 15px } .article-main .entry-content .wp-caption { width: auto; text-align: center } .article-main .entry-content .wp-caption img { background: 0 0; margin: 0; border: 0; max-width: 100%; width: auto; height: auto } .article-main .entry-content .wp-caption-text, .gallery-caption { color: #868686; font-size: 14px; margin: 0; padding: 15px 0; text-align: center } .article-main .entry-content .wp-caption.aligncenter { margin: 0 auto 15px } .article-main .wp-block-image > figcaption, .wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image.is-resized > figcaption { display: block; margin-top: -10px; color: #868686; text-align: center; font-style: italic } .article-main .aligncenter { text-align: center } .article-main img.wp-smiley { border: none; padding: 0 } .article-main #snippet-box { width: 100% !important; float: none !important } .article-main .related_posts { margin: 0 40px 30px 0; width: 200px; float: left } .article-main .related_posts h3 { margin: 0 0 15px; border-top: 3px solid #222; padding: 15px 0 0; font-size: 14px; font-weight: 700 } .article-main .related_posts ul li { list-style-type: none; margin: 0 0 30px; display: block } .article-main .related_posts ul li a { display: block; font-weight: 600; line-height: 1.4 } .article-main .related_posts ul li img { margin: 0 0 15px; max-width: 100%; height: auto } .article-main .related_posts span { font-size: 14px; color: #999 } .article-main h4.jp-relatedposts-post-title { margin: 10px 0 5px !important; font-weight: 700 } .article-main #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post { opacity: 1 !important } .article-main #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a { font-weight: 700 !important } .article-main #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a { text-decoration: none !important } .article-main .single div#jp-relatedposts h3.jp-relatedposts-headline, .single div.sharedaddy h3.sd-title { font-size: 16px; display: block; border-top: 1px solid #eee; padding: 20px 0 0; font-weight: 700 } .article-main .single div.sharedaddy h3.sd-title:before, .single div#jp-relatedposts h3.jp-relatedposts-headline em:before { display: none } .article-main .tags { clear: both; list-style: none; padding: 0; margin: 0 0 40px } .article-main .tags li { position: relative; float: left; list-style: none; padding: 0; margin: 0 35px 0 0 } .article-main .tags li:last-child { margin-right: 0 } .article-main .tags a { font-size: 14px; display: block; position: relative; text-decoration: none; line-height: 37px; color: #fff; background: #f47857; padding: 0 12px 0 20px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; transition: none; margin: 0 } .article-main .tags a:after { content: ""; display: block; position: absolute; top: 50%; right: -15px; background: #f47857; height: 29px; width: 29px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: -14.5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg) } .article-main .tags a:hover, .tags a:hover:after { background: #212425; color: #fff } .article-main .tags a span { position: relative; z-index: 1 } .article-main .single .post_author { padding: 30px; border-radius: 3px; background: #212425; color: #b6b6b6 } .article-main .single .author-description { overflow: hidden } .article-main .single .post_author .author-title { margin: 0 10px 14px 0; font-size: 20px; font-weight: 700; display: inline-block } .article-main .single .post_author a { color: #fff } .article-main .single .post_author a:hover { color: #f47857 } .article-main .single .post_author .author-bio { margin-bottom: 0; line-height: 1.6; font-size: 14px } .article-main .single .post_author > img { float: left; margin-right: 25px; -webkit-border-radius: 50%; border-radius: 50% } .article-main .author_links { display: inline-block } .article-main .author_links a { margin: 0 3px 0 0 } .article-main .author_links a:before { content: ""; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 20px/100% "icomoon"; vertical-align: top; margin: 0; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1 } .article-main .author_links a.author_facebook:before { content: "" } .article-main .author_links a.author_instagram:before { content: "" } .article-main .col_arch { border-bottom: 1px solid #eee; padding: 0 0 30px; margin: 0 0 30px } .article-main .col_arch ul { margin: 0 } .article-main .col_arch a { font-weight: 400; text-decoration: none; color: #222 } .article-main .col_arch a:hover { color: #f47857 } .article-main .col_arch ul li { width: 31%; float: left; margin: 0 1.5% 5px 0; list-style-type: none } .article-main .col_arch:last-child { border-bottom: none } .article-main .page-links { font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; text-align: center; border-top: 2px solid #222; border-bottom: 2px solid #eee; padding: 15px; margin: 0 0 30px; font-family: roboto condensed, sans-serif } .article-main .page-links a { font-family: roboto condensed, sans-serif; text-transform: uppercase; font-size: 16px; font-weight: 700; border: 2px solid #d2d4dc; color: #222; border-radius: 3px; transition: 0.2s ease all; clear: both; display: inline-block; width: auto; padding: 5px 13px; margin: 0 5px } .article-main .page-links a:hover { cursor: pointer; background: #212425; color: #fff; border-color: #212425 } .article-main .page-links > span { font-family: roboto condensed, sans-serif; text-transform: uppercase; font-size: 16px; font-weight: 700; border-radius: 3px; background: #212425; border: 2px solid #212425; color: #fff; clear: both; display: inline-block; width: auto; padding: 5px 12px; margin: 0 5px } .article-main #comments > h3 { position: relative; font-size: 30px; margin-bottom: 40px; font-weight: 700 } .article-main #respond > h3 { position: relative; margin-top: 80px; margin-bottom: 20px; font-size: 30px; font-weight: 700 } .article-main .comment-notes { margin-bottom: 30px; font-style: italic; color: #999 } .article-main .commentlist { list-style-type: none; padding: 0 } .article-main .commentlist li { list-style-type: none } .article-main .commentlist .children { margin: 30px 0 0 50px } .article-main .commentlist .comment { margin-bottom: 44px; padding-bottom: 32px; position: relative; border-bottom: 1px solid #eee; line-height: 1.7 } .article-main .commentlist .children li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; margin-top: 30px } .article-main .comment .avatar { float: left; border-radius: 50%; margin: 0 20px 15px 0 } .article-main .comment-author:before, .comment-author:after { content: " "; display: table } .article-main .comment-author:after { clear: both } .article-main .comment-author .fn, .comment-author .fn a { font-style: normal; font-weight: 700; font-size: 18px } .article-main .comment-author .comment-meta { margin-top: 5px } .article-main .comment-author .comment-meta, .comment-author .comment-meta a { color: #a2a2a2 } .article-main .comment-author .comment-meta a:hover { color: #333 } .article-main .comment-main { overflow: hidden } .article-main .comment-body { margin-top: 8px } .article-main #respond { margin-bottom: 85px } .article-main #respond .form_fields p { margin-bottom: 24px; width: 50% } .article-main #respond .form_fields p:first-child { padding-left: 0 } .article-main #respond label { font-weight: 400; font-size: 16px; margin-bottom: 5px } .article-main #respond input[type=text] { width: 90% } .article-main #respond textarea { width: 100%; height: 150px } .article-main #respond #submit { width: auto; padding-left: 25px; padding-right: 25px; margin-top: 12px } .article-main #respond code { white-space: pre-wrap } .article-main .form-allowed-tags { display: none } .article-main #respond .form_fields p .required_lab { margin-left: 10px; color: #a7a7b3 } .article-main .nocomments { font-style: italic; margin: 30px 0 } .article-main #respond .comment-form-cookies-consent label { display: inline; margin-left: 10px; text-transform: none; font-family: inherit; font-size: 14px } .article-main #sidebar { float: right; width: 350px; font-size: 14px; overflow: hidden } .article-main #sidebar img { max-width: 100%; height: auto } .article-main .theiaStickySidebar { max-width: 350px } .article-main #sidebar a { transition: none } .article-main .widget h3.title { margin: 0 0 25px; font-size: 18px; font-weight: 700; color: #212425 } .article-main #sidebar .widget { margin-bottom: 60px; border: 1px solid #eee; padding: 24px } .article-main .widget ul { clear: both; margin: 5px 0 } .article-main .widget ul li { list-style-type: none } .article-main .widget ul ul { margin: 0; padding: 0; border-top: none } .article-main .widget ul ul li { border: none } .article-main .side_ad { text-align: center; margin: 0 0 10px } .article-main .widget .cats a { font-weight: 400 } .article-main .widget_categories ul li { color: #8b8a8a; text-align: right; font-weight: 400; padding: 2px 0; clear: both } .article-main .widget_categories ul li li { padding-left: 10px } .article-main .widget_categories ul li a { text-align: left; float: left; font-weight: 400 } .article-main .widget .feature-posts-list br { display: none } .article-main .widget .feature-posts-list img { margin: 0 15px 0 0; float: left } .article-main .widget .feature-posts-list small { font-size: 14px; color: #666; margin: 0 0 5px; display: block } .article-main .widget .feature-posts-list .post-excerpt { display: block; overflow: hidden } .article-main .widget .feature-posts-list li { margin: 0 0 25px } .article-main .widget .feature-posts-list li:last-child { margin: 0; border: none; padding: 0 } .article-main .widget .feature-posts-list li h3 { line-height: 1.3; font-size: 16px; margin: 0 0 5px } .article-main .widget .feature-posts-list li a { font-weight: 700 } .article-main .zoom-twitter-widget__item a { font-weight: 400 } .article-main .zoom-twitter-widget__item-timestamp { display: block; font-size: 14px; font-style: normal; margin: 5px 0 10px } .article-main .popular-news .comments { display: block; font-size: 14px; color: #666 } .article-main .popular-news li { margin: 0 0 15px } .article-main .popular-news li a { font-weight: 700 } .article-main .widget_tag_cloud div a { padding: 0 3px } .article-main #wp-calendar { width: 100% } .article-main #wp-calendar caption { text-align: right; font-weight: 700; font-size: 12px; margin-top: 10px; margin-bottom: 15px } .article-main #wp-calendar thead { font-size: 10px } .article-main #wp-calendar thead th { padding-bottom: 10px } .article-main #wp-calendar tbody { color: #aaa } .article-main #wp-calendar tbody td { background: #efeeee; text-align: center; padding: 8px } .article-main #wp-calendar tbody td:hover { background: #e8e8e8 } .article-main #wp-calendar tbody .pad { background: 0 0 } .article-main #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right } .article-main #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px } .article-main .tabberlive .tabbertabhide { display: none } .article-main #sidebar .widget.tabbertabs { padding: 0; border-radius: 3px; border: 2px solid #eee } .article-main .widget .tabbertab { padding: 20px } .article-main .widget .tabbernav { margin: 0; background: #eee } .article-main .widget .tabbernav li { display: inline-block; color: #8d8d8d } .article-main .widget .tabbernav li a { display: inline-block; position: relative; margin: 0; padding: 12px 20px; line-height: 1.1; font-weight: 700; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; color: #aaa; text-decoration: none; font-family: roboto condensed } .article-main .widget .tabbernav li a:hover { color: #f47857 } .article-main .widget .tabbernav .tabberactive a { color: #212425; background: #fff; border-radius: 3px 3px 0 0 } .article-main .widget .tabbertab .widgettitle { display: none } .article-main #sidebar .widget.widget_awesomeweatherwidget { padding: 0; border: none } .article-main .awesome-weather-wrap { text-shadow: none !important; font-size: 16px; font-weight: 400 } .article-main .jetpack_subscription_widget { background: #f6f6f4 !important; color: #666 } .article-main #subscribe-email input { padding: 8px 12px !important; width: 100% !important } .article-main #subscribe-submit input { width: 100% !important } .article-main .site-footer { font-size: 16px; background: #f6f6f4; margin-top: 45px; border-top: 1px solid #e8e8df; color: #666 } .article-main .home .site-footer { margin-top: 0 } .article-main .footer-widgets { padding: 40px 0 0; border-bottom: 1px solid #e8e8df } .article-main .footer-widgets:before, .footer-widgets:after { content: " "; display: table } .article-main .footer-widgets:after { clear: both } .article-main .footer-widgets .column { float: left } .article-main .footer-widgets.widget-columns-4 .column { width: 23%; margin-right: 2.6666% } .article-main .footer-widgets.widget-columns-3 .column { width: 31%; margin-right: 3.5% } .article-main .footer-widgets.widget-columns-2 .column { width: 48%; margin-right: 4% } .article-main .footer-widgets.widget-columns-1 .column { width: 100% } .article-main .footer-widgets.widget-columns-2 .column:nth-child(2n+2), .footer-widgets.widget-columns-3 .column:nth-child(3n+3), .footer-widgets.widget-columns-4 .column:nth-child(4n+4) { margin-right: 0 } .article-main .footer-widgets .widget { margin-bottom: 40px } .article-main .footer-widgets .widget h3.title { margin: 0 0 20px; font-size: 22px } .article-main .site-info-top { border-bottom: 1px solid #e8e8df; padding: 30px 0; background: #212425; text-align: center } .article-main .site-info-top a { color: #fff } .article-main .site-info-top a:hover { color: #f47857 } .article-main .site-info-top .navbar-brand { margin: 0; float: none } .article-main .site-info-top .navbar-brand h2 { font-size: 34px; font-weight: 700 } .article-main .footer-menu { margin: 20px 0 0 } .article-main .footer-menu ul { list-style: none } .article-main .footer-menu ul li { display: inline; margin-right: 15px; font-size: 14px; font-weight: 600 } .article-main .footer-menu ul li:last-child { margin-right: 0 } .article-main .site-info { padding: 30px 0; background: #f6f6f4; font-size: 14px; text-align: center } .article-main .site-info p { margin: 0 0 10px } .article-main .site-info a { font-weight: 700 } .article-main .site-info:before, .site-info:after { content: " "; display: table } .article-main .site-info:after { clear: both } .article-main .mm-hidden { display: none !important } .article-main .mm-wrapper { overflow-x: hidden; position: relative } .article-main .mm-menu, .mm-menu > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0 } .article-main .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0 } .article-main .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .article-main .mm-panel.mm-opened { -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) } .article-main .mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0) } .article-main .mm-panel.mm-highest { z-index: 1 } .article-main .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px } .article-main .mm-menu > .mm-panel.mm-hasheader { padding-top: 40px } .article-main .mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after { content: ""; display: block; height: 20px } .article-main .mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important } .article-main .mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px } .article-main .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent } .article-main .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block } .article-main .mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next { height: 40px; bottom: auto } .article-main .mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after { top: 16px; bottom: auto } .article-main .mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .article-main .mm-header { border-bottom: 1px solid transparent; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0 } .article-main .mm-header > a { text-decoration: none; display: block; padding: 10px 0 } .article-main .mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .article-main .mm-header .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1 } .article-main .mm-header .mm-btn:first-child { padding-left: 20px; left: 0 } .article-main .mm-header .mm-btn:last-child { padding-right: 20px; right: 0 } .article-main .mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0 } .article-main .mm-listview { font: inherit; font-size: 14px } .article-main .mm-listview a, .mm-listview a:hover { text-decoration: none } .article-main .mm-listview > li { position: relative } .article-main .mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 0; margin: 0 } .article-main .mm-listview > li:not(.mm-divider):after { content: ""; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0 } .article-main .mm-listview > li:not(.mm-divider):after { left: 20px } .article-main .mm-listview .mm-next { background: transparent; width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2 } .article-main .mm-listview .mm-next:before { content: ""; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0 } .article-main .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px } .article-main .mm-listview .mm-next.mm-fullsubopen { width: 100% } .article-main .mm-listview .mm-next.mm-fullsubopen:before { border-left: none } .article-main .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0 } .article-main .mm-menu > .mm-panel > .mm-listview { margin-left: -20px; margin-right: -20px } .article-main .mm-menu > .mm-panel > .mm-listview.mm-first { margin-top: -20px } .article-main .mm-menu > .mm-panel > .mm-listview.mm-last { padding-bottom: 20px } .article-main .mm-prev:before, .mm-next:after { content: ""; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } .article-main .mm-prev:before { border-right: none; border-bottom: none; left: 20px } .article-main .mm-next:after { border-top: none; border-left: none; right: 20px } .article-main .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px } .article-main .mm-listview > li.mm-spacer { padding-top: 40px } .article-main .mm-listview > li.mm-spacer > .mm-next { top: 40px } .article-main .mm-listview > li.mm-spacer.mm-divider { padding-top: 25px } .article-main .mm-menu { background: #f3f3f3; color: rgba(0, 0, 0, 0.7) } .article-main .mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.1) } .article-main .mm-menu .mm-header > a { color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu .mm-header .mm-btn:before, .mm-menu .mm-header .mm-btn:after { border-color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1) } .article-main .mm-menu .mm-listview > li > a.mm-prev, .mm-menu .mm-listview > li > a.mm-next { color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu .mm-listview > li > a.mm-prev:before, .mm-menu .mm-listview > li > a.mm-next:after { border-color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu .mm-listview > li > a.mm-prev:after, .mm-menu .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.1) } .article-main .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5) } .article-main .mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05) } .article-main .mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05) } .article-main .mm-page { box-sizing: border-box; position: relative } .article-main .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease } .article-main html.mm-opened { overflow: hidden; position: relative } .article-main html.mm-opened body { overflow: hidden } .article-main html.mm-opened .mm-page { min-height: 100vh } .article-main html.mm-background .mm-page { background: inherit } .article-main #mm-blocker { background: transparent; display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999 } .article-main html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block } .article-main .mm-menu.mm-offcanvas { display: none; position: fixed } .article-main .mm-menu.mm-current { display: block } .article-main .mm-menu { width: 80%; min-width: 140px; max-width: 440px } .article-main html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0) } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0) } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0) } } .article-main menu.mm-measureheight > .mm-panel { bottom: auto !important; height: auto !important } .article-main html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s } .article-main .mm-menu.mm-border-none .mm-listview > li:after, .mm-listview.mm-border-none > li:after { content: none } .article-main .mm-menu.mm-border-full .mm-listview > li:after, .mm-listview.mm-border-full > li:after { left: 0 !important } .article-main .mm-menu.mm-pageshadow:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99 } .article-main .mm-menu.mm-pageshadow.mm-right:after { left: auto; right: 100% } .article-main .mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after { content: none; display: none } .article-main .mm-menu.mm-pageshadow:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) } .article-main .mm-menu.mm-theme-dark { background: #333; color: rgba(255, 255, 255, 0.8) } .article-main .mm-menu.mm-theme-dark .mm-header { border-color: rgba(0, 0, 0, 0.15) } .article-main .mm-menu.mm-theme-dark .mm-header > a { color: rgba(255, 255, 255, 0.4) } .article-main .mm-menu.mm-theme-dark .mm-header .mm-btn:before, .mm-menu.mm-theme-dark .mm-header .mm-btn:after { border-color: rgba(255, 255, 255, 0.4) } .article-main .mm-menu.mm-theme-dark .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.15) } .article-main .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next { color: rgba(255, 255, 255, 0.4) } .article-main .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:after { border-color: rgba(255, 255, 255, 0.4) } .article-main .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.15) } .article-main .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.1) } .article-main .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.05) } .article-main .mm-menu.mm-theme-dark .mm-divider { background: rgba(255, 255, 255, 0.05) } .article-main .mm-menu.mm-theme-dark .mm-buttonbar { border-color: rgba(255, 255, 255, 0.8); background: #333 } .article-main .mm-menu.mm-theme-dark .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.8) } .article-main .mm-menu.mm-theme-dark .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.8); color: #333 } .article-main .mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, 0.8) } .article-main .mm-menu.mm-theme-dark em.mm-counter { color: rgba(255, 255, 255, 0.4) } .article-main .mm-menu.mm-theme-dark .mm-footer { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.4) } .article-main .mm-menu.mm-theme-dark .mm-fixeddivider span { background: rgba(255, 255, 255, 0.05) } .article-main .mm-menu.mm-pageshadow.mm-theme-dark:after { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) } .article-main .mm-menu.mm-theme-dark .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8) } .article-main .mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4) } .article-main .mm-menu.mm-theme-dark .mm-indexer a { color: rgba(255, 255, 255, 0.4) } .article-main .mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0, 0, 0, 0.15) } .article-main .mm-menu.mm-theme-dark label.mm-toggle:before { background: #333 } .article-main .mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 } .article-main .mm-menu.mm-theme-white { background: #fff; color: rgba(0, 0, 0, 0.6) } .article-main .mm-menu.mm-theme-white .mm-header { border-color: rgba(0, 0, 0, 0.1) } .article-main .mm-menu.mm-theme-white .mm-header > a { color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu.mm-theme-white .mm-header .mm-btn:before, .mm-menu.mm-theme-white .mm-header .mm-btn:after { border-color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu.mm-theme-white .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1) } .article-main .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next { color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:after { border-color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.1) } .article-main .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.05) } .article-main .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.03) } .article-main .mm-menu.mm-theme-white .mm-divider { background: rgba(0, 0, 0, 0.03) } .article-main .mm-menu.mm-theme-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: #fff } .article-main .mm-menu.mm-theme-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6) } .article-main .mm-menu.mm-theme-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: #fff } .article-main .mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6) } .article-main .mm-menu.mm-theme-white em.mm-counter { color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu.mm-theme-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu.mm-theme-white .mm-fixeddivider span { background: rgba(0, 0, 0, 0.03) } .article-main .mm-menu.mm-pageshadow.mm-theme-white:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) } .article-main .mm-menu.mm-theme-white .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.6) } .article-main .mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu.mm-theme-white .mm-indexer a { color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu.mm-theme-white label.mm-toggle { background: rgba(0, 0, 0, 0.1) } .article-main .mm-menu.mm-theme-white label.mm-toggle:before { background: #fff } .article-main .mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 } .article-main .mm-listview { font-size: 16px } .article-main .mm-menu > .mm-panel { padding: 20px 40px }