/* Minification failed. Returning unminified contents. (8245,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@extend' */ /* Table of Contents I. Generic -------------------------------------- 01. Reset ------------------------------------ 02. Base ------------------------------------- Mobile ----------------------------------- 03. Fonts ------------------------------------ 04. Helpers ---------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Disabled --------------------------------- Grid ------------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Responsive Helpers ----------------------- II. Regions -------------------------------------- 01. Container -------------------------------- 02. Content ---------------------------------- 03. Footer ----------------------------------- Footer Connect --------------------------- Footer Download -------------------------- Footer Nav ------------------------------- Footer Nav Secondary --------------------- Footer Actions --------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 04. Header ----------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 05. Main ------------------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 06. Shell ------------------------------------ Mobile ----------------------------------- 07. Sidebar ---------------------------------- 08. Wrapper ---------------------------------- Mobile ----------------------------------- III. Modules -------------------------------------- 01. Article News ----------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 02. Author ----------------------------------- Mobile ----------------------------------- 03. Banner ----------------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 04. Button ----------------------------------- Btn Grey --------------------------------- Btn Red ---------------------------------- Btn Live --------------------------------- Btn How ---------------------------------- Btn Facebook/Twitter --------------------- Mobile ----------------------------------- Btn Tweet -------------------------------- Btn Close -------------------------------- Btn White -------------------------------- Mobile ----------------------------------- 05. Celebrity -------------------------------- 06. Celebrity Single ------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 07. Chapter ---------------------------------- Mobile ----------------------------------- 08. Coverflow -------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 09. Device ----------------------------------- 10. Form Elements ---------------------------- 11. Radio Poll ------------------------------- Mobile ----------------------------------- 12. Checkbox Circle -------------------------- Mobile ----------------------------------- 13. Checkbox Square -------------------------- 14. Checkbox Large --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 15. Custom Select ---------------------------- 16. Custom File Upload ----------------------- 17. Form ------------------------------------- Tablet Portrait -------------------------- 18. Form Subscribe --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 19. Form Adv --------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 20. Form Apply ------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 21. Form Contact ----------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 22. Form Login ------------------------------- Form Login Secondary --------------------- Mobile ----------------------------------- 23. Form Register ---------------------------- Mobile ----------------------------------- 24. Form Profile ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 25. Form Create Account ---------------------- Mobile ----------------------------------- 26. Form Search Global ----------------------- Mobile ----------------------------------- 27. Form Tweet Comment ----------------------- 28. Grid ------------------------------------- Sizes ------------------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 29. Hightlights ------------------------------ Mobile ----------------------------------- 30. Intro ------------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 31. Intro Corporate About -------------------- Mobile ----------------------------------- 32. Intro Corporate Careers ------------------ Mobile ----------------------------------- 33. Intro Corporate Production --------------- Mobile ----------------------------------- 34. Intro Corporate Contact ------------------ Mobile ----------------------------------- 35. Intro Corporate Watch -------------------- 36. Intro Program ---------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 37. Intro Program Gallery Inner -------------- Mobile ----------------------------------- 38. List ------------------------------------- 39. List Posts ------------------------------- Mobile ----------------------------------- 40. List News -------------------------------- 41. List News Primary ------------------------ Mobile ----------------------------------- 42. List Letters ----------------------------- 43. List Watched Programs -------------------- Mobile ----------------------------------- 44. List Watched Videos ---------------------- Mobile ----------------------------------- 45. List Playlists --------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 46. List Interests --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 47. List Tags -------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 48. List Articles ---------------------------- Small Desktop ---------------------------- 49. List Authors ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 50. List Vote -------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 51. List Shows ------------------------------- Mobile ----------------------------------- 52. List Share ------------------------------- 53. List Actions ----------------------------- Mobile ----------------------------------- 54. List Arrows ------------------------------ Mobile ----------------------------------- 55. List Trending ---------------------------- 56. List Simple ------------------------------ 57. List Programs ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 58. List Videos ------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 59. List Celebrities ------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 60. List Flags ------------------------------- 61. List Schedule ---------------------------- 62. Logo ------------------------------------- 63. Masonry ---------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 64. Nav Primary ------------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- 65. Nav Dropdown ----------------------------- Small Desktop ---------------------------- 66. Nav Dropdown Programs -------------------- Tablet Portrait -------------------------- 67. Nav Secondary ---------------------------- Mobile ----------------------------------- 68. Nav Tertiary ----------------------------- Tablet Portrait -------------------------- 69. Nav Quaternary --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 70. Nav Utilities ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 71. Nav Filter ------------------------------- 72. Nav Mobile ------------------------------- Mobile ----------------------------------- 73. News Simple List ------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 74. No Touch --------------------------------- 75. Page Title ------------------------------- 76. Poll ------------------------------------- 77. Popup ------------------------------------ 78. Popup Create Account --------------------- Mobile ----------------------------------- 79. Post Featured ---------------------------- Post Featured News ----------------------- Post Featured Video ---------------------- Post Featured Gallery -------------------- Post Featured Politics ------------------- Mobile ----------------------------------- 80. Post ------------------------------------- Mobile ----------------------------------- 81. Post Secondary --------------------------- 82. Post Tertiary ---------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 83. Post Inline ------------------------------ Mobile ----------------------------------- 84. Post Twitter ----------------------------- Mobile ----------------------------------- 85. Post Scores ------------------------------ Mobile ----------------------------------- 86. Program Small ---------------------------- Mobile ----------------------------------- 87. Program Medium --------------------------- Mobile ----------------------------------- 88. Progress --------------------------------- 89. Progress Large --------------------------- 90. Schedule --------------------------------- Mobile ----------------------------------- 91. Score ------------------------------------ 92. Scrollable ------------------------------- Mobile ----------------------------------- 93. Search Simple ---------------------------- Mobile ----------------------------------- 94. Search ---------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 95. Search Small ----------------------------- 96. Section ---------------------------------- 97. Section Intro ---------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 98. Section Hashtag -------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 99. Section Banner --------------------------- 100. Section Expandable ---------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 101. Section Updates ------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 102. Section Newscast ------------------------ Nescast Secondary ------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 103. Section Poll ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 104. Section Feed ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 105. Section Programs Feed ------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 106. Section About --------------------------- Mobile ----------------------------------- 107. Section About Primary ------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 108. Section About Secondary ----------------- Small Desktop ---------------------------- Mobile ----------------------------------- 109. Section About Tertiary ------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 110. Section About Quote --------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 111. Section Values -------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 112. Section Production ---------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 113. Section Adv ----------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 114. Section Careers ------------------------- Mobile ----------------------------------- 115. Section Apply --------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 116. Section Contact ------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 117. Section Login Primary ------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 118. Section My Account ---------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 119. Section Interests ----------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 120. Section Profile ------------------------- 121. Section 404 ----------------------------- Mobile ----------------------------------- 122. Section Watch --------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 123. Section Ticker -------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 124. Section Local News ---------------------- Mobile ----------------------------------- 125. Section Updates Politics ---------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 126. Section Tweets -------------------------- Mobile ----------------------------------- 127. Section Newscast Reports ---------------- Mobile ----------------------------------- 128. Section Other Sources ------------------- Mobile ----------------------------------- 129. Section Timeline Feed ------------------- Mobile ----------------------------------- 130. Section News List ----------------------- Mobile ----------------------------------- 131. Section Local Stars --------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 132. Section Updates Politics Alt ------------ 133. Section Stars Slider -------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 134. Section News Article -------------------- Primary ---------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 135. Section Related Articles ---------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 136. Section News Gallery -------------------- Mobile ----------------------------------- 137. Section Gallery ------------------------- 138. Section Authors ------------------------- Mobile ----------------------------------- 139. Section Updates Authors ----------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 140. Section Author Single ------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 141. Section Voting ------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 142. Section Polls --------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 143. Section Secondary ----------------------- 144. Section Vote ---------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 145. Section Watch Live ---------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 146. Section Bg ------------------------------ 147. Section Weather ------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 148. Section Program Grid -------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 149. Section Progams ------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 150. Section Programs Replay ----------------- Mobile ----------------------------------- 151. Section Programs All -------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 152. Section Video Main ---------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 153. Section Video List ---------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 154. Section Related Media ------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 155. Section Program Landing ----------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 156. Section Latest -------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 157. Section Latest Featured ----------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 158. Section Latest Twitter ------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 159. Section Latest Facebook ----------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 160. Section Latest Instagram ---------------- Mobile ----------------------------------- 161. Section Programs Videos ----------------- Small Desktop ---------------------------- Mobile ----------------------------------- 162. Section Programs News ------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 163. Section Episodes ------------------------ Mobile ----------------------------------- 164. Section Celebrities --------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 165. Section Celebrity Vote ------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 166. Section Celebs Details ------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 167. Section Gallery Alt --------------------- Mobile ----------------------------------- 168. Section Programs Gallery ---------------- Mobile ----------------------------------- 169. Section Programs About ------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 170. Section Schedule ------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 171. Section Featured Week ------------------- Small Desktop ---------------------------- 172. Section Selection ----------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 173. Slider ---------------------------------- 174. Slider Ticker --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 175. Slider Stars ---------------------------- Mobile ----------------------------------- 176. Slider News Gallery --------------------- Mobile ----------------------------------- 177. Slider Sms ------------------------------ Mobile ----------------------------------- 178. Slider Programs Gallery ----------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 179. Slider Gallery Thumbs ------------------- 180. Socials --------------------------------- Mobile ----------------------------------- 181. Socials Circle -------------------------- 182. Table Simple ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 183. Tabs ------------------------------------ Mobile ----------------------------------- 184. Tabs Simple ----------------------------- 185. Tabs Favorites -------------------------- Mobile ----------------------------------- 186. Tabs Dropdown --------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- 187. Tabs News List -------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 188. Tabs Newscast --------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 189. Timeline -------------------------------- Mobile ----------------------------------- 190. Timeline Careers ------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 191. Timeline Watch -------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 192. Touch ----------------------------------- 193. Video ----------------------------------- Video Small ------------------------------ Video Medium ----------------------------- Video No Ratio --------------------------- 194. Video Large ----------------------------- Mobile ----------------------------------- 195. Video Detailed -------------------------- Mobile ----------------------------------- 196. Vote ------------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 197. Vote Item ------------------------------- Mobile ----------------------------------- 198. Vote Country ---------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 199. Widget ---------------------------------- 200. Widget Posts ---------------------------- 201. Widget Text ----------------------------- 202. Widget Tweet Comment -------------------- Mobile ----------------------------------- IV. Themes --------------------------------------- 01. jQuery UI Datepicker --------------------- 02. Theme Magnific --------------------------- 03. UI --------------------------------------- Mobile ----------------------------------- */ .ico-btn-app-store { background-image: url(../images/sprite.png); background-position: 0 0; width: 130px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-btn-google-play { background-image: url(../images/sprite.png); background-position: 0 -44px; width: 130px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-globe-large { background-image: url(../images/sprite.png); background-position: -134px 0; width: 60px; height: 62px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sattelite-large { background-image: url(../images/sprite.png); background-position: 0 -88px; width: 50px; height: 61px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sattelite { background-image: url(../images/sprite.png); background-position: -54px -88px; width: 11px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-weather-blue { background-image: url(../images/sprite.png); background-position: -134px -66px; width: 21px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-weather { background-image: url(../images/sprite.png); background-position: -159px -66px; width: 21px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ico-btn-app-store { background-image: url(../images/sprite.@2x.png); background-position: 0 0; background-size: 192px 145px; width: 130px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-btn-google-play { background-image: url(../images/sprite.@2x.png); background-position: 0 -42px; background-size: 192px 145px; width: 130px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-globe-large { background-image: url(../images/sprite.@2x.png); background-position: -132px 0; background-size: 192px 145px; width: 60px; height: 62px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sattelite-large { background-image: url(../images/sprite.@2x.png); background-position: 0 -84px; background-size: 192px 145px; width: 50px; height: 61px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sattelite { background-image: url(../images/sprite.@2x.png); background-position: -179px -64px; background-size: 192px 145px; width: 11px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-weather-blue { background-image: url(../images/sprite.@2x.png); background-position: -132px -64px; background-size: 192px 145px; width: 21.5px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-weather { background-image: url(../images/sprite.@2x.png); background-position: -155.5px -64px; background-size: 192px 145px; width: 21.5px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } } .cols:after, .header .shell:after, .header .header-videos ul:after, .celebrity-single:after, .form-adv .form-row:after, .form-apply .form-row:after, .form-contact .form-row:after, .form-profile .form-row:after, .form-profile form:after, .list-interests:after, .list-videos:after, .list-celebrities:after, .section-expandable .section-inner:after, .section-about-secondary .shell:after, .section-apply .section-inner:after, .section-author-single .section-inner:after, .section-polls .section-filters:after, .section-watch-live .section-foot:after, .section-watch-live .section-bar .shell:after, .section-program-grid .section-foot:after, .section-program-grid .section-bar .shell:after, .section-program-landing .section-inner:after, .section-program-landing .section-foot:after, .section-celebrity-vote .section-body:after, .section-programs-about .section-body:after, .section-schedule .section-foot:after, .section-schedule .section-bar .shell:after, .section-schedule .section-group:after, .section-selection .section-body ul:after, .tabs-dropdown:after { content: ''; line-height: 0; display: table; clear: both; } /* ------------------------------------------------------------ *\ I. Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ *, *:before, *:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } html { tap-highlight-color: rgba(0,0,0,0); } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } img, iframe, video, audio, object { max-width: 100%; } img, iframe { border: 0 none; } img { height: auto; display: inline-block; vertical-align: middle; } b, strong { font-weight: bold; } address { font-style: normal; } svg:not(:root) { overflow: hidden; } a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], input[type="image"], label[for] { cursor: pointer; } a[href^="tel"], button[disabled], input[disabled], textarea[disabled], select[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } button, select { text-transform: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } nav ul, nav ol { list-style: none outside none; } .inline-block {display:inline-block;} [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {display: none !important;} .spacer {width: 100%;height:80px;} /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ body, html { height: 100%; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { body, html { position: relative; } .is_stuck { z-index: 100; } } body.no-scroll, html.no-scroll { overflow: hidden; } body { min-width: 320px; background: #fff; font-family: 'Roboto', 'TheSans', sans-serif; font-size: 15px; line-height: 1.3; color: #333; -webkit-overflow-scrolling: touch; } a { color: inherit; text-decoration: underline; } a:hover { text-decoration: none; } a[href^="tel"] { text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.65em; } p, ul, ol, dl, table, blockquote { margin-bottom: 1.3em; } h5 { font-size: 16px; } h1[class], h2[class], h3[class], h4[class], h5[class], h6[class], h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child { margin-bottom: 0; } .sticky-title { display: none; } .ltr{direction:ltr;} .programSite{background:#161836;} /* Mobile */ @media (max-width: 767px) { .sticky-title { display: block; width: 100%; position: fixed; left: 0; top: 45px; z-index: 999; text-align: center; padding: 5px 15px; font-weight: 700; font-size: 20px; text-transform: uppercase; color: #333; opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility .4s ease; background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0, .1); } .sticky-title.fade { opacity: 1; visibility: visible; } } /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family: 'TheSans'; src: url('../fonts/TheSans-Plain.eot'); src: local('☺'), url('../fonts/TheSans-Plain.woff') format('woff'), url('../fonts/TheSans-Plain.ttf') format('truetype'), url('../fonts/TheSans-Plain.svg') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'TheSans'; src: url('../fonts/TheSans-Bold.eot'); src: local('☺'), url('../fonts/TheSans-Bold.woff') format('woff'), url('../fonts/TheSans-Bold.ttf') format('truetype'), url('../fonts/TheSans-Bold.svg') format('svg'); font-weight: 700; font-style: normal; } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ /* Clear */ .clear:after { content: ''; line-height: 0; display: table; clear: both; } /* Notext */ .notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; } .notext-old { font-size: 0; line-height: 0; text-indent: -4000px; } /* Hidden */ [hidden], .hidden { display: none; } .visibility-hidden {visibility:hidden;} .visibility-visible {visibility:visible;} /* Alignleft */ .alignleft { float: left; } /* Alignright */ .alignright { float: right; } /*TextAlignCenter*/ .align-center{text-align:center;} /* Disabled */ [disabled], .disabled { cursor: default; } /* Grid */ .cols { margin: 0 -15px; } .cols:after { } .col { float: left; width: 100%; padding: 0 15px; } .col-std { float: left; } .col-1of2 { width: 50%; } .col-1of3 { width: 33.3333%; } .col-1of5 { width: 20%; } .col-size1 { /*width: 26.2%;*/width:26.7%; } .col-size2 { width: 46.6%; padding: 0 17px 0 18px; } .col-size3 { width: 28.3%; padding: 0 10px; } .col-size4 { width: 43.5%; padding: 0 21px 0 10px; } .col-size5 { width: 29%; padding: 0 10px 0 21px; } .col-size6 { width: 68.4%; } .col-size7 { width: 25%; margin-left: 5%; } .col-size8 { width: 38.4%; } .col-size9 { width: 56.8%; margin-left: 3.7%; } .col-size10 { width: 25.3%; } .col-size11 { width: 45.5%; } .col-size11.centered { float: none; margin-left: auto !important; margin-right: auto !important; } .col-size12 { width: 48.6%; padding: 0 7px; } .col-size13 { width: 22.9%; } .col-size14 { width: 54.2%; } .col-size15 { width: 15.4%; } .col-size16 { width: 51.6%; } .col-size17 { width: 33%; } .col-centered { float: none !important; margin-left: auto !important; margin-right: auto !important; } .display-flex{display:flex;} /* Small Desktop */ @media (max-width: 1279px) { .col-size8 { width: 42%; } .col-size9 { width: 56%; margin-left: 2%; } } /* Tablet Portrait */ @media (max-width: 1023px) { .col-size1 { width: auto; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .col-size2 { width: auto; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .col-size3, .col-size5 { width: auto; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 10px; } .col-size4 { width: auto; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0 10px; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-bottom: 40px; } .col-size6, .col-size7 { width: 100%; } .col-size7 { margin-top: 40px; margin-left: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .col-size13 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .col-size14 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .col-size15, .col-size17 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .col-size16 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-bottom: 30px; } } /* Mobile */ @media (max-width: 767px) { .col-size2 { padding: 0 15px; } .col-size3, .col-size5 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .col-size9 { margin-left: 0; } .col-size7 { display: block; } .col-size17 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } } /* Responsive Helpers */ .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .hidden-xs { display: none !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 1023px) { .hidden-sm { display: none !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1024px) and (max-width: 1279px) { .hidden-md { display: none !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1280px) { .hidden-lg { display: none !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } } /* ------------------------------------------------------------ *\ Video \* ------------------------------------------------------------ */ .video-with-image {} .video-with-image .video-image {} .video-with-image iframe{display:none;} /* ------------------------------------------------------------ *\ II. Regions \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ .container {} /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ .content {} /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { background-color: #d9d9d9; } .footer .shell { max-width: 905px; } .footer h6 { font-weight: 700; font-size: 13px; color: #202020; letter-spacing: .03em; text-transform: uppercase; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #c3c3c3; } .footer .footer-col-size2 h6 { padding-left: 8px; margin-bottom: 18px; } .footer h6.alt { padding-bottom: 5px; margin: 17px 0 8px; font-weight: 400; font-size: 12px; color: #222222; text-transform: none; } .footer h6.alt ~ h6.alt { margin: 12px 0 7px; padding-bottom: 10px; } .footer h6.alt + ul a { opacity: .7; } .footer .cols { margin: 0; } .footer .cols ~ .cols { margin-top: 63px; } .footer .footer-bar { background-color: #1b2352; border-bottom: 2px solid #ca0000; padding: 16px 0; color: #fff; } .footer .footer-inner { border-top: 1px solid rgba(255, 255, 255, .2); box-shadow: inset 0 4px 6px rgba(0,0,0, .1); padding: 32px 0; } .footer .footer-inner .shell { padding: 0 15px 0 6px; position: relative; left: 40px;max-width:904px; } .footer-col { float: left; } .footer-col-size1 { width: 566px; } .footer-col-size2 { width: 276px; margin-left: 41px; } .footer-col-size3 { width: 221px; } .footer-col-size4 { width: 135px; } .footer-col-size4 ~ .footer-col-size4 { margin-left: 69px; } .footer-col-size5 { width: 278px; margin-left: 43px; } /* Footer Connect */ .footer-connect ul { list-style: none; margin: 0; padding: 0; } .footer-connect ul li { display: inline-block; vertical-align: middle; } .footer-connect ul li ~ li { margin-left: 10px; } .footer-connect ul ~ ul { margin-top: 10px; } .footer-connect ul a { display: inline-block; vertical-align: middle; text-decoration: none; } .footer-connect ul a > span { display: inline-block; vertical-align: middle; width: 100px; font-size: 12px; color: #222222; text-decoration: underline; } .footer-connect ul a .fa { font-size: 18px; color: #222222; display: inline-block; vertical-align: middle; margin-right: 10px; } .footer-connect ul iframe, .footer-connect ul .fb_iframe_widget { display: inline-block; vertical-align: middle; } .footer-connect .fa-facebook{color:#3b5998 !important;} .footer-connect .fa-twitter{color:#1dcaff !important;} /* Footer Download */ .footer-download .footer-download-body { font-size: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .footer-download .footer-download-body .btn { transition: opacity .4s ease; } .footer-download .footer-download-body .btn:hover { opacity: .8; } /* Footer Nav */ .footer-nav { margin-left: -3px; margin-top: 3px; } .footer-nav ul { list-style: none; margin: 0; padding: 0; } .footer-nav ul li ~ li { margin-top: 25px; } .footer-nav ul a { display: block; text-decoration: none; font-weight: 700; font-size: 13px; color: #202020; text-transform: uppercase; position: relative; padding-left: 18px; transition: color .4s ease; } .footer-nav ul a:hover { color: #d22e2e; } .footer-nav ul a:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #d22e2e; position: absolute; left: 0; top: 50%; margin-top: -4px; } /* Footer Nav Secondary */ .footer-nav-secondary h6 { padding-bottom: 7px; margin-bottom: 10px; border-bottom-color: #bbb; } .footer-nav-secondary ul { list-style: none; margin: 0; } .footer-nav-secondary ul a { display: block; text-decoration: none; font-size: 12px; color: #222222; line-height: 1.8; transition: color .4s ease; } .footer-nav-secondary ul a:hover { color: #d22d2d; } /* Footer Actions */ .footer-actions { padding-top: 2px; padding-left: 3px; } .footer-actions ul { list-style: none; } .footer-actions ul li { margin-bottom: 10px; } .footer-actions .credits, .footer-actions .copyright { font-size: 12px; color: #868686; line-height: .9; } .footer-actions .credits span, .footer-actions .copyright span { font-size: 15px; } .footer-actions .copyright { margin: 40px 0 10px 10px; } .footer-actions .credits { margin: 0 0 0 10px; } .footer-actions .credits a { text-decoration: none; } /* Small Desktop */ @media (max-width: 1279px) { .footer .footer-inner { padding: 30px 0; } .footer .footer-inner .shell { left: 0; padding: 0 10px; } .footer-col-size2 { width: 160px; margin-left: 20px; } .footer-col-size3, .footer-col-size4 { width: 160px; } .footer-col-size4 ~ .footer-col-size4 { margin-left: 30px; } .footer-col-size5 { margin-left: 30px; width: 200px; } .footer-download .footer-download-body { display: block; text-align: left; } .footer-download .footer-download-body .btn { display: block; } .footer-download .footer-download-body .btn ~ .btn { margin-top: 10px; } .footer-actions .copyright, .footer-actions .credits { margin-left: 0; } .footer-connect ul li ~ li { margin-left: 23px; } } /* Mobile */ @media (max-width: 767px) { .footer .footer-bar { padding: 20px 0 40px; } .footer .footer-inner .shell { padding: 0 15px; } .footer-col-size1, .footer-col-size3, .footer-col-size4 { display: none; } .footer-col-size2 { width: 100%; margin-left: 0; } .footer .footer-col-size2 h6 { padding-left: 0; } .footer-download .footer-download-body { display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #c3c3c3; padding-bottom: 15px; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .footer-download .footer-download-body .btn ~ .btn { margin-top: 0; margin-left: 15px; } .footer .cols ~ .cols { margin-top: 20px; } .footer-col-size5 { width: 100%; margin: 0; } .footer-actions { padding-left: 0; } .footer-actions .copyright { margin: 30px 0 10px 0; } .footer-actions ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; margin-bottom: 10px; } .footer-actions ul li ~ li { margin-left: 15px; } .footer-actions .credits span { font-size: 10px; } } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { width: 100%; background-color: #f5f5f5; position: fixed; left: 0; top: 0; z-index: 999; } .header .shell { /*max-width: 1550px;*/max-width: 1227px; } .header .shell:after { } .header .logo { position: absolute; left: 50%; top: 49%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .header .btn-nav { display: none; } .header .header-inner { border-bottom: 1px solid #f0f0f0; text-align: center; } .header .header-inner .shell { height: 103px; position: relative; } .header .header-bar { border-top: 1px solid #fff; background-color: #f0f0f0; } .header .header-aside { float: left; /*width: 220px;*/ /*width: 253px;*/ } .header .header-aside:first-child { /*margin-left: 71px;*/ margin-top:40px; } .header .header-aside ~ .header-aside { width: auto; float: right; margin-top: 40px; } .header .header-aside .header-buttons {list-style:none;} .header .header-aside .header-buttons li{float:left;margin-right:5px;} .header .header-aside .header-buttons .btn{width:166px;height:30px;border-radius:30px;color:#fff;padding:5px 10px;} .header .header-aside .header-buttons .btn.live{background:#BF0307;} .header .header-aside .header-buttons .btn.live:hover{background:none;border:1px solid #BF0307;color:#BF0307;} .header .header-aside .header-buttons .btn.live:hover .btn-time{background:#BF0307;color:#fff;} .header .header-aside .header-buttons .btn.newscast{background:#1B2150;} .header .header-aside .header-buttons .btn.newscast:hover{background:none;border:1px solid #1B2150;color:#1B2150;} .header .header-aside .header-buttons .btn.newscast:hover .btn-time{background:#1B2150;color:#fff;} .header .header-aside .header-buttons .btn .btn-time{background:#fff;width:38px;float:left;color:#BF0307;border-radius:30px;font-size: 10px;padding: 2px 8px;margin-top: 1px;} .header .header-aside .header-buttons .btn.newscast .btn-time{color:#1B2150;} .header .header-aside .header-buttons .btn .btn-icon{float:right;padding:2px;} .header .header-aside .header-buttons .btn .btn-text{/*float:left;*/font-size:13px;padding:2px 10px;margin:0 auto;} .header .header-videos ul { list-style: none; margin: 16px 0 0 0; } .header .header-videos ul:after { } .header .header-videos ul li { float: left; width: 50%; padding-left: 9px; } .header-videos .video { overflow: visible; height:0; } .header-videos .video .label-length,.header-videos .video .label-live { padding: 3px 7px 2px; background-color: #333; font-size: 13px; color: #fff; position: absolute; right: 0; top: 0; z-index: 10; } .header-videos .video .label-live { z-index: 10; color: #fff; padding-right: 15px; } .header-videos .video .label-live:after { content: ''; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; position: absolute; right: 5px; top: 50%; margin-top: -3px; } .header-videos .video .play { width: 42px; height: 20px; text-align: center; line-height: 20px; border-radius: 0; top: auto; /*bottom: -10px;*/ -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); transition: background-color .4s ease;left:21px;bottom:0; } .header-videos .video .play:before { border-width: 5px 0 5px 8px; } .header-videos .video:hover .play { background-color: #121736; } .header-videos #headerLivePlayer {display:none; height:68px;max-width: initial;} .header.programs-header .nav-primary > ul {justify-content: center;} /* Small Desktop */ @media (max-width: 1279px) { .header .header-aside:first-child { margin-left: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .header .header-aside ~ .header-aside { margin-top: 22px; } } /* Mobile */ @media (max-width: 767px) { .header { height: 45px; background-color: #f3f5f6; } .header .header-bar { display: none; } .header .logo { top: 50%; } .header .logo img { width: 78px; height: auto; } .header .header-inner .shell { height: 45px; } .header .header-aside ~ .header-aside { float: left; margin-top: 13px; } .header .header-aside:first-child { display: none; } .header .btn-nav { display: block; font-size: 22px; color: #9c9c9d; position: absolute; right: 15px; top: 50%; margin-top: -11px; } } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main-login { } /* Small Desktop */ @media (max-width: 1279px) { .main-full-height { height: auto !important; } } /* Mobile */ @media (max-width: 767px) { .main-program-landing { /*display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;*/ } .main-program-landing .section-program-landing { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .main-program-landing .section-programs-videos { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .main-program-landing .section-latest { -webkit-order: 3; -ms-flex-order: 3; order: 3; padding-top: 0; } .main-program-landing .section-programs-news { -webkit-order: 4; -ms-flex-order: 4; order: 4; } } /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 1180px; padding-left: 10px; padding-right: 10px; margin: auto; } .shell-secondary { max-width: 1296px; } .shell-tertiary { max-width: 1430px; } .shell-fluid { max-width: none; } /* Mobile */ @media (max-width: 767px) { .shell { padding: 0 15px; } } /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ .sidebar {} /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { min-height: 100%; position: relative; padding-top: 150px; overflow: hidden; } /* Mobile */ @media (max-width: 767px) { .wrapper { padding-top: 45px; } } /* ------------------------------------------------------------ *\ III. Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Article News \* ------------------------------------------------------------ */ .article-news { margin-top: -109px; } .article-news p::-moz-selection { background-color: #ffffcc; } .article-news p::selection { background-color: #ffffcc; } .article-news .article-prev-wrapper, .article-news .article-next-wrapper { position: absolute; top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 20; } .article-news .article-prev, .article-news .article-next { font-weight: 700; font-size: 13px; color: rgba(51, 51, 51, .6); white-space: nowrap; text-decoration: none; } .article-news .article-prev > span, .article-news .article-next > span { display: inline-block; vertical-align: middle; width: 42px; height: 42px; background-color: #222222; border-radius: 50%; text-align: center; line-height: 44px; font-size: 22px; color: #fff; transition: background-color .4s ease; position: relative; top: -2px; } .article-news .article-prev-wrapper:hover > span, .article-news .article-next-wrapper:hover > span { background-color: #1b2352; } .article-prev-wrapper .list-articles a, .article-next-wrapper .list-articles a { font-size: 13px; } .article-prev-wrapper .list-articles a > span, .article-next-wrapper .list-articles a > span { width: calc(100% - 82px); } .article-news .article-prev-wrapper { right: 100%; margin-right: 24px; } .article-news .article-prev > span { margin-left: 20px; } .article-news .article-next-wrapper { left: 100%; margin-left: 15px; } .article-news .article-next > span { margin-right: 20px; } .article-news .article-head { margin-bottom: 42px; position: relative; text-align: center; } .article-news .article-head h3 { width: 80%; font-weight: 500; font-size: 29px; color: #000; line-height: 1.2; margin: 0 auto; } .article-news .article-entry { padding: 0 16px 0 36px; font-size: 14px; position: relative; } .article-news .article-entry p,.article-news .article-entry div { font-size: 1em; color: #222222; line-height: 2.25; margin-bottom: 25px; } .article-news .article-entry p a{ font-weight: 700; text-decoration: underline; color: #1b2352; } .article-news .article-entry p a:hover{ text-decoration: none; } .article-news .article-shares { text-align: center; margin: 25px 0; } .article-news .article-shares span { height: 22px; display: inline-block; vertical-align: middle; } .article-news .article-shares span span { margin-top: 0 !important; margin-bottom: 0 !important; } .article-news .article-actions { background-color: #f7f7f8; margin-bottom: 40px; padding: 19px 20px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .article-news .article-actions .socials { position: relative; left: -20px; } .article-news .article-actions + .banner-mobile { margin: 0 -15px 20px !important; max-width: none; } .article-news .article-actions-aside > a, .article-news .article-actions-aside > ul { display: inline-block; vertical-align: middle; } .article-news .article-actions-aside a { width: 32px; height: 32px; background-color: #d3d3d3; border-radius: 50%; text-align: center; line-height: 32px; font-size: 15px; color: #555; text-decoration: none; transition: background-color .4s ease; } .article-news .article-actions-aside a:hover { background-color: rgb(190, 190, 190); } .article-news .article-actions-aside ul { list-style: none; margin: 0 0 0 5px; font-size: 0; } .article-news .article-actions-aside ul li { display: inline-block; vertical-align: middle; } .article-news .article-actions-aside ul li ~ li { margin-left: -7px; } .article-news .article-actions-aside ul a { display: block; font-weight: 700; } .article-news .article-meta { max-width: 186px; } .article-news .article-meta img, .article-news .article-meta div { display: inline-block; vertical-align: middle; } .article-news .article-meta img { border-radius: 50%; margin-right: 13px; } .article-news .article-meta div { overflow: hidden; } .article-news .article-meta p { margin: 0; font-size: 12px; } .article-news .article-meta p ~ p { font-size: 14px;font-weight:bold; } .article-news .article-meta p a { color: #1b2352; text-decoration: none; } .article-news figure { /*margin: 37px auto 49px;*/margin:20px auto; text-align: center; } .article-news figure .image { display: inline-block; position: relative; } .article-news figure figcaption { display: block; text-align: center; font-size: 0.92em; color: #222222; opacity: .7; padding-top: 10px; } .article-news figure.article-gallery .image { position: relative; } .article-news figure.article-gallery .btn { height: 40px; line-height: 38px; position: absolute; left: 50%; bottom: 8px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-transform: none; font-weight: 400; font-size: 15px; } .article-news figure.article-gallery .btn strong { font-size: 18px; margin-left: 5px;} .article-news figure.article-gallery .btn .btn-text { margin-left: 5px;} .article-news figure.article-gallery .btn i { font-size: 13px; display: inline-block; vertical-align: baseline; position: relative; top: -5px; /*margin-right: 10px;*/ } .article-news figure.article-image { position: relative; } .article-news figure.article-image i { font-size: 37px; color: #fff; position: absolute; right: 20px; top: 15px; } .article-news .article-foot { padding-top: 30px; } .article-news .article-foot .banner { margin: 0 auto 30px; } .article-news .banner-large { position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .article-news .banner-medium { background-color: #fbfbfb; max-width: none; padding: 25px; text-align: center; } .article-news .banner-medium img { display: inline-block; width: auto; } .article-news .article-fixed-actions { display: none; } /* Small Desktop */ @media (max-width: 1279px) { .article-news .article-foot .banner-small { max-width: 300px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .article-news .article-head { width: 60%; margin-left: auto; margin-right: auto; } .article-news .article-prev-wrapper, .article-news .article-next-wrapper { margin: 0; } .article-news .article-foot .banner { left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } /* Mobile */ @media (max-width: 767px) { .article-news .article-head { width: 100%; margin-bottom: 20px; } .article-news .article-head h3 { width: 100%; font-size: 22px; padding: 0 15px; } .article-news .article-prev-wrapper, .article-news .article-next-wrapper { display: none; } .article-news .article-entry { padding: 0; } .article-news figure .image, .article-news figure.article-gallery .image { width: 100%; position: relative; } .article-news figure .image img, .article-news figure.article-gallery .image img { width: 100%; height: auto; left: 0; right: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .article-news figure.article-gallery .btn { bottom: 12px; white-space: nowrap; } .article-news figure { margin: 35px 0 20px; } .article-news figure figcaption { width: 60%; margin: 0 auto; } .article-news .article-foot { padding-top: 10px; } .article-news .article-foot .banner { display: none; } .article-news .article-actions { background-color: #fff; padding: 0; display: block; margin-bottom: 15px; } .article-news .article-actions .socials, .article-news .article-actions .article-actions-aside { display: none; } .article-news .article-meta { max-width: 100%; text-align: center; } .article-news .article-meta img { /*display: none;*/ } .article-news .article-meta div { display: block; } .article-news .article-meta div p { display: inline-block; vertical-align: middle; } .article-news .article-meta div p ~ p { margin-left: 10px; } .article-news .article-fixed-actions { display: block; padding: 20px 15px 10px; width: 100%; position: fixed; left: 0; bottom: 10px; z-index: 999; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; transition: opacity .4s ease, visibility .4s ease; } .article-news .article-fixed-actions { background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } .article-news .article-fixed-actions.hide { opacity: 0; visibility: hidden; } .article-news .article-fixed-actions .text-size { width: 40px; height: 40px; background-color: #d3d3d3; border-radius: 50%; text-align: center; font-weight: 700; font-size: 15px; color: #555; text-transform: uppercase; line-height: 41px; text-decoration: none; } .article-news .article-fixed-actions .socials { position: relative; } .article-news .article-fixed-actions .socials:before { content: ''; width: 100%; height: 100%; background-color: #19214f; opacity: 0; visibility: hidden; position: fixed; right: 0; top: 0; z-index: 997; transition: opacity .4s ease, visibility .4s ease; } .article-news .article-fixed-actions .socials .btn-share { width: 76px; display: inline-block; height: 32px; line-height: 32px; font-weight: 500; font-size: 15px; background-color: #5e5e5e; border-radius: 20px; color: #fff; text-decoration: none; text-align: center; position: relative; z-index: 999; transition: width .4s ease; } .article-news .article-fixed-actions .socials .btn-share:before { content: '\f136'; font-family: 'Material-Design-Iconic-Font'; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 20px; opacity: 0; transition: opacity .4s ease; } .article-news .article-fixed-actions .socials .btn-share.active { width: 32px; font-size: 0; } .article-news .article-fixed-actions .socials .btn-share.active:before { opacity: 1; } .article-news .article-fixed-actions .socials ul { position: absolute; right: 0; bottom: 100%; z-index: 998;bottom:-32px; } .article-news .article-fixed-actions .socials ul li { display: block; padding-bottom: 10px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; position: absolute; right: 0; top: 0; } .article-news .article-fixed-actions .socials ul li ~ li { margin-left: 0; } .article-news .article-fixed-actions .socials.opened:before { opacity: .56; visibility: visible; } .article-news .article-fixed-actions .socials ul.open li:nth-child(1) { -webkit-transform: translateY(-500%); -ms-transform: translateY(-500%); transform: translateY(-500%); } .article-news .article-fixed-actions .socials ul.open li:nth-child(2) { -webkit-transform: translateY(-400%); -ms-transform: translateY(-400%); transform: translateY(-400%); } .article-news .article-fixed-actions .socials ul.open li:nth-child(3) { -webkit-transform: translateY(-300%); -ms-transform: translateY(-300%); transform: translateY(-300%); } .article-news .article-fixed-actions .socials ul.open li:nth-child(4) { -webkit-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); } .article-news .article-fixed-actions .socials ul.open li:nth-child(5) { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } } /* ------------------------------------------------------------ *\ Article Share Tooltip \* ------------------------------------------------------------ */ .article .share-tooltip { background-color: #595959; position: absolute; left: 0; top: 0; z-index: 999; box-shadow: 0 0 20px rgba(0,0,0, .4); opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility .4s ease; margin-top: -40px; margin-left: -50px; } .article .share-tooltip.show { opacity: 1; visibility: visible; } .article .share-tooltip:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 6px 5px 0 5px; border-color: #595959 transparent transparent transparent; position: absolute; left: 50%; margin-left: -5px; bottom: -6px; } .article .share-tooltip ul { list-style: none; margin: 0; padding: 5px 15px 3px; text-align: center; } .article .share-tooltip ul li { display: inline-block; vertical-align: middle; } .article .share-tooltip ul li ~ li { margin-left: 15px; } .article .share-tooltip ul a { display: block; font-size: 15px; color: #fff; } /* ------------------------------------------------------------ *\ Author \* ------------------------------------------------------------ */ .author { background-color: #ebebec; } .author > a { display: block; padding: 20px 20px 12px; overflow: hidden; } .author .author-avatar, .author .author-content { float: left; } .author .author-avatar { width: 23.2%; } .author .author-avatar img { border-radius: 50%; } .author .author-content { width: 76.8%; padding-left: 16px; } .author .author-content h5 { font-size: 15px; margin-bottom: 5px; transition: color .4s ease; } .author .author-content p { font-size: 13px; color: #444; line-height: 1.3; margin-bottom: 0; } .author .author-content p strong { font-size: 15px; color: #ca0000; text-decoration: underline; transition: color .4s ease; } .author .author-content p ~ p { margin-top: 10px; } .author:hover .author-content h5, .author:hover .author-content p strong { color: #1b2352; } /* Mobile */ @media (max-width: 767px) { .author > a { padding: 15px; } .author .author-avatar { width: 31%; } .author .author-content { width: 69%; } .author:hover .author-content h5, .author:hover .author-content p strong { color: #ca0000; } } /* ------------------------------------------------------------ *\ Banner \* ------------------------------------------------------------ */ .banner { margin: 20px 0; } .banner a { display: block; } .banner > img { width: 100%; height: auto; } .banner-large { width: 728px; margin: 20px auto;} .section-banner.top-large-banner .banner-large{ min-width: 728px; width: auto; } .banner-medium { max-width: 468px; margin: 20px auto; } .banner-small { max-width: 300px; margin: 20px auto; } /*.banner .dfp-tag-container {border: 1px solid #ddd;}*/ .banner-mobile .dfp-tag-container{margin:auto;} /* Small Desktop */ @media (max-width: 1279px) { .banner { max-width: 100%; } .banner > img { max-width: 100%; } } /* Mobile */ @media (max-width: 767px) { .banner-mobile + .section-updates { padding-top: 20px; } .banner .dfp-tag-container{margin:10px auto;} } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-decoration: none; border-radius: 0; } /* Btn Grey */ .btn-grey { height: 42px; line-height: 44px; padding: 0 42px; border: 0; border-radius: 40px; background-color: #eee; font-weight: 700; font-size: 14px; color: #333; text-transform: uppercase; transition: background-color .4s ease, color .4s ease; } .btn-grey:hover { background-color: #1a2251; color: #fff; } /* Btn Red */ .btn-red { height: 32px; line-height: 31px; font-weight: 700; font-size: 13px; color: #fff; text-transform: uppercase; border: 1px solid #ca0000; background-color: #ca0000; transition: background-color .4s ease, color .4s ease; padding: 0 20px; } .btn-red:hover { background-color: transparent; color: #ca0000; } /* Btn Live */ .btn-live { height: 24px; line-height: 26px; padding: 0 22px 0 12px; font-weight: 700; font-size: 12px; color: #fff; text-transform: uppercase; border: 0; border-radius: 20px; background-color: #ca0000; transition: background-color .4s ease; } .btn-live:hover { background-color: #222222; } .btn-live i { font-size: 8px; display: inline-block; vertical-align: middle; position: relative; top: -1px; margin-right: 10px; } /* Btn How */ .btn-how { height: 24px; line-height: 26px; padding: 0 22px 0 11px; font-weight: 700; font-size: 12px; color: #fff; text-transform: uppercase; border: 0; border-radius: 20px; background-color: #1b2352; transition: background-color .4s ease; } .btn-how:hover { background-color: #222222; } .btn-how i { display: inline-block; vertical-align: middle; position: relative; top: -1px; margin-right: 9px; } /* Btn Facebook/Twitter */ .btn-facebook, .btn-twitter { height: 32px; line-height: 34px; min-width: 160px; font-weight: 500; font-size: 18px; color: #fff; padding: 0 15px; transition: background-color .4s ease; } .btn-facebook { background-color: #314d8c; } .btn-facebook:hover { background-color: rgb(44, 69, 126); } .btn-twitter { background-color: #3fbbed; } .btn-twitter:hover { background-color: rgb(57, 168, 213); } /*Btn Loader*/ .btn.hidden { visibility:hidden; } .loader { position:relative;z-index:2; } .loader:before { content: ''; width: 32px; height: 32px; background: url(../images/loader-navy.gif) no-repeat 0 0; position: absolute; left: 50%; top: 50%; margin-left: -16px;/* margin-top: -16px; z-index: -1;*/ background-size: 32px; visibility:hidden;} .programSite .loader:before { background: url(../images/loader-navy-bg.gif) no-repeat 0 0; } .loader.visible:before { visibility:visible;} /* Mobile */ @media (max-width: 767px) { .btn-facebook, .btn-twitter { min-width: 130px; } } /* Btn Tweet */ .btn-tweet { height: 34px; line-height: 32px; padding: 0 20px; font-weight: 700; font-size: 16px; color: #fff; background-color: #53a7e8; border: 1px solid #0095e0; border-radius: 3px; } /* Btn Close */ .btn-close { display: inline-block; width: 44px; height: 44px; position: relative; } .btn-close:before, .btn-close:after { content: ''; width: 1px; height: 62px; background-color: #222222; position: absolute; left: 0; top: 0; transition: background-color .4s ease; } .btn-close:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .btn-close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; left: auto; right: 0; } .btn-close:hover:before, .btn-close:hover:after { background-color: #fff; } /* Btn White */ .btn-white { height: 34px; padding: 10px 16px 6px; background-color: #fff; font-weight: 700; font-size: 13px; color: #3a3939; text-transform: uppercase; border-radius: 20px; transition: background-color .4s ease, color .4s ease; } .btn-white:hover { background-color: #1b2352; color: #fff; } /* Mobile */ @media (max-width: 767px) { .btn-live { padding: 0 10px 0 10px; text-align: left; } .btn-live i { margin-right: 3px; } .btn-red:hover { background-color: #ca0000; color: #fff; } .btn-how:hover { background-color: #1b2352; } .btn-live:hover { background-color: #ca0000; } .btn-grey:hover { background-color: #eee; color: #333; } } @media ( max-width: 374px ) { .btn-live { padding: 0 10px 0 5px; } } /* ------------------------------------------------------------ *\ Celebrity \* ------------------------------------------------------------ */ .celebrity a { display: block; position: relative; } .celebrity a:before { content: ''; background: url(../images/shadow-left.png) no-repeat left bottom; background-size: 100% auto; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 1; } .celebrity .celebrity-image { width: 100%; padding-bottom: 83.33%; position: relative; background-size: cover; background-position: center; } .celebrity .celebrity-image img { display: none; } .celebrity .celebrity-content { width: 100%; padding: 5px 10px; position: absolute; left: 0; bottom: 0; z-index: 10; } .celebrity .celebrity-content h4 { margin: 0; font-weight: 500; font-size: 22px; color: #fff; text-transform: uppercase; } .celebrity-grayscale { -webkit-filter: grayscale(1); filter: grayscale(1); } .celebrity-grayscale .celebrity-content h4 { opacity: .5; } /* ------------------------------------------------------------ *\ Celebrity Single \* ------------------------------------------------------------ */ .celebrity-single:after { } .celebrity-single-head { margin-bottom: 17px; } .celebrity-single-head h5 { text-transform: uppercase; margin: 0; } .celebrity-single-image { position: relative; margin-bottom: 44px; } .celebrity-single-image:after { content: ''; background: url(../images/shadow-wide.png) repeat-x left bottom; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; opacity: .75; } .celebrity-single-image img { width: 100%; height: auto; } .celebrity-single-image h2 { width: 100%; padding: 20px 30px; font-size: 45px; color: #fff; line-height: 1; text-transform: uppercase; position: absolute; left: 0; bottom: 0; z-index: 10; } .celebrity-single-image h2 span { display: block; opacity: .6; position: relative; } .celebrity-single-image h2 span:after { content: ''; height: 1px; background-color: #fff; opacity: .2; position: absolute; left: -30px; right: -30px; bottom: 7px; } .celebrity-single-content { float: left; width: 52%; padding-right: 40px; } .celebrity-single-content p { margin: 0; font-family: 'TheSans', sans-serif; font-size: 13px; color: #fff; line-height: 1.45; opacity: .75; } .celebrity-single-content p ~ p { margin-top: 25px; } .celebrity-single-media { float: left; width: 46.8%; margin-top: 45px; } .celebrity-single-media .video .play { width: 54px; height: 54px; transition: background-color .4s ease; } .celebrity-single-media .video:hover .play { background-color: #1b2352; } .celebrity-single-media .video .play:before { border-width: 10px 0 10px 18px; } /* Tablet Portrait */ @media (max-width: 1023px) { .celebrity-single-image h2 { font-size: 32px; } } /* Mobile */ @media (max-width: 767px) { .celebrity-single-image h2 { font-size: 28px; padding: 15px 20px; } .celebrity-single-image h2 span:after { left: 0; right: 0; bottom: 4px; } .celebrity-single-image { overflow: hidden; margin-bottom: 30px; } .celebrity-single-content { float: none; width: 100%; padding: 0; } .celebrity-single-content h5 { margin-bottom: 20px; } .celebrity-single-media { float: none; width: auto; margin: 30px -15px 0; } .celebrity-single-media .video:hover .play { background-color: #ca0000; } } /* ------------------------------------------------------------ *\ Chapter \* ------------------------------------------------------------ */ .chapters { color: #fff; } .chapters .chapters-head { position: relative; padding: 22px 23px 21px; margin-bottom: 23px; } .chapters .chapters-head:after { content: ''; height: 1px; background: rgba(255, 255, 255, .1); position: absolute; left: 20px; bottom: 0; right: 20px; } .chapters .chapters-head h5 { margin: 0; text-transform: uppercase; color: #ecf1f2; } .chapters .chapters-head h5 span { display: none; } .chapters .chapters-head .btn { height: 30px; line-height: 30px; padding: 0; font-size: 0; position: absolute; left: 0; bottom: 100%; margin-bottom: 28px; } .chapters .chapters-head .btn:hover .btn-icon { border-left-color: #ca0000; } .chapters .chapters-head .btn .btn-icon, .chapters .chapters-head .btn .btn-text { display: inline-block; vertical-align: middle; } .chapters .chapters-head .btn .btn-text { font-size: 13px; padding: 0 35px 0 10px; } .chapters .chapters-head .btn .btn-icon { display: inline-block; vertical-align: middle; width: 29px; border-left: 1px solid #333; line-height: 30px; text-align: center; font-size: 9px; position: relative; top: -1px; transition: border-color .4s ease; } .chapters .chapters-body { /*height: 460px;*/ height:362px;} .chapters .chapters-body ol { list-style: none; counter-reset: list; margin: 0; padding: 0 20px; } .chapters .chapters-body ol li { position: relative; padding-left: 34px; z-index: 0; } .chapters .chapters-body ol li:after { content: ''; height: 100%; background-color: #161836; position: absolute; left: -20px; right: -20px; bottom: 0; z-index: -1; opacity: 0; transition: opacity .4s ease; } .chapters .chapters-body ol li:not(.full):before { content: counter(list); counter-increment: list; font-weight: 400; font-size: 11px; color: #666; position: absolute; left: 5px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .chapters .chapters-body ol li:hover:after, .chapters .chapters-body ol li.active:after { opacity: 1; } .chapters .chapters-body ol li.active .chapter a:before { opacity: 1; } .chapter { font-size: 0; } .chapter a { display: block; text-decoration: none; padding: 14px 0 13px; position: relative; } .chapter a:before { content: '\f3aa'; width: 17px; height: 17px; font-family: 'Material-Design-Iconic-Font'; font-size: 14px; text-align: center; padding-left: 2px; color: #fff; background-color: #ca0000; border-radius: 50%; position: absolute; left: -34px; top: 50%; margin-top: -8px; z-index: 10; opacity: 0; transition: opacity .4s ease; } .chapter .chapter-image, .chapter .chapter-content { display: inline-block; vertical-align: middle; } .chapter .chapter-image { width: 24.4%; } .chapter .chapter-image img { width: 100%; height: auto; } .chapter .chapter-content { /*width: 75.6%; padding-left: 23px;*/width:100%; } .chapter .chapter-content h6 { margin: 0; font-weight: 400; font-size: 13px; } /* Mobile */ @media (max-width: 767px) { .chapters .chapters-head { padding: 22px 16px 21px; } .chapters .chapters-head .btn { left: auto; right: 15px; bottom: 15px; margin: 0; } .chapters .chapters-head .btn .btn-text { padding: 0 10px; } .chapters .chapters-head h5 { display: inline-block; position: relative; padding-left: 15px; text-decoration: underline; } .chapters .chapters-head h5:before { content: '\f2f9'; font-family: 'Material-Design-Iconic-Font'; font-size: 18px; color: #fff; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-52%); -ms-transform: translateY(-52%); transform: translateY(-52%); font-weight: normal; } .chapters .chapters-head h5 span { display: inline; } .chapters .chapters-body { padding-bottom: 20px; overflow: hidden; height: auto; display: none; } .chapters .chapters-head h5.active:before { content: '\f136'; } } /* ------------------------------------------------------------ *\ Coverflow \* ------------------------------------------------------------ */ .coverflow .post { width: 520px; height: 430px; position: relative; overflow: hidden; } .coverflow .post:before { content: ''; width: 100%; height: 100%; background: url(../images/shadow-wide.png) repeat-x left bottom; position: absolute; left: 0; bottom: 0; z-index: 2; } .coverflow .post .post-image:after { display: none; } .coverflow .cover .post .play { transition: background-color .4s ease; } .coverflow .post-content { width: 80%; padding: 30px 25px; position: absolute; left: 0; bottom: 0; z-index: 10; text-align: left; } .coverflow .post-content h5 { margin: 0; font-size: 25px; text-transform: none; line-height: 1; color: #fff !important; } .coverflow .post-content h5 a { font-size: inherit; } .coverflow .cover:before { content: ''; width: 8px; position: absolute; right: 100%; top: 120px; bottom: 0; background-color: #ca0000; opacity: 0; transition: opacity .25s ease; } .coverflow .cover.current:before { opacity: .85; } .coverflow .cover:after { content: ''; height: 8px; background-color: #ca0000; position: absolute; left: -8px; right: 0; top: 100%; opacity: 0; transition: opacity .4s ease; } .coverflow .cover.current:hover:after { opacity: .85; } .coverflow .cover.current:hover .post .play { background-color: #1b2352; } /* Small Desktop */ @media ( max-width: 1279px ) { .coverflow .post { width: 360px; height: 300px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .coverflow .post { width: 300px; height: 250px; } .coverflow .post-content { width: 100%; padding: 15px; } } /* Mobile */ @media (max-width: 767px) { .coverflow .post { width: 250px; height: 209px; } .coverflow .cover .post .play { width: 32px; height: 32px; } .coverflow .cover .post .play:before { border-width: 7px 0 7px 12px; } .coverflow .cover.current:before, .coverflow .cover.current:hover:after { display: none; } } /* ------------------------------------------------------------ *\ Device \* ------------------------------------------------------------ */ .device .highlights ul li:hover a { color: #333; } .device .highlights ul li:hover a:before { opacity: 0; } .device .highlights ul li:hover a i { opacity: .5; } .device .select-date { min-height: 24px; } .device .post:hover .post-content, .device .post-featured:hover .post-featured-content h3 { color: #1a2150; } .device .post:hover .post-image:after { opacity: 0; } .device .coverflow .cover.current:hover .post .play { background-color: #ca0000; } .device .coverflow .cover.current:hover:after { opacity: 0; } .device .slider-stars .slider-prev:hover, .device .slider-stars .slider-next:hover { background-color: #ca0000; color: #fff; } .device .section-timeline-feed .section-body li:hover h6 { color: #333; } .device .btn-red:hover { background-color: #ca0000; color: #fff; } .device .widget-posts .widget-actions .link-more:hover, .device .section-timeline-feed .section-actions .link-more:hover { color: #111; } .device .socials a.email:hover { background-color: #565553; color: #fff; } .device .socials a.google-plus:hover { background-color: #e04741; color: #fff; } .device .socials a.twitter:hover { background-color: #2ab1e9; color: #fff; } .device .socials a.facebook:hover { background-color: #3a5898; color: #fff; } .device .article-news .article-actions-aside a:hover, .device .article-news .article-actions-aside ul a:hover { background-color: #d3d3d3; } /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ input::-webkit-input-placeholder { color: inherit; opacity: 1; } input::-moz-placeholder { color: inherit; opacity: 1; } input:-ms-input-placeholder { color: inherit; opacity: 1; } input::placeholder { color: inherit; opacity: 1; } textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } textarea::-moz-placeholder { color: inherit; opacity: 1; } textarea:-ms-input-placeholder { color: inherit; opacity: 1; } textarea::placeholder { color: inherit; opacity: 1; } input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; } .form-label { display: block; font-size: 13px; color: #444; padding-bottom: 5px; } .field, .textarea { width: 100%; height: 34px; padding: 9px 18px 8px; border: 1px solid #ddd; background-color: transparent; font-size: 13px; color: #333; border-radius: 0; } .field.required, .textarea.required { border-left-color: #ca0000; } .textarea { resize: none; height: 142px; } .has-datepicker { position: relative; } .has-datepicker .field-datepicker { padding-right: 38px; } .has-datepicker:after { content: '\f133'; font-family: 'FontAwesome'; font-size: 14px; color: #868686; position: absolute; right: 12px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; pointer-events: none; } input.error, textarea.error { border:1px solid #ca0000 !important; } /* ------------------------------------------------------------ *\ Radio Poll \* ------------------------------------------------------------ */ .radio-poll { line-height: 22px; } .radio-poll input { display: none; } .radio-poll label { display: inline-block; height: 22px; position: relative; font-size: 15px; color: #666; text-transform: uppercase; padding-left: 32px; } .radio-poll label:before { content: ''; font-family: 'Material-Design-Iconic-Font'; font-size: 24px; position: absolute; left: 0; top: -1px; } .radio-poll label[for='field-yes']:before { color: #498a0a; } .radio-poll label[for='field-no']:before { color: #ca0000; } .radio-poll input:checked ~ label:before { content: ''; } .radio-poll .label-line { display: block; height: 1px; position: relative; top: 10px; } .radio-poll .label-line.line-green { background-color: #498a0a; } .radio-poll .label-line.line-red { background-color: #ca0000; } .radio-poll .label-text { position: absolute; left: 100%; top: 0; margin-left: 8px; } /* Mobile */ @media (max-width: 767px) { .radio-poll label { padding-left: 80px; width: 100% !important; } .radio-poll label:before { font-size: 18px; } .radio-poll .label-text { left: 30px; margin-left: 0; } .radio-poll .label-line.line-red, .radio-poll .label-line.line-green { background-color: #ddd; } .radio-poll .label-line-inner { height: 100%; background-color: #ca0000; position: absolute; left: 0; top: 0; } .radio-poll .label-line-value { direction: ltr; font-weight: 700; font-size: 14px; color: #222222; position: absolute; right: 0; bottom: 1px; } .radio-poll .label-line-value.red { color: #ca0000; } .radio-poll label[for='field-yes']:before, .radio-poll label[for='field-no']:before, .radio-poll input:checked ~ label:before { color: #666; } } /* ------------------------------------------------------------ *\ Checkbox Circle \* ------------------------------------------------------------ */ .checkbox-circle input { display: none; } .checkbox-circle label { display: block; font-size: 13px; color: #fff; padding-left: 33px; position: relative; padding-bottom: 0; } .checkbox-circle label:before { content: ''; font-family: 'Material-Design-Iconic-Font'; font-size: 25px; color: #444861; position: absolute; left: 0; top: 50%; margin-top: -15px; } .checkbox-circle input:checked ~ label:before { content: ''; color: #ca0000; } /* Mobile */ @media (max-width: 767px) { .checkbox-circle label { padding-left: 25px; } } /* ------------------------------------------------------------ *\ Checkbox Square \* ------------------------------------------------------------ */ .checkbox-square input { display: none; } .checkbox-square label { display: block; padding-left: 80px; position: relative; font-size: 14px; line-height: 2; color: #333; } .checkbox-square label strong { display: block; font-size: 16px; } .checkbox-square label:before { content: '\f00c'; width: 34px; height: 34px; border: 1px solid #a2a2a2; position: absolute; left: 9px; top: 10px; font-family: 'FontAwesome'; font-size: 15px; color: transparent; text-align: center; line-height: 34px; transition: color .4s ease; } .checkbox-square input:checked ~ label:before { color: #333; } .checkbox-small-square { display: block; text-align: center; } .checkbox-small-square label { font-weight: 500; font-size: 14px; color: rgba(237, 237, 237, .7); padding: 30px 0 0; } .checkbox-small-square label:before { width: 22px; height: 22px; left: 50%; top: 0; margin-left: -11px; margin-top: 0; line-height: 22px; font-size: 11px; } .checkbox-small-square input:checked ~ label:before { color: #fff; } /* ------------------------------------------------------------ *\ Checkbox Large \* ------------------------------------------------------------ */ .checkbox-large { position: relative; } .checkbox-large input { display: none; } .checkbox-large label { display: block; position: relative; } .checkbox-large label:before { content: ''; width: 100%; height: 100%; background: url(../images/shadow.png) no-repeat center bottom; background-size: contain; position: absolute; left: 0; top: 0; z-index: 1; } .checkbox-large label:after { content: '\f00c'; font-family: 'FontAwesome'; width: 45px; height: 45px; background-color: #f5f5f5; border: 2px solid #121736; border-radius: 50%; position: absolute; right: 22px; top: -19px; z-index: 10; text-align: center; line-height: 42px; padding-left: 1px; color: transparent; transition: color .4s ease; } .checkbox-large label span { font-weight: 700; font-size: 16px; text-transform: uppercase; color: #e5e6e9; margin: 0; padding: 15px 20px; position: absolute; left: 0; bottom: 0; z-index: 5; } .checkbox-large label img { opacity: .6; transition: opacity .4s ease; } .checkbox-large label:hover:after { color: #222222; } .checkbox-large input:checked ~ label:after { color: #121736; } .checkbox-large input:checked ~ label img { opacity: 1; } /* Tablet Portrait */ @media (max-width: 1023px) { .checkbox-large label img { width: 100%; height: auto; } } /* Mobile */ @media (max-width: 767px) { .checkbox-large label:hover:after { color: transparent; } } /* ------------------------------------------------------------ *\ Custom Select \* ------------------------------------------------------------ */ .fs-dropdown-open .fs-dropdown-selected, .fs-dropdown-focus .fs-dropdown-selected { background-color: transparent; box-shadow: none; } .fs-dropdown-selected { height: 34px; line-height: 34px; padding: 0 30px 0 18px; border-radius: 0; background-color: transparent; border-color: #ddd; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 12px; color: #666; } .fs-dropdown-selected:after { content: '\f078'; font-family: 'FontAwesome'; font-size: 10px; color: #878787; border: 0; width: auto; height: auto; transition: color .4s ease; } .fs-dropdown-selected:hover:after, .fs-dropdown-open .fs-dropdown-selected:after { color: #1b2352; } .fs-dropdown-options { border: 1px solid #ddd; box-shadow: none; padding: 5px 16px; margin-top: 2px; } .fs-dropdown-item { height: 43px; line-height: 43px; padding: 0; font-size: 13px; border: 0; border-bottom: 1px solid #ddd; transition: opacity .4s ease; } .fs-dropdown-item:hover { opacity: .5; } .fs-dropdown-item_selected { background-color: transparent; color: #1b2352; } /* ------------------------------------------------------------ *\ Custom File Upload \* ------------------------------------------------------------ */ .file-upload { width: 122px; display: inline-block; position: relative; overflow: hidden; border: 1px solid #dedede; border-bottom: 0; padding-top: 117px; background: url(../images/avatar-placeholder.png) no-repeat center 18px; } .file-upload-btn { display: block; padding: 6px 0; text-align: center; font-weight: 700; font-size: 13px; color: #fff; text-transform: uppercase; background-color: #222222; border: 1px solid #fff; margin-left: -1px; margin-right: -1px; } .file-upload-input { /*opacity: 0; font-size: 100px; position: absolute; bottom: -10px; right: -10px; cursor: pointer;*/width: 122px;height: 148px;position: absolute;top: 0;opacity: 0;cursor:pointer; } /* ------------------------------------------------------------ *\ Form \* ------------------------------------------------------------ */ .form .form-col { float: left; } .form .form-col-1of2 { width: 50%; } .form .form-col-full { width: 100%; } /* Tablet Portrait */ @media (max-width: 1023px) { .form .form-col-1of2 { width: 100%; } .form .form-col-1of2 ~ .form-col-1of2 { margin-top: 15px; } } /* ------------------------------------------------------------ *\ Form Subscribe \* ------------------------------------------------------------ */ .form-subscribe { display: inline-block; text-align: center; font-size: 0; position: relative; left: 34px; } .form-subscribe .form-head, .form-subscribe .form-body { display: inline-block; vertical-align: middle; text-align: left; } .form-subscribe .form-head { width: 235px; } .form-subscribe .form-head h4 { margin: 0; font-size: 20px; text-transform: uppercase; letter-spacing: .03em; padding-left: 30px; position: relative; line-height: 1.2; } .form-subscribe .form-head h4 i { position: absolute; left: 0; top: 0; font-size: 26px; color: #dadada; } .form-subscribe .form-head h4 > span { display: block; text-transform: none; font-weight: 400; font-size: 11px; opacity: .7; } .form-subscribe .form-head h4 strong span { font-weight: 400; } .form-subscribe .form-body { width: 514px; background-color: #121736; padding: 8px 10px; } .form-subscribe .form-body .field, .form-subscribe .form-body .list-checkboxes { display: inline-block; vertical-align: middle; margin: 0; } .form-subscribe .form-body .field { width: 205px; height: 32px; font-size: 13px; color: #fff; background-color: transparent; border: 0; padding: 9px 10px 8px; } .form-subscribe .form-body .field::-webkit-input-placeholder { color: rgba(255, 255, 255, .5); font-style: italic; } .form-subscribe .form-body .field::-moz-placeholder { color: rgba(255, 255, 255, .5); font-style: italic; } .form-subscribe .form-body .field:-moz-placeholder { color: rgba(255, 255, 255, .5); font-style: italic; } .form-subscribe .form-body .field:-ms-input-placeholder { color: rgba(255, 255, 255, .5); font-style: italic; } .form-subscribe .list-checkboxes { list-style: none; } .form-subscribe .list-checkboxes li { display: inline-block; vertical-align: middle; } .form-subscribe .list-checkboxes li ~ li { margin-left: 30px; } .form-subscribe .form-actions { position: absolute; right: 10px; top: 8px; } .form-subscribe .form-actions .btn-red { padding: 0 10px; } /* Tablet Portrait */ @media (max-width: 1023px) { .form-subscribe { left: 0; } .form-subscribe form { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .form-subscribe .form-head { -webkit-flex: 0 0 235px; -ms-flex: 0 0 235px; flex: 0 0 235px; } } /* Mobile */ @media (max-width: 767px) { .form-subscribe { width: 100%; } .form-subscribe form { display: block; } .form-subscribe .form-head { width: 100%; display: block; margin-bottom: 10px; } .form-subscribe .form-body { width: auto; display: block; margin-bottom: 20px; margin-left: 27px; } .form-subscribe .form-body .list-checkboxes { position: absolute; left: 27px; top: 100%; margin-top: 4px; } .form-subscribe .list-checkboxes li ~ li { margin-left: 8px; } .form-subscribe .form-actions { /*right: 0; top: 100%;*/right: 10px;top: auto;bottom: 28px; margin-top: -4px; } } /* ------------------------------------------------------------ *\ Form Adv \* ------------------------------------------------------------ */ .form-adv img { max-width: none; } .form-adv .form-row { margin-left: -38px; } .form-adv .form-row:after { } .form-adv .form-row ~ .form-row { margin-top: 15px; } .form-adv .form-row:last-child { margin-top: 56px; } .form-adv .form-row:last-child .form-col:last-child { padding-top: 44px; padding-left: 44px; } .form-adv .form-col-1of2 { padding-left: 38px; } .form-adv .form-head { padding: 38px 44px 26px; border-bottom: 1px solid #fff; } .form-adv .form-head h6 { font-weight: 400; font-size: 14px; color: #777; text-transform: uppercase; line-height: 2; margin: 0; } .form-adv .form-body { padding: 50px 95px 30px 44px; } .form-adv .fs-dropdown { margin: 0; } .form-adv .list-checkboxes { margin: 14px 0 43px; } .form-adv .list-checkboxes li { display: inline-block; vertical-align: middle; } .form-adv .list-checkboxes li ~ li { margin-left: 22px; } .form-adv .checkbox { position: relative; } .form-adv .checkbox input, .form-adv .checkbox label { display: inline-block; vertical-align: middle; } .form-adv .checkbox input { position: relative; top: -1px; } .form-adv .checkbox label { padding: 0 0 0 3px; } .form-adv .btn-red { padding: 0 15px; } .form-adv .form-hint { display: inline-block; vertical-align: middle; margin-left: 13px; font-size: 13px; color: #444; } .form-adv .form-hint .line { display: inline-block; vertical-align: middle; width: 1px; height: 32px; background-color: #ca0000; margin-right: 10px; } .form-adv .form-alert { width: 100%; height: 100%; background-color: #f5f5f5; position: absolute; left: 0; top: 0; z-index: 100; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; opacity: 0; visibility: hidden; transition: opacity 1s ease, visibility 1s ease; } .form-adv .form-alert h5 { margin: 50px 0 0; font-size: 16px; text-transform: uppercase; } .form-adv .close { display: inline-block; width: 52px; height: 52px; position: relative; } .form-adv .close:before, .form-adv .close:after { content: ''; width: 1px; height: 140%; background-color: #8c8d8e; position: absolute; left: 0; top: 0; transition: background-color .4s ease; } .form-adv .close:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .form-adv .close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; left: auto; right: 0; } .form-adv.show-alert .form-alert { opacity: 1; visibility: visible; } /* Small Desktop */ @media (max-width: 1279px) { .form-adv img { max-width: 100%; } .form-adv .form-hint { display: block; margin-left: 0; margin-top: 10px; } .form-adv .form-row:last-child .form-col:last-child { padding-top: 0; } .form-adv .form-head, .form-adv .form-body { padding: 30px; } .form-adv .list-checkboxes li ~ li { margin-left: 15px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .form-adv .form-hint { display: inline-block; margin: 0; } } /* Mobile */ @media (max-width: 767px) { .form-adv .form-head { border-bottom: 1px solid #eceeef; padding: 15px; } .form-adv .form-body { padding: 30px 32px 20px 22px; } .form-adv .list-checkboxes { margin: 14px 0 10px; } .form-adv .form-row:last-child { margin-top: 25px; } .form-adv .form-hint .line { margin-right: 5px; margin-left: 10px; } } /* ------------------------------------------------------------ *\ Form Apply \* ------------------------------------------------------------ */ .form-apply h6 { font-weight: 400; font-size: 13px; color: #ca0000; margin-bottom: 24px; } .form-apply .form-row { margin-left: -38px; } .form-apply .form-row .form-row { margin-left: 0; } .form-apply .form-row:after { } .form-apply .form-row ~ .form-row { margin-top: 15px; } .form-apply .form-group ~ .form-group { margin-top: 44px; } .form-apply .form-group:first-child .form-row:last-child { margin-top: 27px; } .form-apply .form-group:last-child { margin-top: 68px; } .form-apply .form-group:last-child .form-row:last-child { margin-top: 38px; } /*.form-apply .form-group:last-child .form-row:last-child .form-col:last-child { padding-top: 38px; padding-left: 43px; }*/ .form-apply .form-col-1of2 { padding-left: 38px; } .form-apply .fs-dropdown { margin: 0; } .form-apply .form-group-actions { padding-top: 10px; } .form-apply .form-group-actions a { display: inline-block; font-size: 13px; color: #777; } .form-apply .file-upload { margin-top: -8px; margin-bottom: -6px; overflow:visible; } .form-apply .btn-red { padding: 0 16px; } .form-apply .form-hint { display: inline-block; vertical-align: middle; margin-left: 5px; font-size: 13px; color: #444; } .form-apply .form-hint .line { display: inline-block; vertical-align: middle; width: 1px; height: 32px; background-color: #ca0000; margin-right: 10px; } .form-apply .form-alert { width: 100%; height: 100%; background-color: #f5f5f5; position: absolute; left: 0; top: 0; z-index: 100; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; opacity: 0; visibility: hidden; transition: opacity 1s ease, visibility 1s ease; } .form-apply .form-alert h5 { margin: 50px 0 0; font-size: 16px; text-transform: uppercase; } .form-apply.show-alert .form-alert { opacity: 1; visibility: visible; } .form-apply .uploadContainer { height:160px; } .form-apply #divPicture, .form-apply #divCv { position:absolute;top:0;left:0; } .form-apply #divPicture .progressWrapper, .form-apply #divCv .progressWrapper { font-size:11px; } .form-apply #imageThumb { position: absolute;top: 0; left: 0;width: 100%;height: 100%;background-repeat: no-repeat;} /* Small Desktop */ @media (max-width: 1279px) { .form-apply .form-group:last-child .form-row:last-child .form-col:last-child { padding-top: 0; } .form-apply .form-hint { display: block; margin-left: 0; margin-top: 10px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .form-apply .form-hint { display: inline-block; margin-top: 0; } } /* Mobile */ @media (max-width: 767px) { .form-apply .form-group ~ .form-group { margin-top: 30px; } .form-apply .form-group:first-child .form-row:last-child, .form-apply .form-group:last-child .form-row:last-child { margin-top: 15px; } .form-apply .form-hint .line { margin-right: 5px; margin-left: 10px; } .form-apply .custom-select { position: relative; z-index: 20; } } /* ------------------------------------------------------------ *\ Form Contact \* ------------------------------------------------------------ */ .form-contact .form-row { margin-left: -38px; } .form-contact .form-row .form-row { margin-left: 0; } .form-contact .form-row:after { } .form-contact .form-row ~ .form-row { margin-top: 15px; } .form-contact .form-row:last-child { margin-top: 30px; } .form-contact .form-row:last-child .form-col:last-child { padding-top: 36px; } .form-contact .form-col { padding-left: 38px; } .form-contact .form-col-full { margin-top: 13px; } .form-contact .form-actions { padding-top: 10px; } .form-contact .form-actions .btn { padding: 0 18px; } .form-contact .form-row:last-child .form-col:last-child { padding-top: 38px; padding-left: 44px; } .form-contact .form-hint { display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 13px; color: #444; } .form-contact .form-hint .line { display: inline-block; vertical-align: middle; width: 1px; height: 32px; background-color: #ca0000; margin-right: 10px; } .form-contact .form-alert { width: 100%; height: 100%; background-color: #f5f5f5; position: absolute; left: 0; top: 0; z-index: 100; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; opacity: 0; visibility: hidden; transition: opacity 1s ease, visibility 1s ease; } .form-contact .form-alert h5 { margin: 0; font-size: 16px; text-transform: uppercase; direction: ltr; } .form-contact.show-alert .form-alert { opacity: 1; visibility: visible; } .form-contact .g-recaptcha, .form-adv .g-recaptcha, .form-apply .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0; direction:ltr;} .form-contact .g-recaptcha {margin-top:12px; } .form-adv .g-recaptcha { margin-top:18px; } .form-apply .g-recaptcha { margin-top:12px; } /* Small Desktop */ @media (max-width: 1279px) { .form-contact .form-row:last-child .form-col:last-child { padding-top: 0; } .form-contact .form-hint { display: block; margin-left: 0; margin-top: 10px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .form-contact .form-hint { display: inline-block; margin-top: 0; } } /* Mobile */ @media (max-width: 767px) { .form-contact .form-row:last-child { margin-top: 15px; margin-bottom: 0; } .form-contact .form-actions { padding-bottom: 20px; } .form-contact .form-hint .line { margin-left: 10px; margin-right: 5px; } } /* ------------------------------------------------------------ *\ Form Login \* ------------------------------------------------------------ */ .form-login { width: 420px; color: #fff; text-align: center; position: relative; } .form-login form { transition: opacity 1s ease, visibility 1s ease; } .form-login h5 { font-size: 16px; margin-bottom: 20px; color: #edf1f2; } .form-login .form-row { font-size: 0; } .form-login .form-row-alt { margin: 53px 0 30px !important; } .form-login .form-row-alt .form-controls { display: block; width: 100%; } .form-login .form-row ~ .form-row { margin-top: 17px; } .form-login .form-head { margin-bottom: 25px; } .form-login .form-head h5 { margin-bottom: 0; } .form-login .form-label, .form-login .form-controls { display: inline-block; vertical-align: middle; } .form-login .form-label { width: 24%; height: 50px; padding: 16px 0 16px 21px; border: 1px solid rgba(255, 255, 255, .3); border-right: 0; font-size: 13px; color: #eef1f2; text-align: left; } .form-login .form-controls { width: 76%; } .form-login .field { height: 50px; border-color: rgba(255, 255, 255, .3); padding: 17px 15px 16px; color: #fff; } .form-login .link-forgot-pass { display: inline-block; font-size: 13px; color: #eef1f2; opacity: .5; text-decoration: underline; margin: 10px 0 0; } .form-login .link-forgot-pass:hover { text-decoration: none; } .form-login .btn-red { min-width: 130px; } .form-login .btn ~ .btn { margin-left: 15px; } .form-login .form-foot { margin-top: 57px; padding-top: 40px; border-top: 1px solid rgba(255, 255, 255, .2); } .form-login .form-foot .btn { margin-bottom: 30px; } .form-login .form-alert { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; opacity: 0; visibility: hidden; transition: opacity 1s ease, visibility 1s ease; } .form-login .form-alert h5 { margin: 50px 0 0; font-size: 16px; text-transform: uppercase; direction: ltr; } .form-login.show-alert form { opacity: 0; visibility: hidden; } .form-login.show-alert .form-alert { opacity: 1; visibility: visible; } /* Form Login Secondary */ .form-login-secondary .form-head { margin-bottom: 30px; } .form-login-secondary .form-head h5 span { display: block; font-weight: 500; font-size: 15px; color: #eee; opacity: .85; padding-top: 7px; } .form-login-secondary .form-actions { padding-top: 40px; } /* Mobile */ @media (max-width: 767px) { .form-login { width: 100%; } .form-login-secondary .form-head h5 span { padding: 7px 10px 0; } .form-login .form-label { width: 34.6%; } .form-login .form-controls { width: 65.4%; } .form-login-secondary .form-actions { padding-top: 30px; } } /* ------------------------------------------------------------ *\ Form Register \* ------------------------------------------------------------ */ .form-register .form-head { margin-bottom: 42px; } .form-register .form-row ~ .form-row { margin-top: 10px; } .form-register .form-label-required { border-left-color: #ca0000; } .form-register .fs-dropdown-selected { height: 50px; line-height: 48px; margin: 0; border-color: rgba(255, 255, 255, .2); color: #fff; font-weight: 400; font-size: 13px; } .form-register .fs-dropdown-selected:after { color: #fff; } .form-register .form-label { width: 34.5%; } .form-register .form-controls { width: 65.5%; } .form-register .checkbox-square { margin-bottom: 20px; } .form-register .form-actions { padding-top: 54px; } .form-register .form-hint { display: inline-block; vertical-align: middle; font-size: 13px; color: #fff; margin-bottom: 15px; } .form-register .form-hint .line { display: inline-block; vertical-align: middle; width: 2px; height: 15px; background-color: #ca0000; margin-right: 7px; } /* Mobile */ @media (max-width: 767px) { .form-register .form-head { margin: 20px 0 25px; } .form-register .fs-dropdown { margin: 0; } .form-register .form-row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .form-register .form-label { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 0 0 34.5%; -ms-flex: 0 0 34.5%; flex: 0 0 34.5%; padding: 0 0 0 21px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .form-register .form-controls { -webkit-flex: 0 0 65.5%; -ms-flex: 0 0 65.5%; flex: 0 0 65.5%; } .form-register .form-actions { padding-top: 35px; } .form-register .checkbox-square { margin-bottom: 30px; } } /* ------------------------------------------------------------ *\ Form Profile \* ------------------------------------------------------------ */ .form-profile { position: relative; } .form-profile .form-row { margin-left: -38px; } .form-profile .form-row .form-row { margin-left: 0; } .form-profile .form-row:after { } .form-profile .form-row ~ .form-row { margin-top: 25px; } .form-profile .form-col-1of2 { padding-left: 38px; } .form-profile .fs-dropdown { margin: 0; } .form-profile .required .fs-dropdown-selected { border-left-color: #ca0000; } .form-profile form:after { } .form-profile .form-body, .form-profile .form-actions { float: left; } .form-profile .form-body { width: 40.5%; } .form-profile .form-actions { width: 24.6%; margin-left: 6.7%; } .form-profile .form-actions { padding-top: 21px; } .form-profile .form-actions-inner { width: 24.6%; position: absolute; left: 47.8%; bottom: 0; } .form-profile .form-actions-inner .btn { padding: 0 16px 0 15px; } .form-profile .checkbox { position: relative; padding-left: 35px; } .form-profile .checkbox input { position: absolute; left: 0; top: 0; } .form-profile .checkbox label { padding: 0; } .form-profile .list-checkboxes li ~ li { margin-top: 23px; padding-top: 24px; border-top: 1px dotted #b9b9b9; } .form-profile .form-hint { display: inline-block; vertical-align: middle; margin-left: 12px; font-size: 13px; color: #444; } .form-profile .form-hint .line { display: inline-block; vertical-align: middle; width: 1px; height: 32px; background-color: #ca0000; margin-right: 7px; } .form-profile .custom-select { position: relative; z-index: 20; } .form-profile .form-alert { width: 100%; height: 100%; background-color: #fff; position: absolute; left: 0; top: 0; z-index: 100; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; opacity: 0; visibility: hidden; transition: opacity 1s ease, visibility 1s ease; direction: ltr; } .form-profile .form-alert h5 { margin: 50px 0 0; font-size: 16px; text-transform: uppercase; } .form-profile.show-alert .form-alert { opacity: 1; visibility: visible; } /* Tablet Portrait */ @media (max-width: 1023px) { .form-profile .form-body, .form-profile .form-actions { width: 50%; } .form-profile .form-actions { margin-left: 0; padding-left: 30px; } .form-profile .form-actions-inner { width: 50%; left: 50%; padding-left: 30px; } .form-profile .form-hint { display: inline-block; margin-top: 0; } } /* Mobile */ @media (max-width: 767px) { .form-profile .form-body, .form-profile .form-actions { float: none; width: 100%; } .form-profile .form-actions { padding-left: 0; } .form-profile .checkbox { padding-left: 20px; } .form-profile .list-checkboxes li ~ li { margin-top: 15px; padding-top: 15px; } .form-profile .form-actions-inner { width: 100%; position: relative; left: 0; padding-left: 0; } } /* ------------------------------------------------------------ *\ Form Create Account \* ------------------------------------------------------------ */ .form-create-account { position: relative; } .form-create-account .form-row ~ .form-row { margin-top: 28px; } .form-create-account .form-row-alt { font-size: 0; } .form-create-account .form-row-alt .form-label, .form-create-account .form-row-alt .form-controls { display: inline-block; vertical-align: middle; } .form-create-account .form-row-alt .form-label { width: 23.4%; height: 50px; line-height: 48px; border: 1px solid #e6e6e6; border-right: 0; padding: 0 7px 0 0; font-size: 13px; color: #333; text-align: center; } .form-create-account .form-row-alt .form-controls { width: 76.6%; } .form-create-account .form-row-alt .field { height: 50px; padding: 17px 18px 16px; border-color: #e6e6e6; } .form-create-account .checkbox-small-square { margin-left: -20px; } .form-create-account .checkbox-small-square label { display: inline-block; font-size: 13px; color: rgba(119, 119, 119, .7); padding: 0 0 0 30px; } .form-create-account .checkbox-small-square label:before { left: 0; margin-left: 0; top: 50%; margin-top: -11px; border-color: #e7e7e7; } .form-create-account .checkbox-small-square input:checked ~ label:before { color: #333; } .form-create-account .btn { min-width: 130px; margin-left: -13px; } .form-create-account .form-alert { display: none; } .form-create-account .form-alert h5 { width: 70%; margin: 0 auto; line-height: 1.2; text-transform: uppercase; } .form-create-account.show-alert .form-body { display: none; } .form-create-account.show-alert .form-alert { display: block; } /* Mobile */ @media (max-width: 767px) { .form-create-account .form-row-alt .form-label { width: 39%; } .form-create-account .form-row-alt .form-controls { width: 61%; } .form-create-account .checkbox-small-square { margin-left: -10px; } } /* ------------------------------------------------------------ *\ Form Search Global \* ------------------------------------------------------------ */ .form-search-global { font-size: 0; position: relative; } .form-search-global .btn-red { width: 110px; height: 110px; background-color: #ca0000; border-radius: 50%; position: absolute; right: 0; top: 53%; margin-top: -55px; border: 0; } .form-search-global .btn-red:hover { background-color: #121736; color: #fff; } .form-search-global .btn-red i { font-size: 45px; } .form-search-global .field { height: auto; line-height: 180px; padding: 0 130px 0 0; border: 0; font-weight: 700; font-size: 100px; color: #ca0000; } .form-search-global .field::-webkit-input-placeholder { color: #c1c1c1; padding-left: 40px; } .form-search-global .field::-moz-placeholder { color: #c1c1c1; padding-left: 40px; } .form-search-global .field:-moz-placeholder { color: #c1c1c1; padding-left: 40px; } .form-search-global .field:-ms-input-placeholder { color: #c1c1c1; padding-left: 40px; } /* Mobile */ @media (max-width: 767px) { .form-search-global .field { font-size: 30px; line-height: 70px; padding: 0 70px 0 0; } .form-search-global .field::-webkit-input-placeholder { padding-left: 20px; } .form-search-global .field::-moz-placeholder { padding-left: 20px; } .form-search-global .field:-moz-placeholder { padding-left: 20px; } .form-search-global .field:-ms-input-placeholder { padding-left: 20px; } .form-search-global .btn-red { width: 56px; height: 56px; margin-top: -28px; } .form-search-global .btn-red i { font-size: 23px; position: relative; top: 4px; left: -2px; } } /* ------------------------------------------------------------ *\ Form Tweet Comment \* ------------------------------------------------------------ */ .form-tweet-comment { text-align: center; } .form-tweet-comment .textarea { height: 65px; resize: vertical; border-radius: 3px; border: 1px solid #0093cd; box-shadow: 0 0 1px #0093cd; padding: 10px; text-align: left; } .form-tweet-comment .btn-tweet { margin-top: 10px; } /* ------------------------------------------------------------ *\ Grid \* ------------------------------------------------------------ */ .grid { padding: 0 40px; overflow: hidden; } .grid-item { padding: 0 2px; margin-bottom: 4px; float: left; position: relative; float: left; } .grid-item .banner { margin: 0; } .grid-item .grid-item-image { position: relative; z-index: 2; } .grid-item .grid-item-image a { display: block; position: relative; } .grid-item .grid-item-image a:before { content: ''; width: 100%; height: 100%; background-color: #333; opacity: 0; transition: opacity .4s ease; position: absolute; left: 0; top: 0; z-index: 2; } .grid-item .grid-item-image a:after { content: ''; background: url(../images/shadow-wide.png) repeat-x left bottom; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; } .grid-item .grid-item-image img { width: 100%; height: auto; } .grid-item .grid-item-content { padding: 0 26px 20px 36px; position: absolute; left: 2px; right: 2px; bottom: 0; z-index: 10; } .grid-item .grid-item-content h4 { font-family: 'TheSans', sans-serif; font-size: 22px; color: #fff; text-transform: uppercase; margin-bottom: 0; } .grid-item .grid-item-content p { margin: 0; font-weight: 700; font-size: 14px; opacity: .75; color: #fff; } .grid-item .grid-item-content p span { margin-left: 10px; } .grid-item .grid-item-content ul { display: inline-block; list-style: none; margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid rgba(255, 255, 255, .1); } .grid-item .grid-item-content ul li { display: inline-block; vertical-align: middle; } .grid-item .grid-item-content ul li ~ li { margin-left: 15px; } .grid-item .grid-item-content ul a { display: block; font-weight: 700; font-size: 14px; text-decoration: underline; color: #fff; transition: color .4s ease; } .grid-item .grid-item-content ul a:hover { color: #ca0000; } .grid-item .grid-item-content .link-more { width: 36px; height: 36px; background-color: #121736; border-radius: 50%; position: absolute; right: 26px; bottom: 20px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .3); font-size: 22px; color: #fff; text-align: center; line-height: 39px; padding-left: 3px; transition: background-color .4s ease; } .grid-item .grid-item-content .link-more:hover { background-color: #ca0000; } .grid-item:hover .grid-item-image a:before { opacity: .25; } /* Sizes */ .grid-item-small { width: 25.4%; } .grid-item-medium { width: 36.8%;height:220px;overflow:hidden; } .grid-item-medium-alt { width: 37.3%;height:249px;overflow:hidden; } .grid-item-large { width: 63.2%;height:444px;overflow:hidden; } /* Small Desktop */ @media (max-width: 1279px) { .grid-item-large { width: 63.2%; } .grid-item-medium { width: 36.7%; } } /* Tablet Portrait */ @media (max-width: 1023px) { .grid-item-large { width: 100%; } .grid-item-small, .grid-item-medium, .grid-item-medium-alt { width: 50%; } } /* Mobile */ @media (max-width: 767px) { .grid { padding: 0; height: 240px; overflow: hidden; } .grid-item { padding: 0; display: block; margin: 0; height: 240px; overflow: hidden; } .grid-item:first-child { display: block; } .grid-item .grid-item-image img { height: 240px; max-width: none; width: auto; } .grid-item .grid-item-content { padding: 0 26px 20px 15px; } .grid-item-small, .grid-item-medium, .grid-item-medium-alt { width: 100%; } } /* ------------------------------------------------------------ *\ Hightlights \* ------------------------------------------------------------ */ .highlights h3 { font-weight: 700; font-size: 20px; text-align: right; color: #333; margin: 0 0 12px; } .highlights ul { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #ddd; } .highlights ul li { border-top: 1px solid #ddd; position: relative; } .highlights ul a:not([class]) { display: block; padding: 10px 0; font-size: 14px; text-decoration: none; position: relative; transition: color .4s ease; } .highlights ul a:not([class]):before { content: ''; height: 100%; position: absolute; left: -10px; right: 0; top: 0; background-color: #1b2352; z-index: -1; opacity: 0; transition: opacity .4s ease; } .highlights ul a.icon i { position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; opacity: .5; transition: opacity .4s ease; } .highlights ul li:hover a { color: #fff; } .highlights ul li:hover a:before, .highlights ul li:hover a i { opacity: 1; } .highlights ul li p{display:inline-block; padding-left:10px;vertical-align:middle;width: calc(100% - 102px);} .highlights ul li img{height:42px;object-fit: cover;} #homePage .highlights{margin-bottom:25px;} /* Mobile */ @media (max-width: 767px) { .highlights { margin-bottom: 25px; } .highlights h3 { text-align: left; } .highlights ul a:hover { color: #333; } .highlights ul a:hover:before { opacity: 0; } .highlights ul a:hover i { opacity: .5; } } /* ------------------------------------------------------------ *\ Intro \* ------------------------------------------------------------ */ .intro { position: relative; height: 456px; } .intro-small { height: 328px; } .intro .intro-image { width: 100%; height: 100%; background-size: cover; background-position: center; position: absolute; left: 0; top: 0; z-index: 1; } .intro .intro-image img { display: none; } .intro .intro-content { width: 100%; color: #fff; text-align: center; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; } .intro .intro-content h1 { font-size: 40px; text-transform: uppercase; text-shadow: 0 7px 4px rgba(0,0,0, .15); letter-spacing: -.03em; } .intro .intro-content h1 span { display: block; font-size: 16px; color: #eef1f2; letter-spacing: 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .intro .intro-content h1 { font-size: 32px; } } /* Mobile */ @media (max-width: 767px) { .intro .intro-content { padding: 0 25px; } .intro .intro-content h1 { font-size: 35px; } } /* ------------------------------------------------------------ *\ Intro Corporate About \* ------------------------------------------------------------ */ /* Mobile */ @media (max-width: 767px) { .intro-corporate-about { height: 334px; } .intro-corporate-about .intro-image { background-position: 57% center; } } /* ------------------------------------------------------------ *\ Intro Corporate Careers \* ------------------------------------------------------------ */ /* Mobile */ @media (max-width: 767px) { .intro-corporate-careers .intro-content { padding: 0; } .intro-corporate-careers .intro-image { background-position: 37% center; } } /* ------------------------------------------------------------ *\ Intro Corporate Production \* ------------------------------------------------------------ */ .intro-corporate-production .intro-content h1 { margin-bottom: 26px; letter-spacing: -.03em; } .intro-corporate-production .intro-content h1 a { display: block; margin-bottom: 0; text-decoration: none; } .intro-corporate-production .intro-content h6 { max-width: 880px; margin: 0 auto; font-weight: 400; font-size: 14px; color: #bebebe; line-height: 2; text-transform: uppercase; } /* Mobile */ @media (max-width: 767px) { .intro-corporate-production { height: 338px; } .intro-corporate-production .intro-content { padding: 0; } .intro-corporate-production .intro-content h1 { margin: 0; } .intro-corporate-production .intro-content h6 { display: none; } } /* ------------------------------------------------------------ *\ Intro Corporate Contact \* ------------------------------------------------------------ */ .intro-corporate-contact .intro-content { top: 55%; } .intro-corporate-contact .icon { display: inline-block !important; margin: 12px 0 0; padding: 0 10px; position: relative; font-size: 36px !important; } .intro-corporate-contact .icon:before, .intro-corporate-contact .icon:after { content: ''; width: 106px; height: 1px; background-color: #fff; opacity: .4; position: absolute; top: 50%; } .intro-corporate-contact .icon:before { right: 100%; } .intro-corporate-contact .icon:after { left: 100%; } /* Mobile */ @media (max-width: 767px) { .intro-corporate-contact .intro-content { top: 50%; } .intro-corporate-contact .intro-image { background-position: 80% center; } } /* ------------------------------------------------------------ *\ Intro Corporate Watch \* ------------------------------------------------------------ */ .intro-corporate-watch { height: 220px; } /* ------------------------------------------------------------ *\ Intro Program \* ------------------------------------------------------------ */ .intro-program { height: 495px; position: relative; margin-top: 58px; } .intro-program .intro-bg { width: 100%; height: 100%; background-size: cover; background-position: center; position: absolute; left: 0; top: 0; z-index: 1; } .intro-program .intro-bg img { display: none; } .intro-program .play-promo{background:#000;cursor:pointer;position:absolute;left:50%;top:50%;margin-left:-40px;margin-top:-40px;z-index:99;border:1px solid #fff;width:80px;height:80px;border-radius:80px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;-moz-transition-property: transform;-ms-transition-property: transform;-o-transition-property: transform;transition-property: transform;} .intro-program .play-promo:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .intro-program .zmdi-play {font-size:80px;color:#C71418;position:absolute;left:28px;} .intro-program .intro-head { width: 100%; padding: 20px 0; background-color: rgba(22,24,54,0.58); position: absolute; left: 0; top: 0; z-index: 10; overflow: hidden; color: #fff; } .intro-program .intro-head .shell { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; /*padding: 0 0 0 18px;*/ } .intro-program .intro-head-title { margin-left: 15px; } .intro-program .intro-head-title h2 { font-size: 38px; text-transform: uppercase; } .intro-program .intro-head-title h2 span { display: block; font-weight: 400; font-size: 15px; opacity: .75; } .intro-program .intro-head-aside { margin-bottom: 5px; } .intro-program .socials ul a { font-size: 16px; color: #fff; opacity: .85; transition: color .4s ease; } .intro-program .socials ul li { vertical-align: baseline; } .intro-program .socials ul li ~ li { margin-left: 31px; } .intro-program .socials ul li.separator { position: relative; text-align: right; font-size: 37px; line-height: 1.2; margin-left: 43px; } .intro-program .socials ul li.separator:before { content: '/'; font-weight: 700; font-size: 38px; position: absolute; right: 100%; bottom: 0; margin-right: 5px; } .intro-program .socials ul li.separator span { display: block; font-weight: 400; font-size: 12px; } .intro-program .intro-content { width: 100%; position: absolute; left: 0; bottom: 48px; z-index: 10; } .intro-program .intro-content .banner { margin: 15px 0 0 0; } .intro-program .intro-content .banner-small { max-width: 300px; } .intro-program .intro-content .shell { padding-left: 36px; } .intro-program .intro-content .fs-dropdown { width: 210px; margin: 0; position: relative; } .intro-program .intro-content .fs-dropdown:before { content: ''; width: 1px; background-color: #333; position: absolute; right: 33px; top: -1px; bottom: -1px; z-index: 52; } .intro-program .intro-content .fs-dropdown-selected { background-color: #c71418; border-color: #c71418; font-weight: 700; font-size: 13px; color: #fff; text-transform: uppercase; border-radius: 0 !important; } .intro-program .intro-content .fs-dropdown-selected:after { font-size: 8px; color: #fff; right: 12px; } .intro-program-small { height: auto; } .intro-program-small .intro-head { position: relative; /*background-color: #222;*/ } .intro-program.is-archived {margin-top:0;} @media ( max-width: 1279px ) { .intro-program .intro-head-title { margin-left: 0; } .intro-program .intro-head .shell { padding: 0 15px; } } /* Small Desktop */ @media (max-width: 1279px) { .intro-program .intro-head .shell, .intro-program .intro-content .shell { padding: 0 10px; } .intro-program .intro-head-title { margin-left: 0; } } /* Mobile */ @media (max-width: 767px) { .intro-program { margin-top: 0; height: auto; } .intro-program .intro-head { padding: 20px 0 15px; position: relative; background-color: #161836; overflow: hidden; } .intro-program .intro-head .shell { display: block; } .intro-program .intro-head-title { position: relative; margin-bottom: 50px; } .intro-program .intro-head-title:before { content: ''; height: 1px; background-color: #fff; opacity: .1; position: absolute; left: -15px; bottom: -30px; right: -15px; } .intro-program .intro-head-title h2 { font-size: 22px; } .intro-program .intro-head-title h2 span { display: none; } .intro-program .intro-content, .intro-program .intro-bg { /*display: none;*/position:initial; } .intro-program .intro-bg img{display:block;} .intro-program .play-promo{margin-top:0;} .intro-program .intro-head .shell, .intro-program .intro-content .shell { padding: 0 15px; } .intro-program .socials { position: relative; } .intro-program .socials ul li ~ li { margin-left: 15px; } .intro-program .socials ul li.separator { position: absolute; left: 0; bottom: 100%; font-size: 16px; opacity: .75; margin: 0 0 30px; text-transform: capitalize; } .intro-program .socials ul li.separator span { display: inline-block; vertical-align: middle; padding-right: 5px; } .intro-program .socials ul li.separator strong { font-size: 16px; } .intro-program .socials ul li.separator:before { display: none; } .intro-program .custom-select { width: 140px; position: absolute; right: 0; top: -6px; } .intro-program-small .intro-head-aside { position: relative; } .intro-program .custom-select .fs-dropdown { width: 100%; margin: 0; position: relative; } .intro-program .custom-select .fs-dropdown:before { content: ''; width: 1px; background-color: #333; position: absolute; right: 33px; top: 0px; bottom: 0px; z-index: 52; } .intro-program .custom-select .fs-dropdown-selected { background-color: #c71418; border-color: #c71418; font-weight: 700; font-size: 13px; color: #fff; text-transform: uppercase; border-radius: 0 !important; } .intro-program .custom-select .fs-dropdown-selected:after { font-size: 8px; color: #fff; right: 12px; } .intro-landing .intro-content { display: block; bottom: 0; top: auto; } .intro-landing .intro-content .banner { display: none; } .intro-landing .intro-content .custom-select { right: 15px; top: -46px; } .intro-program .play-promo{background: #000;cursor: pointer;position: absolute;left: 20px;bottom: 2%;top:auto;z-index: 99;border: 1px solid #fff;width: 40px;height: 40px;border-radius: 80px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;-moz-transition-property: transform;-ms-transition-property: transform;-o-transition-property: transform;transition-property: transform;margin-left:0;margin-top:0;} .intro-program .zmdi-play {font-size:40px;color:#C71418;position:absolute;left:13px;} } /* ------------------------------------------------------------ *\ Intro Program Gallery Inner \* ------------------------------------------------------------ */ /* Mobile */ @media (max-width: 767px) { .intro-program-gallery-inner .intro-head { display: none; } } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; } /* ------------------------------------------------------------ *\ List Posts \* ------------------------------------------------------------ */ .list-posts { overflow: hidden; padding: 0; margin: 0 -8px; } .list-posts li { float: left; width: 33.3333%; padding: 0 8px; } /* Mobile */ @media (max-width: 767px) { .list-posts {margin-bottom:20px !important;} .list-posts li { float: none; width: 100%; } .list-posts li ~ li { margin-top: 15px; } .list-posts .post { overflow: hidden; position: relative; } .list-posts .post-image { float: left; width: 78px; height: 58px; overflow: hidden; } .list-posts .post .post-image .label { bottom: 5px; } .list-posts .post-image img { max-width: none; width: auto; height: 100%; } .list-posts .post .post-content { overflow: hidden; text-align: left; padding-left: 10px; } .list-posts .post .post-content a { padding-top: 0; padding-left: 10px; padding-right: 0; margin-top: -5px; padding-bottom: 0; margin-bottom: 15px; max-height: 38px; overflow: hidden; } .list-posts .post { position: relative; } .list-posts .post .post-content { padding-left: 0; padding-right: 0; } .list-posts .post .post-image { overflow: visible; } } /* ------------------------------------------------------------ *\ List News \* ------------------------------------------------------------ */ .list-news { margin: 0 -7px; list-style: none; overflow: hidden; } .list-news li { float: left; width: 50%; padding: 0 7px; } .list-news li:nth-child(odd) { clear: left; } .list-news li.col-1of3 { width: 33.3333%; } .list-news li.col-1of4 { width: 24.6%;margin-bottom:20px; } .list-news li.col-1of6 { width: 16.6666%; } .list-news li.col-1of3:nth-child(odd), .list-news li.col-1of6:nth-child(odd),.list-news li.col-1of4:nth-child(odd) { clear: none; } .section-program-landing ~ .section-programs-news .section-body .list-news {margin:0;} /* ------------------------------------------------------------ *\ List News Primary \* ------------------------------------------------------------ */ .list-news-primary { background-color: #f5f5f5; padding: 15px 20px 19px 11px; margin-bottom: 33px; } .list-news-primary li ~ li { margin-top: 13px; position: relative; } .list-news-primary li ~ li:before { content: ''; height: 1px; background-color: #e8e8e9; position: absolute; left: 19.8%; margin-left: 10px; right: 0; top: -6px; } .list-news-primary li a { display: block; text-decoration: none; font-size: 0; padding-right: 65px; position: relative; } .insection-feed .list-news-primary li a{padding-right:0;} .list-news-primary li img, .list-news-primary li p { display: inline-block; vertical-align: middle; margin: 0; } .list-news-primary li img { width: 19.8%; } .list-news-primary li p { width: 80.2%; font-size: 13px; line-height: 1.3; padding-left: 20px; padding-right:20px; transition: color .4s ease; } .list-news-primary li span { font-weight: 700; font-size: 12px; text-transform: uppercase; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width:75px; word-wrap:break-word; } .list-news-primary li:hover p { color: #ca0000; } .list-news-primary .color-dark img { border-left: 8px solid rgba(59, 58, 57, .9); } .list-news-primary .color-dark span { color: #3b3a39; } .list-news-primary .color-purple img { border-left: 8px solid rgba(79, 95, 185, .9); } .list-news-primary .color-purple span { color: #3e50b3; } .list-news-primary .color-yellow img { border-left: 8px solid rgba(217, 217, 0, .9); } .list-news-primary .color-yellow span { color: #b2b200; } /* Mobile */ @media (max-width: 767px) { .list-news-primary { padding: 15px; } .list-news-primary li a { padding: 0; } .list-news-primary li p { width: 71%; max-height: 32px; vertical-align: top; margin-bottom: 15px; overflow: hidden; } .list-news-primary li img { width: 29%; } .list-news-primary li span { left: 29%; right: auto; top: 35px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); margin-left: 20px; font-size: 10px; opacity: 1; color: #333; } .list-news-primary li ~ li { margin-top: 30px; } .list-news-primary li ~ li:before { left: 0; margin: 0; background-color: #fff; top: -15px; } .list-news-primary li:hover p { color: #333; } .list-news li.col-1of3, .list-news li.col-1of6,.list-news li.col-1of4 { width: 50%; } } /* ------------------------------------------------------------ *\ List Letters \* ------------------------------------------------------------ */ .list-letters { visibility:hidden;/*temporary*/display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .list-letters a { display: block; text-decoration: none; font-size: 12px; color: #333; transition: color .4s ease; } .list-letters:hover a { color: #878787; } .list-letters:hover a:hover, .list-letters li.active a { color: #ca0000 !important; } /* ------------------------------------------------------------ *\ List Watched Programs \* ------------------------------------------------------------ */ .list-watched-programs { margin: 0 -8px; overflow: hidden; } .list-watched-programs li { float: left; width: 50%; padding: 0 8px; } .list-watched-programs li:nth-child(odd) { clear: left; } /* Mobile */ @media (max-width: 767px) { .list-watched-programs .program-small { position: relative; } .list-watched-programs .program-small .program-image span { display: none; } } /* ------------------------------------------------------------ *\ List Watched Videos \* ------------------------------------------------------------ */ .list-watched-videos { margin: 0 -8px; overflow: hidden; position: relative; } .list-watched-videos:after { content: ''; height: 1px; background-color: #ddd; position: absolute; left: 5px; right: 5px; bottom: 0; } .list-watched-videos li { float: left; width: 50%; padding: 0 8px; position: relative; } .list-watched-videos li:nth-child(n+3) { padding-top: 18px; } .list-watched-videos li:nth-child(n+3):before { content: ''; height: 1px; background-color: #ddd; position: absolute; left: 8px; right: 0; top: 0; } .list-watched-videos li:nth-child(even):before { left: 0; right: 8px; } .list-watched-videos li:nth-child(odd) { clear: left; } .list-watched-videos .video { padding-bottom: 57.5%; overflow: visible;} .list-watched-videos .video-overlay { height: 100%; background-color: rgba(202, 0, 0, .8); position: absolute; left: 0; top: 0; transition: background-color .4s ease; } .list-watched-videos .video-overlay:after { content: ''; background-color: #ff0000; width: 1px; position: absolute; top: 0; bottom: -20px; left: 100%; transition: background-color .4s ease; } .list-watched-videos .video-overlay .play { left: 100%; border: 1px solid #fff; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); margin-top: -18px; margin-left: -18px; transition: background-color .4s ease; } .list-watched-videos .video-overlay .playtime { font-size: 11px; color: #333; text-transform: uppercase; position: absolute; right: 0; bottom: -23px; padding-right: 7px; } .list-watched-videos .video-content { padding: 25px 0 20px; } .list-watched-videos .video-content h6 { font-size: 14px; text-transform: uppercase; margin: 0; } .list-watched-videos .video-content p { font-size: 14px; color: #555; opacity: .75; margin: 0 0 2px; line-height: 1.5; } .list-watched-videos .video-content .meta p { font-weight: 700; font-size: 12px; color: #333; opacity: .75; margin: 0; } .list-watched-videos .video-content .meta p span ~ span { margin-left: 7px; } .list-watched-videos .video:hover .video-overlay { background-color: rgba(18, 23, 54, .8); } .list-watched-videos .video:hover .video-overlay .play, .list-watched-videos .video:hover .video-overlay:after { background-color: #121736; } /* Mobile */ @media (max-width: 767px) { .list-watched-videos .video-content h6 { margin-bottom: 5px; } .list-watched-videos .video-content p { display: none; } .list-watched-videos .video-content .meta p { display: block; } .list-watched-videos .video-content .meta p span { display: block; } .list-watched-videos .video-content .meta p span:nth-child(2) { margin-left: 0; } .list-watched-videos .video-content .meta p span ~ span { display: inline-block; } .list-watched-videos li:nth-child(n+3) { padding-top: 5px; } .list-watched-videos li:nth-child(n+3):before { display: none; } .list-watched-videos .video:hover .video-overlay { background-color: rgba(202, 0, 0, .8); } .list-watched-videos .video:hover .video-overlay .play, .list-watched-videos .video:hover .video-overlay:after { background-color: #ca0000; } } /* ------------------------------------------------------------ *\ List Playlists \* ------------------------------------------------------------ */ .list-playlists { margin: 0 -8px; overflow: hidden; } .list-playlists li { float: left; width: 50%; padding: 0 8px; position: relative; } .list-playlists li:nth-child(n+3) { padding-top: 30px; } .list-playlists li:nth-child(n+3):before { content: ''; height: 1px; background-color: #ddd; position: absolute; left: 8px; right: 0; top: 0; } .list-playlists li:nth-child(even):before { left: 0; right: 8px; } .list-playlists .video { padding-bottom: 57.5%; overflow: visible; } .list-playlists .video-content { padding: 20px 25px 15px 0; position: relative; } .list-playlists .video-content h6 { font-size: 14px; text-transform: uppercase; margin: 0; transition: color .4s ease; } .list-playlists .video-content .add-to-favorites { font-size: 18px; color: #ccc; position: absolute; right: 0; top: 15px; } .list-playlists .video-content .add-to-favorites i:before { transition: color .4s ease; } .list-playlists .video-content .add-to-favorites i:hover:before { content: '\f15f'; color: #ca0000; } .list-playlists .video-playlist { width: 46%; height: 100%; background-color: rgba(0, 0, 0, .7); position: absolute; right: 0; top: 0; z-index: 10; transition: background-color .4s ease; } .list-playlists .video-playlist span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: 'TheSans', sans-serif; font-weight: 700; font-size: 14px; color: rgba(255,255,255, .75); white-space: nowrap; text-align: center; } .list-playlists .video-playlist span i { font-weight: normal; font-size: 28px; margin-top: 2px; } .list-playlists .video-item:hover .video-playlist { background-color: rgba(202, 0, 0, .7); } .list-playlists .video-item:hover .video-content h6 { color: #ca0000; } /* Small Desktop */ @media (max-width: 1279px) { .list-playlists .video-playlist { width: 56%; } } /* Mobile */ @media (max-width: 767px) { .list-playlists .video-item:hover .video-playlist { background-color: rgba(0, 0, 0, .7); } .list-playlists .video-item:hover .video-content h6 { color: #333; } } /* ------------------------------------------------------------ *\ List Interests \* ------------------------------------------------------------ */ .list-interests { margin: 0 -3px; } .list-interests:after { } .list-interests li { float: left; width: 25%; padding: 0 3px; margin-top: 45px; } /* Tablet Portrait */ @media (max-width: 1023px) { .list-interests li { width: 50%; margin-top: 6px; } } /* Mobile */ @media (max-width: 767px) { .list-interests li { width: 100%; margin-top: 0; } .list-interests li ~ li { margin-top: 40px; } } /* ------------------------------------------------------------ *\ List Tags \* ------------------------------------------------------------ */ .list-tags { margin: 0; padding: 0; font-size: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .list-tags li { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; display: inline-block; vertical-align: middle; margin: 0 2px 4px; } .list-tags a { height: 52px; line-height: 52px; padding: 0 25px; display: block; text-decoration: none; background-color: #ebebec; text-align: center; font-size: 13px; color: #444; text-transform: uppercase; } /* Small Desktop */ @media (max-width: 1279px) { .list-tags a { font-size: 12px; padding: 0 14px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .list-tags a { padding: 0 8px; height: 36px; line-height: 36px; } } /* Mobile */ @media (max-width: 767px) { .list-tags li { margin: 0 1.5px 3px; } .list-tags a { display: block; height: 36px; line-height: 36px; padding: 0 5px; font-size: 13px; } } /* ------------------------------------------------------------ *\ List Articles \* ------------------------------------------------------------ */ .list-articles { position: absolute; top: 100%; width: 315px; background-color: #ddd; margin-top: 22px; opacity: 0; visibility: hidden; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); transition: opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease; transition: opacity .4s ease, visibility .4s ease, transform .4s ease; transition: opacity .4s ease, visibility .4s ease, transform .4s ease, -webkit-transform .4s ease; } .list-articles:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 19px 10px 19px; border-color: transparent transparent #1c2252 transparent; position: absolute; right: 13px; top: -10px; } .list-articles a { display: block; position: relative; padding: 13px; line-height: 1.3; text-decoration: none; text-align: left; transition: background-color .4s ease, color .4s ease; font-size: 0; } .list-articles a:hover { background-color: #1b2352; color: #fff; } .list-articles li:first-child a { padding: 23px 13px 13px; } .list-articles li:last-child a { padding: 13px 13px 23px; } .list-articles a > img, .list-articles a > span { display: inline-block; vertical-align: middle; } .list-articles a > img { width: 76px; } .list-articles a > span { width: calc(100% - 76px); padding: 0 15px; font-size: 13px; } /* Small Desktop */ @media (max-width: 1279px) { .list-articles { width: 250px; } } /* ------------------------------------------------------------ *\ List Authors \* ------------------------------------------------------------ */ .list-authors { padding: 0 21px 0 25px; overflow: hidden; } .list-authors li { float: left; width: 33.3333%; padding-left: 20px; margin-top: 22px; } /* Small Desktop */ @media (max-width: 1279px) { .list-authors { padding: 0; margin-left: -20px; } } /* Mobile */ @media (max-width: 767px) { .list-authors li { width: 100%; margin-top: 0; } .list-authors li ~ li { margin-top: 10px; } } /* ------------------------------------------------------------ *\ List Vote \* ------------------------------------------------------------ */ .list-vote { padding: 56px 0 34px; margin: 0 -14px; overflow: hidden; } .list-vote li { float: left; width: 33.3333%; padding: 0 14px; margin-bottom: 24px; } .list-vote.voted .vote-item-number, .list-vote.voted .vote-item-progress { display: block; } .list-vote.voted .vote-item-actions { display: none; } .list-vote.voted li:first-child .vote-item { box-shadow: 0 0 0 3px #ca0000; } /* Tablet Portrait */ @media (max-width: 1023px) { .list-vote li { width: 50%; } } /* Mobile */ @media (max-width: 767px) { .list-vote { padding: 30px 0 0; } .list-vote li { width: 100%; } } /* ------------------------------------------------------------ *\ List Shows \* ------------------------------------------------------------ */ .list-shows li { display: inline-block; vertical-align: middle; color: #fff; } .list-shows li:nth-child(n+3) { margin-left: 20px; } .list-shows h2 { font-size: 26px; text-transform: uppercase; margin: 0; padding-right: 27px; position: relative; } .list-shows h2:after { content: ''; width: 1px; height: 66px; background: url(../images/separator.png) no-repeat 0 0; position: absolute; right: 13px; top: 50%; margin-top: -33px; } .list-shows h3 { font-weight: 400; font-size: 26px; text-transform: uppercase; opacity: .8; margin: 0; } .list-shows h3 span { display: inline-block; vertical-align: middle; font-size: 16px; position: relative; top: -2px; } /* Mobile */ @media (max-width: 767px) { .list-shows li:first-child { display: block; } .list-shows h2 { font-size: 16px; } .list-shows h2:after { display: none; } .list-shows h3 { font-size: 16px; } .list-shows h3 span { font-size: 13px; } } /* ------------------------------------------------------------ *\ List Share \* ------------------------------------------------------------ */ .list-share { font-size: 0; direction: ltr; } .list-share li { display: inline-block; vertical-align: middle; } .list-share li span { height: 22px !important; display: inline-block; vertical-align: middle; } .list-share li span span { margin-top: 0 !important; margin-bottom: 0 !important; } /* ------------------------------------------------------------ *\ List Actions \* ------------------------------------------------------------ */ .list-actions li { position: relative; } .list-actions li ~ li { margin-top: 15px; } .list-actions li a { display: block; font-weight: 500; font-size: 13px; text-transform: uppercase; text-decoration: none; padding-left: 29px; } .list-actions li.item-menu { display: none; } .list-actions li a i { font-size: 15px; color: #ca0000; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* Mobile */ @media (max-width: 767px) { .list-actions li { display: inline-block; vertical-align: middle; } .list-actions li a { font-size: 11px; text-transform: capitalize; padding-left: 20px; } .list-actions li ~ li { margin-left: 10px; margin-top: 0; } .list-actions li.item-menu { display: inline-block; } } /* ------------------------------------------------------------ *\ List Arrows \* ------------------------------------------------------------ */ .list-arrows a { display: block; text-decoration: none; font-weight: 500; font-size: 14px; color: #1f1f1f; position: relative; padding-left: 24px; transition: color .4s ease; line-height: 2; } .list-arrows a:before { content: '\f054'; font-family: 'FontAwesome'; font-size: 9px; color: #ca0000; position: absolute; left: 5px; top: 46%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; transition: opacity .4s ease; } .list-arrows .active a:before { opacity: 1; } .list-arrows a:hover, .list-arrows .active a { color: #ca0000; } .list-arrows .item-menu { display: none; } /* Mobile */ @media (max-width: 767px) { .list-arrows { width: 160px; background-color: #fff; position: fixed; right: 0; top: 45px; bottom: 0; z-index: 999; padding: 15px 25px 20px 15px; text-align: right; opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility .4s ease; overflow-y: auto; } .list-arrows.open { opacity: 1; visibility: visible; } .list-arrows .item-menu { display: block; padding-bottom: 10px; } .list-arrows .item-menu a { color: #ca0000; } .list-arrows .active a:before { display: none; } } /* ------------------------------------------------------------ *\ Section Replay \* ------------------------------------------------------------ */ #section-replay .section-banner{background:none;} #section-replay.main{padding-bottom:80px;} #section-replay .loader:before{} /* ------------------------------------------------------------ *\ List Trending \* ------------------------------------------------------------ */ .list-trending li ~ li { margin-top: 36px; } .list-trending a { display: block; text-decoration: none; } .list-trending h4 { font-family: 'TheSans', sans-serif; font-weight: 700; font-size: 25px; color: #fff; line-height: 1.5; margin: 0; } .list-trending h4 span { display: block; font-family: 'Roboto', sans-serif; font-size: 19px; opacity: .4; } /* ------------------------------------------------------------ *\ List Replay Trending \* ------------------------------------------------------------ */ #section-replay .list-trending > li, #section-replay .list-trending .owl-item {width:33.33%;display:inline-block;vertical-align: top;margin:0;position:relative;} #section-replay .list-trending > li .program-image a:after, #section-replay .list-trending .owl-item .program-image a:after {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:100%;background: -moz-linear-gradient(top, rgba(255,255,255,0) 25%, rgba(0,0,0,1) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 25%,rgba(0,0,0,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 25%,rgba(0,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );} #section-replay .list-trending li .program-content,#section-replay .list-trending .owl-item .program-content{background:initial;position:absolute;bottom:0;width:100%;z-index:1;} #section-replay .list-trending li .program-content:before,#section-replay .list-trending .owl-item .program-content:before{content:"";display:block;width:100%;height:1px;border-top: 1px solid #535456;margin-bottom:20px;} #section-replay .program-medium .program-content .btns {width:55%;/*float:right;*/display:inline-block;text-align:left;} #section-replay .list-trending .program-medium .program-content h5 {color:#fff;font-size:30px;} #section-replay .list-trending .program-medium .program-content h6 {color:#fff;font-size:14px;width:45%;float:left;} #section-replay .list-trending .btns {position:relative;} #section-replay .list-trending li ~ li{margin-top:0;} #section-replay .list-trending .btns li{vertical-align:bottom;} #section-replay .list-trending .btns li a{color:#fff;text-decoration:underline;} #section-replay .list-trending .zmdi-play-circle {color:#fff;position:absolute;bottom:0;font-size:16px;} @media (max-width: 1023px) { #section-replay .list-trending > li,#section-replay .list-trending > .owl-item{width:100%;} #section-replay .list-trending:not(.owl-carousel){display:none;} #section-replay .program-medium .program-content .btns{width:100%;} } /* ------------------------------------------------------------ *\ List Simple \* ------------------------------------------------------------ */ .list-simple a { display: block; font-size: 14px; line-height: 1.2; text-decoration: none; transition: color .4s ease; } .list-simple a:hover { color: #2692ff; text-decoration: underline; } .list-simple li ~ li { margin-top: 17px; } /* ------------------------------------------------------------ *\ List Programs \* ------------------------------------------------------------ */ .list-programs { margin: 0 -7px; overflow: hidden; } .list-programs > li { /*float: left;*/display:inline-block; width: 25%; padding: 0 7px; margin-bottom: 18px; min-height:330px;vertical-align:top;} #section-replay .list-programs:last-of-type > li{min-height:127px;} #section-replay .list-programs{text-align:center;margin-top:20px;} #section-replay .list-programs > li {width:20%;min-height:303px;float:none;vertical-align:top;text-align:left;} #section-replay .section-actions{text-align:center;} #section-replay h2{text-align:center;color:#fff;font-size:40px;margin-top:30px;} #section-replay .section-actions .btn{background:#32344E;color:#fff;} #section-replay .section-actions .btn:hover{background:#fff;color:#32344E;} #section-replay .section-actions .btn .zmdi-plus-circle{font-size: 15px;margin-left: 6px;} /* Tablet Portrait */ @media (max-width: 1023px) { .list-programs > li { width: 50%; } #section-replay .list-programs > li{width:200px;} } /* Mobile */ @media (max-width: 767px) { .list-programs > li { width: 100%; } #section-replay .list-programs > li{width:95%;} } /* ------------------------------------------------------------ *\ List Videos \* ------------------------------------------------------------ */ .list-videos { list-style: none; margin: 0 -8px; } .list-videos:after { } .list-videos li { /*float: left;*/ display:inline-block; width: 16.6667%; padding: 0 8px; vertical-align:top; } .list-videos li:nth-child(6n+1) { clear: left; } .list-videos-alt .video-detailed .play { background-color: #1b2352; } .list-videos-alt .video-detailed:hover .play { background-color: #ca0000; } .list-videos-secondary { margin: 0 -18px; } .list-videos-secondary li { /*width: 33.3333%;*/width: 33%;padding: 0 18px; } .section-program-landing .list-videos-secondary li { width: 24.6%; } /* Tablet Portrait */ @media (max-width: 1023px) { .list-videos li { width: 33.3333%; } } /* Mobile */ @media (max-width: 767px) { .list-videos-alt .video-detailed:hover .play { background-color: #1b2352; } } /* ------------------------------------------------------------ *\ List Celebrities \* ------------------------------------------------------------ */ .list-celebrities { margin: 0 -1px; } .list-celebrities:after { } .list-celebrities li { float: left; width: 25%; padding: 1px; } /* Tablet Portrait */ @media (max-width: 1023px) { .list-celebrities li { width: 33.3333%; } } /* Mobile */ @media (max-width: 767px) { .list-celebrities li { width: 50%; } .list-celebrities li.visible-xs-block { width: auto; margin: 0 -10px; } } /* ------------------------------------------------------------ *\ List Flags \* ------------------------------------------------------------ */ .list-flags { font-size: 0; } .list-flags li { display: inline-block; vertical-align: middle; } .list-flags li ~ li { margin-left: 19px; } .list-flags a { display: block; } /* ------------------------------------------------------------ *\ List Schedule \* ------------------------------------------------------------ */ .list-schedule li { border-top: 1px solid rgba(255, 255, 255, .1); padding: 13px 0; } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo { display: inline-block; } /* ------------------------------------------------------------ *\ Masonry \* ------------------------------------------------------------ */ .masonry { margin: 0 -10px; opacity: 0; transition: opacity .5s ease; } .masonry.loaded { opacity: 1; } .masonry .masonry-item { width: 25%; padding: 0 10px; margin-bottom: 22px; } .masonry .masonry-sizer { width: 25%; } .masonry .masonry-item.large { width: 50%; } .masonry .banner { margin: 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .masonry .masonry-sizer, .masonry .masonry-item { width: 33.3333%; } .masonry .masonry-item.large { width: 66.6667%; } } /* Mobile */ @media (max-width: 767px) { .masonry .masonry-sizer, .masonry .masonry-item, .masonry .masonry-item.large { width: 100%; } .masonry-item-select { display: none; } } /* ------------------------------------------------------------ *\ Nav Primary \* ------------------------------------------------------------ */ .nav-primary > ul { list-style: none; margin: 0; padding: 0; text-align: center; font-size: 0; display:flex;justify-content:space-between;} .nav-primary > ul > li { display: inline-block; vertical-align: middle; margin: 0 6px; } .nav-primary > ul > li > a { height: 46px; line-height: 48px; /*min-width: 140px;*/min-width: 138px; display: block; font-size: 17px; color: #222222; text-transform: uppercase; text-decoration: none; transition: background-color .4s ease, color .4s ease; } .programSite .nav-primary > ul > li > a{border-bottom: 3px solid #ccc; color:#222222;} .nav-primary > ul > li > a > .zmdi { font-size: 18px; margin-left: 7px; position: relative; top: 1px; } .nav-primary > ul > li.active > a, /*.nav-primary .has-dropdown:hover > a { background-color: #ca0000; color: #fff; border-bottom-color: #ca0000; }*/ .nav-primary > ul > li > a:hover { background-color: #ca0000; color: #fff; border-bottom-color: #ca0000; } .nav-primary-blue > ul > li.active > a, .nav-primary-blue .has-dropdown:hover > a { background-color: #1b2352; border-bottom-color: #1b2352; } .nav-primary .has-dropdown:hover > .nav-dropdown { opacity: 1; visibility: visible; pointer-events: auto; } @media ( max-width: 1279px ) { .nav-primary > ul > li > a { min-width: 130px; } } /* Small Desktop */ @media (max-width: 1279px) { .nav-primary > ul > li > a { font-size: 13px; min-width: 110px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .nav-primary > ul > li > a { font-size: 11px; min-width: 75px; } .nav-primary > ul > li > a > .zmdi { font-size: 14px; } } /* ------------------------------------------------------------ *\ Nav Dropdown \* ------------------------------------------------------------ */ .nav-dropdown { width: 100%; background-color: #1b2352; color: #fff; position: absolute; left: 0; top: 100%; z-index: 9999; opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility .4s ease; pointer-events: none; } .nav-dropdown .nav-dropdown-bar { text-align: center; background-color: #121736; border-bottom: 1px solid #ca0000; } .nav-dropdown .nav-dropdown-inner .shell { max-width: 1296px; padding: 25px 115px 25px 175px; } /* Small Desktop */ @media (max-width: 1279px) { .nav-dropdown .nav-dropdown-inner .shell { padding: 25px 15px; } } /* ------------------------------------------------------------ *\ Nav Dropdown Programs \* ------------------------------------------------------------ */ .nav-dropdown-programs { text-align: left; background-color: rgba(17, 21, 49, .95); } .nav-dropdown-programs .shell { padding: 0 105px 0 77px; } .nav-dropdown-programs .nav-dropdown-bar { background-color: #1a2251; border-bottom-color: rgba(255,255,255, .17); padding: 12px 0 13px; } .nav-dropdown-programs .nav-dropdown-bar .shell { max-width: 1296px; } .nav-dropdown-programs .nav-dropdown-bar-inner { position: relative; padding: 0 260px;height:40px; } .nav-dropdown-programs .fs-dropdown { width: 232px; margin: 0; position: absolute; left: 0; top: 0; } .nav-dropdown-programs .fs-dropdown-selected { background-color: rgba(255, 255, 255, .12); border-color: transparent; color: #fff; } .nav-dropdown-programs .fs-dropdown-selected:after { color: #8c8c8d; } .nav-dropdown-programs .search-simple { width: 500px; position: absolute; right: 50%; top: 0; margin-right:-250px;} .nav-dropdown-programs .search-simple .search-field { width: 100%; background-color: rgba(255, 255, 255, .12); color: rgba(186, 186, 186, .6);border-radius:5px;height:40px; } .nav-dropdown-programs .search-simple .search-btn { opacity: .85; } .nav-dropdown-programs .search-simple .search-field::-webkit-input-placeholder { color: rgba(186, 186, 186, .6); } .nav-dropdown-programs .search-simple .search-field::-moz-placeholder { color: rgba(186, 186, 186, .6); } .nav-dropdown-programs .search-simple .search-field:-moz-placeholder { color: rgba(186, 186, 186, .6); } .nav-dropdown-programs .search-simple .search-field:-ms-input-placeholder { color: rgba(186, 186, 186, .6); } .nav-dropdown-programs .list-letters { text-align: center; padding: 10px 0; } .nav-dropdown-programs .list-letters a { font-size: 12px; color: #eef0f3; } .nav-dropdown-programs .nav-dropdown-inner .shell { max-width: 1276px; padding: 40px 0 25px 70px; } .nav-dropdown-programs .cols { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: -30px; } .nav-dropdown-programs .col { -webkit-flex: 0 0 21%; -ms-flex: 0 0 21%; flex: 0 0 21%; position: relative; padding-bottom: 40px; } .nav-dropdown-programs .col ~ .col { -webkit-flex: 0 0 19.75%; -ms-flex: 0 0 19.75%; flex: 0 0 19.75%; } .nav-dropdown-programs h5 { color: #2693ff; margin-bottom: 30px; text-transform: uppercase; } .nav-dropdown-programs .link-more { font-weight: 500; font-size: 15px; color: #2692ff; position: absolute; left: 15px; bottom: 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .nav-dropdown-programs .cols { margin: 0 -15px; } .nav-dropdown-programs .shell { padding: 0 10px; } .nav-dropdown-programs .nav-dropdown-bar-inner { padding: 0 170px; } .nav-dropdown-programs .search-simple, .nav-dropdown-programs .fs-dropdown { width: 160px; } .nav-dropdown-programs .nav-dropdown-inner .shell { padding: 15px 10px; } } /* ------------------------------------------------------------ *\ Nav Secondary \* ------------------------------------------------------------ */ .nav-secondary { width: 100%; position: relative; left: auto; top: auto; z-index: 998; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .nav-secondary:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: #121736 url(../images/temp/account-head-elem.png) no-repeat 90% bottom; opacity: 0; } .nav-secondary ul { display: inline-block; list-style: none; margin: 0 auto; padding: 0; position: relative; left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease; } .nav-secondary .shell { padding: 0; } .nav-secondary ul li { display: inline-block; vertical-align: middle; } .nav-secondary ul li ~ li { margin-left: 80px; } .nav-secondary ul a { display: block; text-decoration: none; font-weight: 700; font-size: 15px; color: #bbb; position: relative; padding: 20px 0; transition: color .4s ease; } .nav-secondary ul a.underlined { text-decoration: underline; } .nav-secondary ul a:hover, .nav-secondary ul .current a { color: #fff; } .nav-secondary ul .current a:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 9px 10px 9px; border-color: transparent transparent #fff transparent; position: absolute; left: 50%; margin-left: -9px; bottom: 0; } .nav-secondary.fixed { position: fixed; left: 0; top: 150px; z-index: 999; } .nav-secondary.fixed:before { opacity: 1; } .nav-secondary.fixed ul { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .nav-secondary.fixed ul .current a:before { display: none; } /* Mobile */ @media (max-width: 767px) { .nav-secondary { height: 48px; z-index: 998; } .nav-secondary ul { position: absolute; left: -15px; right: -15px; top: 100%; background-color: #111531; margin-top: -10px; } .nav-secondary ul li { display: none; } .nav-secondary ul li:last-child { padding-bottom: 30px; } .nav-secondary ul li ~ li { margin-left: 0; } .nav-secondary ul a { font-weight: 400; padding: 10px 0; text-transform: uppercase; color: #fff; } .nav-secondary ul li.current { width: 100%; display: block; position: absolute; left: 0; top: -40px; } .nav-secondary ul li.current a { padding: 16px 0 0; } .nav-secondary ul a.underlined { text-decoration: none; } .nav-secondary ul .current a:before { display: none; } .nav-secondary ul .current a:after { content: '\f0d7'; font-family: 'FontAwesome'; font-size: 14px; color: #fff; margin-left: 10px; position: relative; top: -1px; } .nav-secondary.open ul li { display: block; } .nav-secondary.fixed { top: 0; } .nav-secondary.fixed ul { left: -15px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } /* ------------------------------------------------------------ *\ Nav Tertiary \* ------------------------------------------------------------ */ .nav-tertiary { text-align: center; padding-left: 87px; } .nav-tertiary ul { list-style: none; margin: 0; padding: 0; font-size: 0; } .nav-tertiary ul li { display: inline-block; vertical-align: middle; } .nav-tertiary ul a { display: block; padding: 22px 17px 18px; font-weight: 500; font-size: 15px; color: #bababa; text-decoration: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .nav-tertiary { padding: 0; } .nav-tertiary ul a { font-size: 14px; } } /* ------------------------------------------------------------ *\ Nav Quaternary \* ------------------------------------------------------------ */ .nav-quaternary { width: 100%; background-color: #1b2352; text-align: center; position: fixed; left: 0; top: 151px; z-index: 100; } .nav-quaternary ul { max-width: 1276px; list-style: none; margin: 0 auto; padding: 0; font-size: 0; } .nav-quaternary ul li { display: inline-block; vertical-align: middle; } .nav-quaternary ul li ~ li { margin-left: 15px; } .nav-quaternary ul a { height: 58px; line-height: 60px; padding: 0 15px; display: block; font-size: 15px; color: #e4e5e9; text-transform: uppercase; text-decoration: none; transition: background-color .4s ease; } .nav-quaternary ul a:hover, .nav-quaternary ul .current a { background-color: #ca0000; } .nav-quaternary-alt ul a { padding: 0 19px; font-size: 16px; } .nav-quaternary-alt ul a .mobile-text { display: none; } .nav-quaternary-alt ul li ~ li { margin-left: 10px; } /* Tablet Portrait */ @media (max-width: 1023px) { .nav-quaternary-alt ul a { font-size: 13px; } } /* Mobile */ @media (max-width: 767px) { .nav-quaternary { height: 56px; position: relative; top: 0; } .nav-quaternary ul { width: 100%; position: absolute; left: 0; top: 56px; z-index: 999; } .nav-quaternary ul li { display: none; } .nav-quaternary.open ul li { display: block; background-color: #1d214f; } .nav-quaternary ul li ~ li { margin-left: 0; } .nav-quaternary ul .current { position: absolute; left: 0; top: 0; display: block; width: 100%; margin-top: -56px; } .nav-quaternary ul .current a:after { content: '\f0d7'; font-family: 'FontAwesome'; font-size: 18px; color: #fff; margin-left: 10px; } .nav-quaternary ul a:hover, .nav-quaternary ul .current a { background-color: transparent; } .nav-quaternary-alt { height: 58px; font-size: 0; } .nav-quaternary-alt ul { position: relative; top: 0; } .nav-quaternary-alt ul li { display: inline-block; } .nav-quaternary-alt ul .current { width: auto; display: inline-block; position: relative; margin-top: 0; } .nav-quaternary-alt ul .current a:after { display: none; } .nav-quaternary-alt ul a { padding: 0 8px; } .nav-quaternary-alt ul .desktop-text { display: none; } .nav-quaternary-alt ul a .mobile-text { display: block; font-weight: 700; font-size: 14px; color: #2692ff; text-transform: uppercase; } .nav-quaternary-alt ul .current a { background-color: #c71418; color: #fff; } .nav-quaternary-alt ul .current a span { color: #fff; } .nav-quaternary-alt.scrollTo { height: 58px; background-color: #1b2352; position: static; } .nav-quaternary-alt.scrollTo ul { position: static; } .nav-quaternary-alt.scrollTo.cloned { width: 100%; /*height: 58px;*/height:auto; position: fixed; left: 0; top: 45px; z-index: 9999; display: none; } .nav-quaternary-alt.scrollTo.cloned.show { display: block; } .nav-quaternary-alt.scrollTo.cloned.show ul { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; } .nav-quaternary-alt.scrollTo.cloned.show ul a { transition: none; } } /* ------------------------------------------------------------ *\ Nav Utilities \* ------------------------------------------------------------ */ .nav-utilities ul { list-style: none; font-size: 0; } .nav-utilities ul li { display: inline-block; vertical-align: middle; } .nav-utilities ul li ~ li { margin-left: 21px; } .nav-utilities ul li:last-child { margin-left: 9px; } .nav-utilities ul a { display: block; font-weight: 700; font-size: 12px; color: #222222; text-decoration: none; transition: color .4s ease; } .nav-utilities ul a:hover { color: #121736; } .nav-utilities ul a:hover .ico-weather:before { opacity: 1; } .nav-utilities ul a .ico-weather { position: relative; top: -2px; } .nav-utilities ul a .ico-weather:before { content: ''; width: 100%; height: 100%; background-image: url(../images/sprite.png); background-position: -134px -66px; position: absolute; left: 0; top: 0; opacity: 0; transition: opacity .4s ease; } .nav-utilities ul .item-weather span { display: inline-block; vertical-align: middle; font-size: 14px; position: relative; margin: 0 6px 0 5px; } .nav-utilities ul .item-weather span sup { font-weight: 400; font-size: 18px; top: -8px; right: -5px; position: absolute; } .nav-utilities ul .item-weather .icon {font-size: 25px;vertical-align: middle;} .nav-utilities ul .item-weather .zmdi-caret-down { position: relative; top: 2px; } .nav-utilities ul .zmdi { font-size: 19px; } .nav-utilities ul .zmdi-chevron-right { font-size: 16px; } .nav-utilities .btn { font-weight: 700; /*background-color: #d14549; border: 1px solid #d14549;*/ background:#BF0307;border: 1px solid #BF0307; color: #fff; font-size: 0; transition: background-color .4s ease, color .4s ease;border-radius:30px; } .nav-utilities .btn:hover { background-color: transparent; color: #BF0307; } .nav-utilities .btn:hover .btn-icon:before { background-color: #d14549; } .nav-utilities .btn-blue-secondary { background-color: #1a2251; border-color: #1a2251; -webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px; } .nav-utilities .btn-blue-secondary:hover { color: #1a2251; } .nav-utilities .btn-blue-secondary:hover .btn-icon:before { background-color: #1a2251; } .nav-utilities .btn-text, .nav-utilities .btn-icon { display: inline-block; vertical-align: middle; } .nav-utilities .btn-text { height: 28px; line-height: 28px; /*padding: 0 20px 0 11px;*/ font-size: 13px; min-width:120px; text-align:center; } .nav-utilities .btn-icon { width: 32px; height: 28px; text-align: center; position: relative; } .nav-utilities .btn-icon:before { content: ''; width: 1px; background-color: #fff; position: absolute; left: 0; top: 2px; bottom: 2px; transition: background-color .4s ease; } .nav-utilities .btn-icon i { line-height: 28px; } /* Tablet Portrait */ @media (max-width: 1023px) { .nav-utilities ul li:last-child { display: block; padding-top: 5px; } } /* Mobile */ @media (max-width: 767px) { .nav-utilities ul li:nth-child(2), .nav-utilities ul li:last-child { display: none; } .nav-utilities ul li.item-weather { position: absolute; right: 45px; top: 12px; padding-left: 10px; } .nav-utilities ul li.item-weather .ico-weather { display: none; } .nav-utilities ul li.item-weather .zmdi-caret-down { position: absolute; left: 0; top: 50%; margin-top: -10px; } } /* ------------------------------------------------------------ *\ Nav Filter \* ------------------------------------------------------------ */ .nav-filter ul { display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; margin: 0 0 40px; padding: 0; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .nav-filter ul a { display: block; text-decoration: none; font-weight: 400; font-size: 13px; color: #222222; text-transform: uppercase; transition: color .4s ease; } .nav-filter ul a:hover, .nav-filter ul .active a { color: #c51316; position: relative; } .nav-filter ul .active a:after { content: ''; width: 120%; height: 1px; background-color: #c51316; position: absolute; left: -10%; bottom: 0; } /* ------------------------------------------------------------ *\ Nav Mobile \* ------------------------------------------------------------ */ .nav-mobile { display: none; } /* Mobile */ @media (max-width: 767px) { .nav-mobile { display: block; width: 100%; height: 100%; background-color: #181c37; position: fixed; left: 0; top: 0; z-index: 9999; opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility .4s ease; } .nav-mobile.open { opacity: 1; visibility: visible; } .nav-mobile-head { width: 100%; height: 45px; padding: 0 18px; background-color: #f3f5f6; } .nav-mobile-head ul { list-style: none; margin: 0; padding: 0; } .nav-mobile-head ul li { display: inline-block; vertical-align: middle; } .nav-mobile-head ul li ~ li { margin-left: 15px; } .nav-mobile-head ul li:last-child { float: right; padding-top: 3px; top: 0; } .nav-mobile-head ul li:last-child i { font-size: 22px; } .nav-mobile-head ul a { text-decoration: none; text-transform: uppercase; font-weight: 700; font-size: 12px; color: #8c8c8d; line-height: 47px; } .nav-mobile-head ul a i { font-weight: normal; font-size: 19px; position: relative; top: 1px; } .nav-mobile-body { width: 100%; padding: 22px 18px; height: calc(100% - 195px); overflow-y: auto; } .nav-mobile-body > ul { list-style: none; margin: 0; padding: 0; } .nav-mobile-body > ul a { display: block; padding: 8px 40px 8px 0; text-decoration: none; font-size: 18px; color: rgba(221, 221, 221, .8); text-transform: uppercase; position: relative; } .nav-mobile-body > ul a:after { content: '\f0da'; width: 26px; height: 26px; border: 1px solid #3a3d54; position: absolute; right: 10px; top: 50%; margin-top: -13px; font-family: 'FontAwesome'; font-size: 14px; color: #b4b4bb; text-align: center; line-height: 24px; padding-left: 1px; } .nav-mobile-body > ul ~ ul { margin: 20px 0; padding: 20px 0; border-top: 1px solid #3a3d54; border-bottom: 1px solid #3a3d54; } .nav-mobile-body .socials { text-align: center; } .nav-mobile-foot { width: 100%; padding: 40px 18px 18px; background: url(../images/nav-mobile-shadow.png) repeat-x left top; position: relative; margin-top: -20px; z-index: 99; } .nav-mobile-foot ul { list-style: none; overflow: hidden; margin: 0; padding: 0; } .nav-mobile-foot ul li { float: left; width: 47%; } .nav-mobile-foot ul li:first-child { width: 100%; margin-bottom: 16px; } .nav-mobile-foot ul li:last-child { margin-left: 6%; } .nav-mobile-foot ul .btn { width: 100%; height: 48px; line-height: 48px; font-weight: 700; font-size: 18px; color: #e5e6e9; text-transform: uppercase; } .nav-mobile-foot ul .btn-blue { background-color: #1a2251; } .nav-mobile-foot ul .btn-blue-alt:before { content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 8px; background-color: #c71418; border-radius: 50%; margin-right: 20px; margin-left: -20px; position: relative; top: -1px; } .nav-mobile-dropdown { display: none; } .nav-mobile-dropdown ul { list-style: none; margin: 0; padding: 0; } .nav-mobile.open-subnav .nav-mobile-head .nav-close i { font-size: 26px; position: relative; top: 2px; } .nav-mobile.open-subnav .nav-mobile-head .nav-close i:before { content: '\f2fa'; } .nav-mobile.open-subnav .nav-mobile-body > ul ~ ul, .nav-mobile.open-subnav .nav-mobile-body > .socials, .nav-mobile.open-subnav .nav-mobile-body > ul > li, .nav-mobile.open-subnav .nav-mobile-body > ul > li.active > a { display: none; } .nav-mobile.open-subnav .nav-mobile-body > ul > li.active, .nav-mobile.open-subnav .nav-mobile-body ul li.active > .nav-mobile-dropdown, .nav-mobile.open-subnav .nav-mobile-body ul li.active > .nav-mobile-dropdown li { display: block; } .nav-mobile-programs-dropdown .nav-dropdown-programs { position: relative; left: 0; top: 0; opacity: 1; visibility: visible; background-color: transparent; z-index: 98; } .nav-mobile-programs-dropdown .nav-dropdown-programs .nav-dropdown-bar { display: none; } .nav-mobile-programs-dropdown .nav-dropdown-programs .nav-dropdown-inner .shell { padding: 0; } .nav-mobile-programs-dropdown .nav-dropdown-programs .nav-dropdown-inner .cols { margin: 0; display: block; } .nav-mobile-programs-dropdown .nav-dropdown-programs .nav-dropdown-inner .col { float: none; width: 100%; padding: 0; } .nav-mobile-programs-dropdown .nav-dropdown-programs .nav-dropdown-inner .col ~ .col { padding-top: 30px; margin-top: 25px; border-top: 1px solid rgba(255, 255, 255, .2); } .nav-mobile-programs-dropdown .nav-dropdown-programs h5 { margin-bottom: 0; } .nav-mobile-programs-dropdown .nav-dropdown-programs .link-more { position: relative; left: 0; margin-top: 20px; text-transform: none; text-decoration: underline; } .nav-mobile-programs-dropdown .nav-dropdown-programs .link-more:after { display: none; } .nav-mobile-programs-dropdown ul { overflow: hidden; } .nav-mobile-programs-dropdown ul li { float: left; width: 50%; margin-top: 20px; } .nav-mobile-programs-dropdown ul li ~ li { margin-top: 20px; } .nav-mobile-programs-dropdown ul li:nth-child(odd) { clear: left; } .nav-mobile-programs-dropdown ul a { padding: 0; text-transform: none; font-size: 14px; } .nav-mobile-programs-dropdown ul a:after { display: none; } .nav-mobile-programs-dropdown ul.list-trending a { text-transform: none; font-size: 18px; color: #fff; } .nav-mobile-programs-dropdown ul.list-trending a span { font-size: 14px; } } /* ------------------------------------------------------------ *\ News Simple List \* ------------------------------------------------------------ */ .news-simple-list .scrollable { height: 580px; overflow: hidden; } .news-simple-list ol { list-style: none; margin: 0; padding: 0; } .news-simple-list ol li { border-bottom: 1px solid #ddd; font-size: 14px; color: #212121; line-height: 1.3; position: relative; padding-right: 70px; } .news-simple-list ol li:first-child a { padding-top: 0; } .news-simple-list ol li:first-child a span { top: 0; } .news-simple-list ol a { display: block; text-decoration: none; padding: 17px 0 18px; } .news-simple-list ol .red a { color: #c71418; } .news-simple-list ol a span { font-weight: 700; font-size: 14px; color: #222222; position: absolute; right: 0; top: 16px; } .news-simple-list .mCSB_scrollTools { right: auto; left: -30px; opacity: 1 !important; margin: 0 !important; } .news-simple-list .mCSB_scrollTools .mCSB_dragger_bar { width: 6px; background: #d9d9d9 !important; } .news-simple-list.highlights ol { padding-right: 0; } /* Small Desktop */ @media (max-width: 1279px) { .news-simple-list .mCSB_scrollTools { left: -22px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .news-simple-list .scrollable { height: 613px; } } /* Mobile */ @media (max-width: 767px) { .news-simple-list ol li:first-child a span { top: 0; } .news-simple-list .scrollable { height: 340px; overflow: hidden; } } /* ------------------------------------------------------------ *\ No Touch \* ------------------------------------------------------------ */ .notouch .search-small .search-btn:hover i { color: #333; } .notouch .poll .poll-actions a:hover { color: #ca0000; } .notouch .intro-program .socials ul a:hover { color: #ca0000; } .notouch .section-latest-featured .btn:hover { background-color: #ca0000; } .notouch .section-production .section-body ul span:hover { background-color: #ddd; } .notouch .form-adv .close:hover:before, .notouch .form-adv .close:hover:after { background-color: #333; } /* ------------------------------------------------------------ *\ Page Title \* ------------------------------------------------------------ */ .page-title { padding: 17px 0 13px; text-align: center; background-color: #f9f9f9; font-size: 20px; color: #1a2150; } /* ------------------------------------------------------------ *\ Poll \* ------------------------------------------------------------ */ .poll { border: 1px solid #e0e2e4; } .poll .poll-image { position: relative; } .poll .poll-image:before { content: ''; width: 100%; height: 100%; background: url(../images/shadow-poll.png) no-repeat left bottom; background-size: contain; position: absolute; left: 0; top: 0; z-index: 1; } .poll .poll-image img { width: 100%; height: auto; } .poll .poll-image h4 { width: 100%; padding: 0 10px 15px 17px; font-size: 16px; color: #fff; line-height: 1.2; margin: 0; position: absolute; left: 0; bottom: 0; z-index: 5; text-transform: none; } .poll .poll-content { padding: 35px 21px 30px 16px; } .poll .poll-content ul { list-style: none; margin: 0; } .poll .poll-content ul li ~ li { margin-top: 29px; } .poll .poll-actions { padding: 0 18px 20px; } .poll .poll-actions a { display: inline-block; font-size: 18px; transition: color .4s ease; } .poll-grey { background-color: #f5f5f5; border: 0; } .poll-grey .poll-image h4 { font-size: 20px; padding: 0 10px 15px 25px; } .poll-grey .progress .progress-content h6 { font-size: 14px; } .poll .progress .progress-content h5, .poll .progress-highest .progress-content h6 { font-weight: 700; } .poll-grey .progress .progress-content h5 { font-weight: 400; } /* ------------------------------------------------------------ *\ Popup \* ------------------------------------------------------------ */ .popup { background-color: #fff; border: 1px solid #ca0000; margin: 0 auto; position: relative; } /* ------------------------------------------------------------ *\ Popup Standard \* ------------------------------------------------------------ */ .popup-standard { max-width: 550px; text-align: center; padding: 80px 58px 36px; } .popup-standard .mfp-close { width: 20px; height: 20px; font-size: 0; right: auto; left: 50%; top: 38px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 1; } .popup-standard .mfp-close:before, .popup-standard .mfp-close:after { content: ''; width: 1px; height: 28px; background-color: #898989; position: absolute; left: 0; top: 0; } .popup-standard .mfp-close:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .popup-standard .mfp-close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; left: auto; right: 0; } .popup-standard h5 { margin: 0 0 30px; color: #333; text-transform: uppercase; } /* Mobile */ @media (max-width: 767px) { .popup-standard { padding: 80px 15px 30px; } } /* ------------------------------------------------------------ *\ Popup Create Account \* ------------------------------------------------------------ */ .popup-create-account { max-width: 550px; text-align: center; padding: 80px 58px 36px; } .popup-create-account .mfp-close { width: 20px; height: 20px; font-size: 0; right: auto; left: 50%; top: 38px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 1; } .popup-create-account .mfp-close:before, .popup-create-account .mfp-close:after { content: ''; width: 1px; height: 28px; background-color: #898989; position: absolute; left: 0; top: 0; } .popup-create-account .mfp-close:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .popup-create-account .mfp-close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; left: auto; right: 0; } .popup-create-account h5 { margin: 0 0 30px; color: #333; text-transform: uppercase; } /* Mobile */ @media (max-width: 767px) { .popup-create-account { padding: 80px 15px 30px; } } /* ------------------------------------------------------------ *\ Post Featured \* ------------------------------------------------------------ */ .post-featured { margin-bottom: 32px; } .post-featured .post-featured-image { position: relative; } .post-featured .post-featured-image:after { content: ''; height: 6px; background-color: #ca0000; opacity: 1; position: absolute; left: 47px; right: 47px; bottom: 0; z-index: 10; transition: opacity .4s ease; } .post-featured .post-featured-image a { display: block; } .post-featured .post-featured-image img { width: 100%; height: auto; } .post-featured .post-featured-image .label { padding: 5px 10px; font-weight: 700; font-size: 10px; color: #fff; text-transform: uppercase; background-color: #1B2150; position: absolute; left: 0; top: 0; z-index: 10; } .post-featured .post-featured-image .label-yellow { background-color: #caca09; } .post-featured .post-featured-image .label-dark { background-color: rgba(68, 68, 68, .9); } .post-featured .post-featured-content { background-color: #f6f6f7; text-align: center; } .post-featured .post-featured-content h3 { padding: 25px 40px; font-weight: 700; font-size: 35px; color: #1a2150; line-height: 1; margin: 0; transition: color .4s ease; } .post-featured:hover .post-featured-content h3 { color: #ca0000; } .post-featured:hover .post-featured-image:after { opacity: 1; } .post-featured a{ text-decoration:none; } /* Post Featured News */ .post-featured-news { margin-bottom: 31px; position: relative; } .post-featured-news .arrow { width: 30px; height: 30px; background-color: #fdfdfd; border: 1px solid #e5e5e5; border-radius: 50%; position: absolute; right: 12px; top: -15px; text-align: center; line-height: 30px; color: #898989; z-index: 20; transition: background-color .4s ease, -webkit-transform .4s ease; transition: transform .4s ease, background-color .4s ease; transition: transform .4s ease, background-color .4s ease, -webkit-transform .4s ease; } .post-featured-news .arrow:hover { background-color: rgb(240, 240, 240); } .post-featured-news .arrow.rotate { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .post-featured-news .post-featured-content { text-align: center; padding: 27px 18px 0; } .post-featured-news .post-featured-content h3 { padding: 0; font-size: 25px; margin-bottom: 15px; } .post-featured-news .post-featured-content p { min-height: 119px; font-size: 13px; line-height: 1.65; } .post-featured-news .post-featured-actions { background-color: #f5f5f5; padding: 10px 20px 14px 15px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .post-featured-news .post-featured-actions a { text-decoration: none; } .post-featured-news .post-featured-actions .link-more { font-weight: 700; font-size: 13px; text-transform: uppercase; transition: color .4s ease; } .post-featured-news .post-featured-actions .link-more:hover { color: #ca0000; } .post-featured-news .post-featured-actions .link-more i { font-size: 20px; display: inline-block; vertical-align: middle; position: relative; top: -1px; margin-right: 10px; } .post-featured-news .post-featured-actions .link-share { font-size: 18px; transition: color .4s ease; } .post-featured-news .post-featured-actions .link-share:hover { color: #ca0000; } /* Post Featured Video */ .post-featured-video .post-featured-content { min-height: 95px; padding: 22px 13px 0; } .post-featured-video .post-featured-content h3 { margin-bottom: 0; color: #ca0000; } .post-featured-video .post-featured-actions { padding: 10px 15px 9px; } /* Post Featured Gallery */ .post-featured-gallery { margin-top: 37px; margin-right: 1px; } .post-featured-gallery .post-featured-gallery { margin-top: 0; } .post-featured-gallery .post-featured-content { min-height: 109px; padding: 22px 15px 0; } .post-featured-gallery .post-featured-content h3 { margin-bottom: 0; } .post-featured-gallery .post-gallery-main-image { position: relative; } .post-featured-image .post-featured-gallery > ul { list-style: none; margin: 0; padding: 0; overflow: hidden; } .post-featured-image .post-featured-gallery > ul li { float: left; width: 33.3333%; } .post-featured-image .post-featured-gallery .label-images { padding: 3px 4px 3px 6px; background-color: rgba(0, 0, 0, .5); font-weight: 700; font-size: 32px; color: #fff; position: absolute; right: 12px; bottom: 10px; z-index: 10; } .post-featured-image .post-featured-gallery .label-images i { font-size: 19px; opacity: .8; position: relative; top: -14px; left: -4px; } /* Post Featured Politics */ .post-featured-politics .post-featured-image:before { content: ''; height: 5px; background-color: #ca0000; position: absolute; left: 40px; bottom: 0; right: 40px; z-index: 10; } .post-featured-politics .post-featured-image:after { height: 5px; } .section-local-news .post-featured-politics .post-featured-image{width: 100%;height: 0;padding-bottom: 56.25%;position:relative;} .section-local-news .post-featured-politics .post-featured-image img{object-fit: cover;height: 100%;position: absolute;} /* Mobile */ @media (max-width: 767px) { .post-featured .post-featured-content h3 { padding: 20px 20px 30px; background-color: #fff; font-size: 20px; } .post-featured-news .post-featured-content { padding: 20px 15px 0; } .post-featured-news .post-featured-content h3 { font-size: 25px; background-color: transparent; padding: 0; } .post-featured:hover .post-featured-image:after { opacity: 0; } .post-featured:not(.post-featured-video):hover .post-featured-content h3 { color: #1a2150; } .post-featured-image .post-featured-gallery > ul, .post-featured .post-featured-image:after { display: none; } } /* ------------------------------------------------------------ *\ Post \* ------------------------------------------------------------ */ .post .post-image { position: relative; } .post .post-image:after { content: ''; width: 100%; height: 3px; background-color: #ca0000; opacity: 0; position: absolute; left: 0; bottom: 0; z-index: 10; transition: opacity .4s ease; } .post .post-image a { display: block; text-decoration: none; } .post .post-image img { width: 100%; height: auto; } .post .post-image .label { padding: 5px 7px; font-weight: 700; font-size: 10px; color: #fff; text-transform: uppercase; background-color: #1B2150; position: absolute; left: 0; top: 0; z-index: 10; } .post .post-content { text-align: center; transition: color .4s ease; } .post .post-content h5 { margin: 0; font-weight: 500; } .post .post-content a { display: block; padding: 9px 15px; text-decoration: none; font-size: 14px; line-height: 1.2; } .post:hover .post-content { color: #ca0000; } .post:hover .post-image:after { opacity: 1; } /* Mobile */ @media (max-width: 767px) { .post:hover .post-image:after { opacity: 0; } .post:hover .post-content { color: #333; } .post .post-content h5 a { font-weight: 400; font-size: 13px; line-height: 1.5; padding-bottom: 15px; } .post .post-image { position: static; } .post .post-image .label { position: absolute; top: auto; bottom: 0; left: 88px; padding: 0; font-weight: 700; font-size: 13px; color: #333; background-color: transparent; } } /* ------------------------------------------------------------ *\ Post Secondary \* ------------------------------------------------------------ */ .post-secondary .post-image { overflow: hidden; } .post-secondary .post-image .label { padding: 5px 8px; } .post-secondary .post-image .label-red { background-color: rgba(202, 0, 0, .9); } .post-secondary .post-content { text-align: left; padding: 23px 0; } .post-secondary .post-content h4 a { padding: 0; font-size: 20px; color: #1b2352; line-height: 1; } /* ------------------------------------------------------------ *\ Post Tertiary \* ------------------------------------------------------------ */ .post-tertiary { background-color: #fff; } .post-tertiary .post-image a { display: block; position: relative; } .post-tertiary .post-image a img { width: 100%; height: auto; } .post-tertiary .post-image a:before { content: ''; width: 100%; height: 3px; background-color: transparent; position: absolute; left: 0; top: 0; transition: background-color .4s ease; } .post-tertiary .post-content { position: relative; padding: 22px 25px 16px; } .post-tertiary .post-content h5 { font-family: 'TheSans', sans-serif; font-size: 14px; text-transform: uppercase; margin: 0; transition: color .4s ease; } .post-tertiary .post-content h5 a { display: block; text-decoration: none; } .post-tertiary .post-content h5 span { display: block; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 12px; opacity: .75; padding-top: 5px; } .post-tertiary .post-content .link-share { font-size: 18px; color: #c1c1c1; position: absolute; right: 21px; top: 56%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: color .4s ease; } .post-tertiary:hover .post-image a:before { background-color: #c71418; } .post-tertiary:hover .post-content h5 { color: #c61414; } .post-tertiary:hover .post-content h5 span { color: #333; } .post-tertiary:hover .post-content .link-share { color: #1d213c; } /* Small Desktop */ @media (max-width: 1279px) { .post-tertiary .post-content { padding: 20px 40px 20px 15px; } .post-tertiary .post-content .link-share { right: 15px; } } /* Mobile */ @media (max-width: 767px) { .post-tertiary:hover .post-content h5 { color: #333; } .post-tertiary:hover .post-content .link-share { color: #c1c1c1; } } /* ------------------------------------------------------------ *\ Post Inline \* ------------------------------------------------------------ */ .post-inline { font-size: 0; } .post-inline .post-media, .post-inline .post-content { display: inline-block; vertical-align: middle; } .post-inline .post-media { width: 18.7%; } .post-inline .post-content { width: 81.3%; padding-left: 19px; text-align: left; } .post-inline .post-content h6 { font-weight: 400; } .post-inline .post-content h6 a { width: 80%; padding: 0; font-size: 13px; line-height: 1.3; } /* Mobile */ @media (max-width: 767px) { .post-inline .post-media { width: 26%; } .post-inline .post-content { width: 74%; } } /* ------------------------------------------------------------ *\ Post Twitter \* ------------------------------------------------------------ */ .post-twitter { background-color: #f5f5f5; position: relative; padding: 40px 15px 24px; margin: 37px 0; } .post-twitter .arrow { width: 30px; height: 30px; background-color: #fdfdfd; border: 1px solid #e5e5e5; border-radius: 50%; position: absolute; right: 12px; top: -15px; text-align: center; line-height: 30px; color: #898989; } .post-twitter .post-content { text-align: center; padding: 0 35px; } .post-twitter .post-content p { margin: 0; font-weight: 500; font-size: 19px; color: #1a2252; line-height: 1.3; } .post-twitter .post-content p a { text-decoration: none; color: #58ccff; } .post-twitter .post-actions { padding-top: 30px; text-align: center; } .post-twitter .post-actions .link-share { float: right; margin-top: 16px; font-size: 18px; transition: color .4s ease; } .post-twitter .post-actions .link-share:hover { color: #ca0000; } .post-twitter .post-actions .list-share { display: inline-block; } /* Mobile */ @media (max-width: 767px) { .post-twitter .post-content { padding: 0 15px; } .post-twitter .post-actions { padding-top: 20px; } .post-twitter .post-actions .link-share { margin-top: 4px; } } /* ------------------------------------------------------------ *\ Post Scores \* ------------------------------------------------------------ */ .post-scores { background-color: #f5f5f5; padding: 21px 20px 7px; position: relative; margin-top: 41px; } .post-scores .arrow { width: 30px; height: 30px; background-color: #fdfdfd; border: 1px solid #e5e5e5; border-radius: 50%; position: absolute; right: 12px; top: -15px; text-align: center; line-height: 30px; color: #898989; } .post-scores .post-content { text-align: center; } .post-scores .post-content h3 { font-weight: 500; font-size: 25px; margin-bottom: 20px; color: #1a2150; } .post-scores .post-actions { text-align: right; padding-top: 0; } .post-scores .post-actions .link-share { font-size: 18px; transition: color .4s ease; } .post-scores .post-actions .link-share:hover { color: #ca0000; } /* Mobile */ @media (max-width: 767px) { .post-scores { padding: 21px 20px 25px; } .post-scores .post-actions { margin-top: -17px; } } /* ------------------------------------------------------------ *\ Program Small \* ------------------------------------------------------------ */ .program-small .program-image { position: relative; } .program-small .program-image a { display: block; } .program-small .program-image img { width: 100%; height: auto; } .program-small .program-image span { width: 35px; height: 35px; background-color: #121736; border-radius: 50%; text-align: center; line-height: 38px; position: absolute; left: 20px; top: 100%; margin-top: -24px; font-size: 22px; color: #fff; padding-left: 3px; transition: background-color .4s ease; } .program-small:hover .program-image span { background-color: #ca0000; } .program-small .program-content { padding: 25px 30px 44px 0; position: relative; } .program-small .program-content h5 { margin: 0 0 1px; font-size: 15px; } .program-small .program-content h5 a { text-decoration: none; } .program-small .program-content h6 { margin: 0; font-size: 12px; opacity: .75; } .program-small .program-content .add-to-fav { font-size: 18px; position: absolute; right: 0; top: 20px; } .program-small .program-content .add-to-fav i:before { color: #ccc; transition: color .4s ease; } .program-small .program-content .add-to-fav i:hover:before { content: '\f15f'; color: #ca0000; } /* Mobile */ @media (max-width: 767px) { .program-small .program-content { padding: 25px 25px 30px 0; } .program-small:hover .program-image span { background-color: #121736; } } /* ------------------------------------------------------------ *\ Program Medium \* ------------------------------------------------------------ */ .program-medium .program-image { position: relative;min-height:191px; } #section-replay .program-medium .program-image{min-height:auto;} .program-medium .program-image a { display: block; } .program-medium .program-image img { width: 100%; height: auto; } .program-medium .program-image span { width: 35px; height: 35px; background-color: #121736; border-radius: 50%; text-align: center; line-height: 38px; position: absolute; left: 20px; top: 100%; margin-top: -24px; font-size: 22px; color: #fff; padding-left: 3px; transition: background-color .4s ease; } .program-medium:hover .program-image span { background-color: #ca0000; } .program-medium .program-content { padding: 25px 20px 22px 20px; background-color: #fff; /*height:221px;*/ } .program-medium .program-content h5 { font-family: 'TheSans', sans-serif; font-size: 18px; margin-bottom: 4px; } .program-medium .program-content h6 { font-size: 14px; opacity: .75; margin-bottom: 15px; min-height:18px;} .program-medium .program-content h6 span { margin-left: 10px; } .program-medium .program-content p { font-size: 14px; color: #545454; line-height: 1.45; opacity: .75; margin-bottom: 15px; } .program-medium .program-content ul { list-style: none; margin: 0; } .program-medium .program-content ul li { display: inline-block; vertical-align: middle; } .program-medium .program-content ul li ~ li { margin-left: 15px; } .program-medium .program-content ul a { display: block; font-weight: 700; font-size: 14px; color: #c51316;text-transform:lowercase; } #section-replay .program-medium .program-content {height:127px;} @media (max-width: 1023px) { #section-replay .program-medium .program-content {height:165px;} } /* Mobile */ @media (max-width: 767px) { .program-medium .program-image { position: relative;min-height:initial;} .program-medium:hover .program-image span { background-color: #121736; } } /* ------------------------------------------------------------ *\ Progress \* ------------------------------------------------------------ */ .progress .progress-content { position: relative; } .progress .progress-content h5 { font-weight: 400; font-size: 15px; color: #222222; margin: 0 0 7px; } .progress .progress-content h6 { font-weight: 500; font-size: 16px; color: #222222; margin: 0; position: absolute; right: 0; top: 0; } .progress .progress-line { width: 100%; height: 1px; position: relative; background-color: #ddd; } .progress .progress-line span { position: absolute; left: 0; top: 0; height: 1px; background-color: #ca0000; z-index: 10; } .progress-highest .progress-content h6 { color: #ca0000; } /* ------------------------------------------------------------ *\ Progress Large \* ------------------------------------------------------------ */ .progress-large { position: relative; } .progress-large .progress-content { width: 100%; text-align: center; position: absolute; left: 0; top: -2px; z-index: 11; } .progress-large .progress-content h2 { font-weight: 700; font-size: 40px; color: #fff; opacity: .35; } .progress-large .progress-content h2 sup { font-size: 20px; margin-left: -8px; } .progress-large .progress-line { height: 48px; background-color: #1b1f4c; } .progress-large .progress-line span { height: 100%; background: url(../images/progress-blue.png) repeat-x left center; } .progress-red .progress-line { background-color: #c71519; } .progress-red .progress-line span { background: url(../images/progress-alt.png) repeat-x left center; } /* ------------------------------------------------------------ *\ Schedule \* ------------------------------------------------------------ */ .schedule { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .schedule a { display: block; text-decoration: none; } .schedule .schedule-content { font-size: 0; } .schedule .schedule-content img, .schedule .schedule-content h3 { display: inline-block; vertical-align: middle; } .schedule .schedule-content img { border-radius: 50%; margin-right: 27px;object-fit: cover;width: 82px;height: 82px; } .schedule .schedule-content h3 { font-weight: 300; font-size: 27px; text-transform: uppercase; color: #e5e6e9; line-height: 1.2; margin: 0; } .schedule .schedule-content h3 span { display: block; font-weight: 400; font-size: 18px; color: #e5e6e9; } .schedule .schedule-actions { width: 56px; text-align: center; } .schedule .schedule-actions span { display: block; margin: 0 auto; } .schedule .schedule-actions .icon { width: 41px; height: 41px; border-radius: 50%; text-align: center; line-height: 43px; font-size: 18px; color: #fff; padding-left: 4px; transition: background-color .4s ease; } .schedule .schedule-actions .grey .icon { background-color: rgba(119, 119, 119, .48); } .schedule .schedule-actions .blue .icon { background-color: #004b97; } .schedule .schedule-actions .red .icon { background-color: #c71418; } .schedule .schedule-actions .text { padding-top: 10px; font-weight: 700; font-size: 12px; color: #e3e5e9; text-transform: uppercase; line-height: 1; } .schedule:hover .schedule-actions .blue .icon, .schedule:hover .schedule-actions .grey .icon { background-color: #c71418; } .schedule:hover .schedule-actions .red .icon { background-color: #004b97; } /* Mobile */ @media (max-width: 767px) { .schedule .schedule-content img { width: 58px;height:58px; margin-right: 15px; } .schedule .schedule-content h3, .schedule .schedule-content h3 span { font-size: 16px; } } /* ------------------------------------------------------------ *\ Score \* ------------------------------------------------------------ */ .score ul { list-style: none; margin: 0; padding: 0; font-size: 0; text-align: center; } .score ul li { display: inline-block; vertical-align: middle; margin: 0 13px; } .score .score-number { padding: 3px 22px 0; text-align: center; font-weight: 700; font-size: 40px; color: #222222; margin-bottom: 10px; border-top: 1px solid #ccc; position: relative; } .score .score-number:before, .score .score-number:after { content: ''; width: 1px; height: 16px; background-color: #ccc; position: absolute; top: 0; } .score .score-number:before { left: 0; } .score .score-number:after { right: 0; } .score .score-text { font-weight: 700; font-size: 13px; color: #222222; text-transform: uppercase; } /* ------------------------------------------------------------ *\ Scrollable \* ------------------------------------------------------------ */ /* Mobile */ @media (max-width: 767px) { .scrollable-load-more { height: auto !important; overflow: hidden !important; } .scrollable-load-more > ol > li, .scrollable-load-more > ul > li { display: none; } .scrollable-load-more > ol > li:nth-child(-n+6), .scrollable-load-more > ul > li:nth-child(-n+6) { display: block; } .scrollable-load-more.show-more > ol > li, .scrollable-load-more.show-more > ul > li { display: block; } .scrollable-load-more + .btn-load-more { margin-top: 15px; } .scrollable-load-more .highlights { margin-bottom: 0; } .scrollable-load-more .highlights ul li { display: none; } .scrollable-load-more .highlights ul li:nth-child(-n+3) { display: block; } .scrollable-load-more.show-more .highlights ul li { display: block; } } /* ------------------------------------------------------------ *\ Search Simple \* ------------------------------------------------------------ */ .search-simple { display: inline-block; position: relative; } .search-simple .search-field { width: 230px; padding: 7px 30px 7px 12px; border: 0; background-color: #f9f9fa; color: #222222; font-size: 12px; } .search-simple .search-btn { max-height: 22px; border: 0; background-color: transparent; padding: 0; font-size: 18px; color: #bbb; position: absolute; right: 7px; top: 50%; margin-top: -9px; } .search-simple .search-field::-webkit-input-placeholder { color: #bbb; font-style: italic; } .search-simple .search-field::-moz-placeholder { color: #bbb; font-style: italic; } .search-simple .search-field:-moz-placeholder { color: #bbb; font-style: italic; } .search-simple .search-field:-ms-input-placeholder { color: #bbb; font-style: italic; } /* Mobile */ @media (max-width: 767px) { .search-simple .search-field { width: 100%; padding: 10px 30px 10px 12px; } } /* ------------------------------------------------------------ *\ Search \* ------------------------------------------------------------ */ .search { width: 100%; padding: 75px 0; background-color: #f1f1f1; position: fixed; left: 0; top: 0; z-index: 99999; opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility .4s ease; overflow-y: auto; } .search .search-inner { position: relative; margin-right: -5px; } .search .search-close { width: 56px; height: 56px; position: absolute; left: 24px; top: 21px; } .search .search-close:before, .search .search-close:after { content: ''; width: 2px; height: 79px; background-color: #222222; position: absolute; left: 0; top: 0; } .search .search-close:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .search .search-close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; left: auto; right: 0; } .search .search-head { margin-bottom: 126px; } .search .search-body { display:none; } .search.show-results .search-body { display:block; } .search .search-body h5 { text-transform: uppercase; margin-bottom: 20px; color: #192051; } .search .search-body h5 span { color: #ca0000; opacity: 0; transition: opacity .4s ease; } .search .search-body .list-news-primary { background-color: #ebebec; padding: 0; } .search .search-body .list-news-primary li a { padding-right: 10%; transition: color .4s ease; } .search .search-body .list-news-primary li { padding: 12px 15px; border-bottom: 3px solid #f1f1f1; transition: border-color .4s ease; } .search .search-body .list-news-primary li ~ li { margin-top: 0; } .search .search-body .list-news-primary li ~ li:before { display: none;} .search .search-body .list-news-primary li img { width: 30%; } .search .search-body .list-news-primary li p { width: 70%; } .search .search-body .list-news-primary li:hover { border-bottom-color: #ca0000; } .search .search-body .list-news-primary li:hover a { color: #ca0000; } .search .search-suggestions { display: none; width: 100%; position: fixed; left: 0; top: 310px; bottom: 40px; z-index: 999999; background-color: #f1f1f1; overflow-x: hidden; overflow-y: auto; opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility .4s ease; } .search .search-suggestions ul { max-width: 1276px; margin: 0 auto; list-style: none; padding: 0; } .search .search-suggestions ul li ~ li { margin-top: 20px; } .search .search-suggestions ul a { display: block; text-decoration: none; font-weight: 700; font-size: 55px; color: #c0c0c0; line-height: 1.2; } .search.open { height: 100%; } .search.open, .search .search-suggestions.open { opacity: 1; visibility: visible; } .search.show-results .search-body h5 span { opacity: 1; } /* Small Desktop */ @media (max-width: 1279px) { .search { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } } /* Tablet Portrait */ @media (max-width: 1023px) { .search .search-body .list-news-primary li a { padding: 0; } } /* Mobile */ @media (max-width: 767px) { .search { padding: 145px 0 46px; background-color: #fff; } .search .search-inner { margin: 0; } .search .search-head { margin-bottom: 45px; } .search .search-body .cols { margin: 0; } .search .search-body .col-1of3 { float: none; width: 100%; padding: 0; } .search .search-body .col-1of3 ~ .col-1of3 { margin-top: 25px; } .search .search-body h5 { margin-bottom: 5px; } .search .search-body .list-news-primary li { border-bottom-color: #fff; } .search .search-body .list-news-primary li a { padding: 0; } .search .search-body .list-news-primary li img { width: 43%; } .search .search-body .list-news-primary li p { width: 57%; padding-bottom: 0; vertical-align: middle; } } /* ------------------------------------------------------------ *\ Search Small \* ------------------------------------------------------------ */ .search-small { position: relative; } .search-small .search-field { width: 100%; height: 28px; padding: 7px 30px 6px 12px; border: 0; font-size: 13px; color: #222222; background-color: #f9f9f9; } .search-small .search-btn { border: 0; background-color: transparent; padding: 0; position: absolute; right: 12px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; color: #d9d9d9; } .search-small .search-btn i { transition: color .4s ease; } .search-small .search-field::-webkit-input-placeholder { color: #b9b9b9; } .search-small .search-field::-moz-placeholder { color: #b9b9b9; } .search-small .search-field:-moz-placeholder { color: #b9b9b9; } .search-small .search-field:-ms-input-placeholder { color: #b9b9b9; } /* ------------------------------------------------------------ *\ Section \* ------------------------------------------------------------ */ .section .section-head { text-align: center; background-color: #f9f9f9; } .section .section-head h4 { margin: 0; font-size: 20px; color: #1b2352; padding: 16px 0 13px; } /* ------------------------------------------------------------ *\ Section Intro \* ------------------------------------------------------------ */ .section-intro { padding: 42px 0 32px; } .section-intro .shell { max-width: 1227px; } .section-intro .section-inner { margin: 0 3px 0 7px; } .section-intro .tabs-news-list { padding-top: 8px; } .section-intro .tabs-news-list .tabs-head h3 { display: none; font-weight: 700; font-size: 20px; } .section-intro .tabs-news-list .tabs-body { position:relative; } .section-intro .tabs-news-list .tabs-body .loader {display:none;} .section-intro .tabs-news-list .tabs-body .loader.visible { display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0.8; } .section-intro .tabs-news-list .tabs-body .loader:before { top:15px; } .section-intro .socials { margin-top: 4px; margin-left: 5px; margin-bottom:15px; } .section-intro .banner { /*margin: 19px 0 24px;*/margin: 0 0 24px;height:auto; } .only-feed .section-intro {padding-bottom:0;} /* Small Desktop */ @media (max-width: 1279px) { .section-intro .section-inner { margin: 0; padding-left: 15px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-intro .section-inner { padding-left: 0; } section.section-intro .cols { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } section.section-intro .col-size2 { margin-bottom: 40px; } } /* Mobile */ @media (max-width: 767px) { section.section-intro { padding: 15px 0; } section.section-intro .post-featured { margin-bottom: 0; } section.section-intro .post-featured + .banner { width: auto; margin: 0 -15px 20px; max-width: none; } section.section-intro .col-size2 { -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-bottom: 0; } section.section-intro .col-size1 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } section.section-intro .col-size1:first-child { -webkit-order: 3; -ms-flex-order: 3; order: 3; } section.section-intro .col-size1 ~ .col-size1 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } section.section-intro .socials { display: none; } .section-intro .tabs-news-list .tabs-head h3 { display: block; margin-bottom: 15px; } } /* ------------------------------------------------------------ *\ Section Hashtag \* ------------------------------------------------------------ */ .section-hashtag { background-color: #f5f5f5; text-align: center; padding: 20px 0; border-bottom: 1px solid #fff; } .section-hashtag ul { list-style: none; margin: 0; padding: 0; } .section-hashtag ul li { display: inline-block; vertical-align: middle; margin: 0 22px; } .section-hashtag ul a { display: block; text-decoration: none; font-weight: 500; font-size: 15px; } .section-hashtag ul a:hover { text-decoration: underline; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-hashtag ul a { font-size: 14px; } } /* Mobile */ @media (max-width: 767px) { .section-hashtag { padding: 20px 0 5px; } .section-hashtag .shell { padding: 0; } .section-hashtag + .section-banner { display: none; } .section-hashtag ul { white-space: nowrap; overflow-x: auto; overflow-y: hidden; padding-bottom: 15px; } #homePage .section-hashtag {display:none;} } /* ------------------------------------------------------------ *\ Section Banner \* ------------------------------------------------------------ */ .section-banner { text-align: center; padding: 28px 0 30px;background: rgb(245,245,245);background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%);background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%);background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 );} .section-banner .banner { margin: 0 auto; } .section-banner-gradient { padding: 40px 0 39px; background: rgb(245,245,246); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: linear-gradient(to bottom, rgba(245,245,246,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f6', endColorstr='#ffffff',GradientType=0 ); } .section-banner.top-large-banner{margin-bottom:-40px;position:relative;z-index:11;} /* ------------------------------------------------------------ *\ Section Expandable \* ------------------------------------------------------------ */ .section-expandable { background-color: #162151; color: #fff; border-bottom: 5px solid #ca0000; } .section-expandable .shell { max-width: 1300px; } .section-expandable > .shell { padding: 56px 10px 34px; } .section-expandable .section-btn { background-color: #e8eaec; padding: 45px 0; text-align: center; cursor: pointer; display: none; } .section-expandable .section-btn h3 { display: inline-block; margin: 0; font-weight: 700; font-size: 20px; color: #333; position: relative; padding-right: 60px; } .section-expandable .section-btn h3:before, .section-expandable .section-btn h3:after { content: ''; width: 39px; height: 1px; background-color: #000; position: absolute; right: 0; top: 50%; } .section-expandable .section-btn h3:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .section-expandable .section-inner { position: relative; } .section-expandable .section-inner:after { } .section-expandable .section-content, .section-expandable .section-media, .section-expandable .section-actions { float: left; } .section-expandable .section-content { width: 31.6%; padding-right: 70px; } .section-expandable .section-content h2 { font-weight: 700; font-size: 35px; color: #fff; line-height: 1.2; margin-bottom: 31px; margin-top: -3px; } .section-expandable .section-content p { font-size: 13px; color: #222222; line-height: 1.65; margin-bottom: 33px; padding-right: 20px; } .section-expandable .section-content .link-more { font-weight: 700; font-size: 14px; color: #ca0000; text-decoration: none; text-transform: uppercase; transition: color .4s ease; } .section-expandable .section-content .link-more i { margin-right: 10px; font-size: 24px; display: inline-block; vertical-align: middle; position: relative; top: -2px; } .section-expandable .section-content .link-more:hover { color: #fff; } .section-expandable .section-media { width: 36.8%; } .section-expandable .section-media.mobile { display: none; } .section-expandable .section-media .play { transition: background-color .4s ease; } .section-expandable .section-media .play:hover { background-color: #1b2352; } .section-expandable .section-actions { width: 23.7%; padding: 5px 0 0 115px; } .section-expandable .section-actions .collapse { display: block; width: 52px; height: 52px; position: relative; opacity: .57; transition: opacity .4s ease; } .section-expandable .section-actions .collapse:hover { opacity: 1; } .section-expandable .section-actions .collapse:before, .section-expandable .section-actions .collapse:after { content: ''; height: 140%; border-left:1px solid #fff; position: absolute; left: 0; top: 0; } .section-expandable .section-actions .collapse:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .section-expandable .section-actions .collapse:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; left: auto; right: 0; } .section-expandable .section-actions-inner { position: absolute; left: 68.4%; margin-left: 110px; bottom: 13px; } .section-expandable .section-actions-inner iframe, .section-expandable .section-actions-inner .fb_iframe_widget { display: inline-block; vertical-align: middle; } .section-expandable .section-actions-inner .fb_iframe_widget { margin-left: 10px; } .section-expandable .socials { margin-bottom: 26px; direction: ltr; } .section-expandable .socials a { width: 32px; height: 32px; border-radius: 50px; text-align: center; line-height: 34px; color: #fff; opacity: 1; } .section-expandable .socials .zmdi-google-plus { font-size: 24px; line-height: 32px; } .section-expandable .socials li ~ li { margin-left: 0; } /* Small Desktop */ @media (max-width: 1279px) { .section-expandable > .shell { padding: 56px 15px 34px; } .section-expandable .section-content { padding-right: 20px; } .section-expandable .section-content h2 { font-size: 30px; } .section-expandable .section-media { width: 41.5%; } .section-expandable .section-actions { width: 19%; padding-left: 60px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-expandable > .shell { padding: 40px 15px; } .section-expandable .section-media, .section-expandable .section-content, .section-expandable .section-actions { width: 50%; } .section-expandable .section-media { padding-top: 80px; } .section-expandable .section-actions { position: absolute; left: 50%; padding: 0; } .section-expandable .section-actions-inner { position: relative; left: 0; bottom: 0; margin: 0; float: left; } .section-expandable .section-actions .collapse { float: right; } .section-expandable .socials { margin-bottom: 15px; } .section-expandable + .banner-mobile { margin: 15px 10px; } } /* Mobile */ @media (max-width: 767px) { .section-expandable { background-color: #283861; } .section-expandable > .shell { padding: 30px 25px; } .section-expandable > .banner { margin: 0; } .section-expandable .section-media, .section-expandable .section-content, .section-expandable .section-actions { width: 100%; float: none; padding-right: 0; } .section-expandable .section-content { padding-right: 30px; } .section-expandable .section-content h2 { width: 90%; font-size: 22px; margin-bottom: 10px; } .section-expandable .section-content p { margin-bottom: 20px; } .section-expandable .section-media { display: none; } .section-expandable .section-media.mobile { display: block; padding-top: 0; margin: 15px 0; } .section-expandable .section-actions { position: static; left: 0; padding-top: 30px; } .section-expandable .section-actions .collapse { width: 32px; height: 32px; position: absolute; right: -10px; top: 0; } .section-expandable .section-btn { background-color: #283861; padding: 25px 0; } .section-expandable .section-btn h3 { text-align: left; color: #fff; line-height: 1; } .section-expandable .section-btn h3:before, .section-expandable .section-btn h3:after { background-color: #fff; } } /* ------------------------------------------------------------ *\ Section Updates \* ------------------------------------------------------------ */ .section-updates { padding: 58px 0 55px; } .section-updates .section-inner { padding: 0 0 0 13px; margin-right: -12px; } .section-updates .shell { max-width: 1165px; } .section-updates .cols { margin: 0 -10px; } .section-updates h2 { font-size: 20px; border-bottom: 1px solid #ddd; margin-bottom: 24px; padding-bottom: 10px; text-transform: uppercase; } .section-updates .section-actions { padding-top: 47px; text-align: center; } .only-feed .section-updates {padding-top:0;} /* Small Desktop */ @media (max-width: 1279px) { .section-updates { padding: 50px 0; } .section-updates .shell { max-width: 100%; } .section-updates .section-inner { margin: 0; padding: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-updates .cols { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .section-updates .section-actions { padding-top: 20px; } } /* Mobile */ @media (max-width: 767px) { .section-updates { padding: 40px 0; } .section-updates .section-actions { padding-top: 0; } .section-updates .section-programs-feed { margin-top: 30px; } .section-updates .section-programs-feed .list-posts .post-image { height: auto; } } /* ------------------------------------------------------------ *\ Section Newscast \* ------------------------------------------------------------ */ .section-newscast { margin-bottom: 62px; } .section-newscast .section-head { text-align: right; } .section-newscast .section-videos { margin-bottom: 54px; } .section-newscast .section-videos h4 { text-align: right; font-size: 15px; margin-bottom: 26px; } .section-newscast .section-videos ul { list-style: none; margin: 0 0 0 -9px; overflow: hidden; } .section-newscast .section-videos ul li { float: left; width: 50%; padding-left: 9px; } .section-newscast .section-videos .video-small .play { transition: background-color .4s ease; } .section-newscast .section-videos .video-small:hover .play { background-color: #1b2352; } .section-newscast .section-newscast-videos { height: 623px; overflow: hidden; padding: 0 35px 0 15px; } .section-newscast .section-newscast-videos ul { list-style: none; } .section-newscast .section-newscast-videos ul li { font-size: 0; } .section-newscast .section-newscast-videos ul li:last-child { margin-bottom: 8px; } .section-newscast .section-newscast-videos ul li ~ li { margin-top: 44px; } .section-newscast .section-newscast-videos h6, .section-newscast .section-newscast-videos .video { display: inline-block; vertical-align: middle; } .section-newscast .section-newscast-videos .video { width: 30.4%; padding-bottom: 20%; overflow: visible; } .section-newscast .section-newscast-videos .video .play { width: 22px; height: 22px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); left: auto; top: auto; right: 4px; bottom: -8px; } .section-newscast .section-newscast-videos .video .play:before { border-width: 5px 0 5px 6px; } .section-newscast .section-newscast-videos h6 { width: 69.4%; margin: 0; padding-left: 11px; transition: color .4s ease; color: #222222; } .section-newscast .section-newscast-videos h6 a { display: block; text-decoration: none; font-weight: 400; font-size: 15px; line-height: 1.3; } .section-newscast .section-newscast-videos .mCSB_scrollTools_vertical { opacity: 1 !important; margin: 0; } .section-newscast .section-newscast-videos .mCSB_scrollTools_vertical .mCSB_dragger_bar { width: 6px; background-color: #b5b5b5 !important; } .section-newscast .section-newscast-videos li:hover h6 { color: #ca0000; } /* Nescast Secondary */ .section-newscast-secondary .section-head { text-align: left; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px !important; } .section-newscast-secondary .section-nav { text-align: left; } .section-newscast-secondary .section-newscast-videos { padding-left: 0; height: 356px; } .section-updates-politics .shell {max-width:1207px;} body:not(#homePage) .section-newscast .section-head {margin: 0;color: #192051;text-transform: uppercase;font-size:12px;} /* Tablet Portrait */ @media (max-width: 1023px) { .section-newscast .section-newscast-videos { height: 626px; } } /* Mobile */ @media (max-width: 767px) { .section-newscast { margin-bottom: 25px; } .section-newscast .section-head { text-align: center; } .section-newscast .section-head h2 { margin-bottom: 15px; } .section-newscast .section-videos { margin-bottom: 25px; } .section-newscast .section-videos h4 { text-align: center; margin-bottom: 10px; } .section-newscast .section-newscast-videos { height: 290px; padding: 0 35px 0 0; overflow-y: auto; } .section-newscast .section-newscast-videos ul li { margin-bottom: 25px; } .section-newscast .section-newscast-videos ul li ~ li { margin-top: 0; } .section-newscast .section-newscast-videos li:hover h6 { color: #222222; } } /* ------------------------------------------------------------ *\ Section Poll \* ------------------------------------------------------------ */ .section-poll { background-color: #f5f5f5; border: 7px solid #eee; padding: 18px 50px 11px 17px; margin-right: 8px; } .section-poll h3 { font-weight: 500; font-size: 25px; line-height: 1; margin-bottom: 30px; color: #1a2150; padding-right: 10%; } .section-poll ul li ~ li { margin-top: 10px; } .section-poll .section-body { padding-right: 20px; } .section-poll .section-body .btn-red { display: block; width: 100%; height: 48px; padding: 4px 10px 11px; font-size: 18px; } .section-poll .section-body .btn-red span { display: inline-block; position: relative; } .section-poll .section-body .btn-red span:after { content: ''; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: 0; transition: background-color .4s ease; } .section-poll .section-body .btn-red:hover span:after { background-color: #ca0000; } .section-poll .section-actions { display: block; padding: 20px 0; background-color: #eee; margin: 20px -18px -17px; } .section-poll .section-actions a { font-weight: 700; font-size: 13px; } .section-poll-en .section-body .btn-red { width: calc(100% + 50px); } .section-poll-en .section-actions { margin-right: -50px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-polls .masonry .masonry-sizer { width: 50%; } } /* Mobile */ @media (max-width: 767px) { .section-poll { margin-right: 0; padding-right: 25px; } .section-poll .section-body { padding-right: 0; } .section-poll .section-body .btn-red, .section-poll .section-actions { display: block; } .section-poll .section-body .btn-red { font-size: 14px; } .section-poll-en .section-body .btn-red { width: 100%; } .section-poll-en .section-actions { margin-right: -25px; } } /* ------------------------------------------------------------ *\ Section Feed \* ------------------------------------------------------------ */ .section-feed .section-head { text-align: center; } .section-feed .section-head h2 { margin-bottom: 30px; } .section-feed .tabs .tabs-nav { margin-bottom: 30px; } .section-feed .tabs .tabs-nav ul { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .section-feed .tabs .tabs-nav ul li { margin: 0 15px; } .section-feed .post-featured-video { margin-top: 42px; } .section-feed .addthis_toolbox { position: absolute;right: 13px;bottom: 0;opacity: 0;width:30px;} /* Tablet Portrait */ @media (max-width: 1023px) { .section-feed .tab.current { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .section-feed .tab .list-news-primary, .section-feed .tab .post-featured, .section-feed .tab .post-twitter, .section-feed .tab .post-scores, .section-feed .tab .section-selection { -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; margin-top: 0; margin-bottom: 30px; } .section-feed .tab .post-featured-gallery { margin-top: 0; } } /* Mobile */ @media (max-width: 767px) { .section-feed .tab .list-news-primary, .section-feed .tab .post-featured, .section-feed .tab .post-twitter, .section-feed .tab .post-scores, .section-feed .tab .section-selection { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } } /* ------------------------------------------------------------ *\ Section Programs Feed \* ------------------------------------------------------------ */ .section-programs-feed .section-head h2 { margin-bottom: 31px; } .section-programs-feed .list-posts { margin-bottom: 25px; } .section-programs-feed .list-posts li { width: 50%; padding: 0 6px; } .section-programs-feed .post .post-content { text-align: left; padding: 13px 0; } .section-programs-feed .post .post-content a { padding: 0; } .section-programs-feed .post .post-content h4 { margin-bottom: 3px; } .section-programs-feed .post .post-content h6 { font-weight: 400; font-size: 12px; } .section-programs-feed .tabs .tabs-nav { margin-bottom: 28px; } .section-programs-feed .tabs .tabs-body { padding-left: 5px; } .section-programs-feed .section-body .link-more { font-weight: 700; font-size: 22px; color: #ca0000; text-transform: uppercase; text-decoration: none; position: relative; margin-left: 4px; } .section-programs-feed .section-body .link-more:after { content: ''; width: 100%; height: 1px; border-bottom: 1px dotted #ca0000; position: absolute; left: 0; top: 100%; } .section-programs-feed .section-body .banner { margin: 33px -3px 33px 4px; } .section-programs-feed .section-body .banner:first-child { margin-top: 0; } .section-programs-feed .loader:before{top:-50px;} .section-programs-feed .tabs .tabs-nav ul, .section-videos.tabs .tabs-nav ul {border-bottom: 1px solid #ddd;padding-bottom: 15px;overflow:visible;} .section-programs-feed .tabs .tabs-nav ul li.current a:after {top:28px;} .section-videos.tabs .tabs-nav ul li{position:relative} .section-videos.tabs .tabs-nav ul li a:hover:after{content: '';width: 100%;height: 2px;background-color: #ca0000;position: absolute;left: 0;top: 100%;margin-top: 5px;top:28px;} /* Tablet Portrait */ @media (max-width: 1023px) { .section-programs-feed .section-body .banner { margin-right: 0; } } /* Mobile */ @media (max-width: 767px) { .section-programs-feed > .banner { margin: 30px 0; } .section-programs-feed .section-head h2 { text-align: center; } .section-programs-feed .list-posts li { float: left; width: 50%; } .section-programs-feed .list-posts li ~ li { margin-top: 0; } .section-programs-feed .list-posts .post-image { float: none; width: 100%; } .section-programs-feed .section-body { text-align: center; } .section-programs-feed .section-body .banner { display: none; } .section-programs-feed .section-body .link-more { text-align: center; } } /* ------------------------------------------------------------ *\ Section About \* ------------------------------------------------------------ */ .section-about .shell { max-width: 1296px; } .section-about h5 { font-weight: 700; font-size: 16px; color: #333; text-transform: uppercase; margin-bottom: 17px; } .section-about h6 { font-weight: 700; font-size: 16px; color: #333; margin: 46px 0 10px; } .section-about p { font-size: 14px; line-height: 2; margin-bottom: 0; } .section-about p ~ p { margin-top: 24px; } /* Mobile */ @media (max-width: 767px) { .section-about h6 { margin: 30px 0 0; } } /* ------------------------------------------------------------ *\ Section About Primary \* ------------------------------------------------------------ */ .section-about-primary { position: relative; background-color: #f5f5f5; } .section-about-primary .section-image { width: 50%; height: 100%; position: absolute; left: 50%; top: 0; overflow: hidden; } .section-about-primary .section-image img { min-width: 100%; min-height: 100%; max-width: none; width: auto; height: auto; position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .section-about-primary .section-body-inner { width: 40%; padding: 82px 0 50px 10px; } /* Small Desktop */ @media (max-width: 1279px) { .section-about-primary .section-body-inner { padding-left: 0; } .section-about-primary .section-image { overflow: hidden; } .section-about-primary .section-image img { min-width: 100%; min-height: 100%; width: auto; height: auto; max-width: none; } } /* Mobile */ @media (max-width: 767px) { .section-about-primary .banner { margin: 0 0 30px; } .section-about-primary .section-body-inner { width: 100%; padding: 0 0 30px; } .section-about-primary .section-body-inner .banner { margin: 30px 0; } .section-about-primary .section-image { width: 100%; height: auto; position: relative; left: 0; } .section-about-primary .section-image img { min-width: 0; min-height: 0; width: 100%; height: auto; left: 0; top: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } /* ------------------------------------------------------------ *\ Section About Secondary \* ------------------------------------------------------------ */ .section-about-secondary { padding: 139px 0 122px; } .section-about-secondary .shell:after { } .section-about-secondary .section-body { float: left; width: 42%; padding-left: 13px; } .section-about-secondary .section-body-secondary { width: 46%; padding-left: 9%; margin-left: 8%; border-left: 1px dotted #dcdcdc; } .section-about-secondary .section-body h5 { margin-bottom: 15px; } /* Small Desktop */ @media (max-width: 1279px) { .section-about-secondary { padding: 100px 0; } .section-about-secondary .section-body { padding-left: 0; } .section-about-secondary .section-body-secondary { margin-left: 4%; padding-left: 4%; } } /* Mobile */ @media (max-width: 767px) { .section-about-secondary { padding: 40px 0 20px; } .section-about-secondary .section-body, .section-about-secondary .section-body-secondary { float: none; width: 100%; margin-left: 0; padding-left: 0; border-left: 0; } .section-about-secondary .section-body-secondary { margin-top: 40px; } } /* ------------------------------------------------------------ *\ Section About Tertiary \* ------------------------------------------------------------ */ .section-about-tertiary { background-color: #dadde0; overflow: hidden; position: relative; } .section-about-tertiary:after { content: ''; width: 50%; height: 100%; background-color: #fff; position: absolute; left: 50%; top: 0; z-index: 1; } .section-about-tertiary .section-body { width: 78%; padding: 70px 0 103px 10px; position: relative; z-index: 10; } .section-about-tertiary .section-body-secondary { width: 101%; padding-left: 17.7%; } .section-about-tertiary h6 { color: #121736; margin: 49px 0 30px; } .section-about-tertiary h6 i { display: inline-block; vertical-align: baseline; } .section-about-tertiary p ~ p { margin-top: 25px; } /* Small Desktop */ @media (max-width: 1279px) { .section-about-tertiary .section-body { padding-left: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-about-tertiary .section-body { padding: 0 0 35px; } } /* Mobile */ @media (max-width: 767px) { .section-about-tertiary { background-color: #fff; } .section-about-tertiary .col-1of2 { float: none; width: 100%; } .section-about-tertiary:after { display: none; } .section-about-tertiary .section-body { width: 100%; padding: 30px 0 15px; } .section-about-tertiary h6 { margin: 0 0 30px; } } /* ------------------------------------------------------------ *\ Section About Quote \* ------------------------------------------------------------ */ .section-about-quote { background-color: #333; color: #fff; padding: 37px 0; } .section-about-quote .shell { max-width: 1246px; } .section-about-quote .image, .section-about-quote blockquote { display: inline-block; vertical-align: middle; } .section-about-quote .image { width: 174px; height: 174px; position: relative; } .section-about-quote .image:before { content: ''; width: 107px; height: 194px; background-color: #4a4a4a; border-radius: 0 107px 107px 0; position: absolute; right: -10px; top: -10px; z-index: 2; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 10px center; -ms-transform-origin: 10px center; transform-origin: 10px center; } .section-about-quote .image:after { content: ''; height: 140%; width: 1px; background-color: #4a4a4a; position: absolute; left: 40%; top: -30%; z-index: 1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .section-about-quote .image img { border-radius: 50%; position: relative; z-index: 3; } .section-about-quote blockquote { padding-left: 90px; max-width: 755px; text-transform: uppercase; } .section-about-quote blockquote p { font-weight: 300; font-size: 31px; color: #666; line-height: 1.2; margin-bottom: 15px; } .section-about-quote blockquote cite { display: block; font-style: normal; font-weight: 700; font-size: 16px; color: #ccc; opacity: .7; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-about-quote blockquote { width: 70%; padding-left: 40px; } .section-about-quote blockquote p { font-size: 23px; } } /* Mobile */ @media (max-width: 767px) { .section-about-quote { padding: 45px 0 60px; text-align: center; } .section-about-quote .image { display: block; margin: 0 auto 40px; } .section-about-quote blockquote { width: 100%; padding: 0 15px; } .section-about-quote blockquote p { font-size: 22px; margin-bottom: 25px; } } /* ------------------------------------------------------------ *\ Section Values \* ------------------------------------------------------------ */ .section-values { background: url(../images/temp/section-values-bg.jpg) no-repeat center; background-size: cover; color: #fff; } .section-values .section-head { border-bottom: 1px solid rgba(255, 255, 255, .2); padding: 35px 0 27px; text-align: center; } .section-values .section-head h5 { font-size: 16px; color: #d9dddf; text-transform: uppercase; margin: 0; } .section-values .section-body { padding: 70px 0; } .section-values .section-body .shell { max-width: 1276px; } .section-values .section-body ol { list-style: none; margin: 0 -10px 0 5px; padding: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; counter-reset: list; } .section-values .section-body ol li { font-weight: 500; font-size: 20px; color: #a6a6a6; text-transform: uppercase; line-height: 1; text-align: center; } .section-values .section-body ol li:before { content: '0' counter(list); counter-increment: list; display: block; font-weight: 300; font-size: 82px; color: #dadde0; text-transform: uppercase; opacity: .25; text-shadow: 3px 7px 4px rgba(0,0,0, .8); margin-bottom: 20px; } /* Small Desktop */ @media (max-width: 1279px) { .section-values .section-body ol { margin: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-values .section-body ol li { font-size: 14px; } } /* Mobile */ @media (max-width: 767px) { .section-values { display: none; } } /* ------------------------------------------------------------ *\ Section Production \* ------------------------------------------------------------ */ .section-production { padding: 72px 0 69px; } .section-production .shell { max-width: 1436px; padding: 0 0 0 15px; } .section-production .section-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .section-production .section-inner h6.mobile { display: none; } .section-production .section-body { max-width: 49%; -webkit-flex: 0 1 49%; -ms-flex: 0 1 49%; flex: 0 1 49%; background-color: #f5f5f5; padding: 94px 75px 80px; color: #333; } .section-production .section-body h5 { font-size: 16px; text-transform: uppercase; margin-bottom: 40px; } .section-production .section-body p { font-size: 14px; line-height: 2; margin-bottom: 30px; } .section-production .section-body ul { list-style: none; margin: 60px 0 0; } .section-production .section-body ul li { display: inline-block; vertical-align: middle; } .section-production .section-body ul li ~ li { margin-left: 5px; } .section-production .section-body ul span { display: block; line-height: 32px; padding: 0 15px; font-weight: 500; font-size: 16px; background-color: #e5e7e9; transition: background-color .4s ease; } .section-production .section-body ul a { text-decoration: none; display: block; } @media ( max-width: 1279px ) { .section-production .shell { padding: 0 15px; } } /* Small Desktop */ @media (max-width: 1279px) { .section-production { padding: 50px 0; } .section-production .shell { padding: 0 10px; } .section-production .section-body { padding: 50px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-production .section-body { padding: 25px; } .section-production .section-body ul li { display: block; } .section-production .section-body ul li ~ li { margin-left: 0; margin-top: 10px; } .section-production .section-body ul a { display: inline-block; } } /* Mobile */ @media (max-width: 767px) { .section-production { padding: 0 0 20px; } .section-production .section-inner { display: block; } .section-production .section-inner .banner-320x50 { margin: 0 -15px; width: auto; max-width: none; } .section-production .section-inner h6.mobile { display: block; font-weight: 400; font-size: 14px; text-transform: uppercase; color: #444; line-height: 2; margin: 20px 0; } .section-production .section-body { max-width: 100%; background-color: #fff; padding: 20px 0 0; } .section-production .section-body h5 { margin-bottom: 25px; } .section-production .section-body ul { margin: 0; } .section-production .section-body ul a { min-width: 186px; } .section-production .section-body ul a span { font-weight: 500; font-size: 16px; text-align: center; } .section-production .section-body p:last-child { margin-bottom: 0; } } /* ------------------------------------------------------------ *\ Section Adv \* ------------------------------------------------------------ */ .section-adv { padding: 85px 0 124px; } .section-adv .section-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .section-adv .section-body { -webkit-flex: 0 0 41.2%; -ms-flex: 0 0 41.2%; flex: 0 0 41.2%; margin-left: .7%; } .section-adv .section-body ul { list-style: none; margin: 0; } .section-adv .section-body ul li { padding: 25px 0 27px 0; } .section-adv .section-body ul li:first-child { padding-top: 10px; } .section-adv .section-body ul li:last-child { padding-bottom: 0; } .section-adv .section-body ul li ~ li { border-top: 1px dotted #b9b9b9; padding: 30px 0; } .section-adv .section-body h5 { font-size: 16px; text-transform: uppercase; margin-bottom: 0; } .section-adv .section-body p { margin: 5px 0 0; font-size: 14px; line-height: 2; } .section-adv .section-form { -webkit-flex: 0 0 50.7%; -ms-flex: 0 0 50.7%; flex: 0 0 50.7%; background-color: #f5f5f5; position: relative; left: .7%; } /* Small Desktop */ @media (max-width: 1279px) { .section-adv .section-body { margin-left: 0; } .section-adv .section-form { left: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-adv { padding: 30px 0; } } /* Mobile */ @media (max-width: 767px) { .section-adv { padding: 0; } .section-adv > .banner { margin: 0; } .section-adv .section-inner { display: block; } .section-adv .section-body { padding: 20px 0 0; } .section-adv .section-form { background-color: #fff; } } /* ------------------------------------------------------------ *\ Section Careers \* ------------------------------------------------------------ */ .section-careers { padding: 67px 0; } .section-careers .shell { max-width: 1156px; } /* Mobile */ @media (max-width: 767px) { .section-careers { padding: 0 0 50px; } .section-careers > .banner { margin: 0 0 25px; } } /* ------------------------------------------------------------ *\ Section Apply \* ------------------------------------------------------------ */ .section-apply { padding: 85px 0 47px; } .section-apply .section-inner:after { } .section-apply .section-body, .section-apply .section-form { float: left; } .section-apply .section-body { width: 37.6%; padding-top: 10px; padding-left: 9px; } .section-apply .section-body h5 { text-transform: uppercase; margin-bottom: 16px; } .section-apply .section-body h6 { font-size: 16px; text-transform: uppercase; margin-bottom: 20px; } .section-apply .section-body p { margin-bottom: 20px; font-size: 14px; line-height: 2; } .section-apply .section-body ul { list-style: none; margin: 20px 0 30px; padding: 0; } .section-apply .section-body ul li { position: relative; padding-left: 20px; font-size: 14px; } .section-apply .section-body ul li ~ li { margin-top: 12px; } .section-apply .section-body ul li:before { content: ''; width: 6px; height: 6px; background-color: #ca0000; border-radius: 50%; position: absolute; left: 1px; top: 50%; margin-top: -3px; } .section-apply .section-body .btn-grey { height: 32px; line-height: 34px; padding: 0 27px; border-radius: 0; font-size: 13px; background-color: #d6d7d9; margin-top: 14px; } .section-apply .section-body .btn-grey:hover { background-color: #1b2352; } .section-apply .section-form { width: 50.8%; margin-left: 12.3%; margin-right: -.7%; background-color: #f5f5f5; padding: 38px 94px 30px 46px; position: relative; } /* Small Desktop */ @media (max-width: 1279px) { .section-apply .section-body { padding-left: 0; } .section-apply .section-form { width: 50%; margin-right: 0; padding: 30px; } } /* Mobile */ @media (max-width: 767px) { .section-apply { padding: 0; } .section-apply > .banner { margin: 0 0 20px; } .section-apply .section-body, .section-apply .section-form { float: none; width: 100%; } .section-apply .section-body .btn-grey { margin-top: 0; } .section-apply .section-form { margin-left: 0; background-color: #fff; padding: 30px 32px 20px 22px; } } /* ------------------------------------------------------------ *\ Section Contact \* ------------------------------------------------------------ */ .section-contact { padding: 62px 0 103px; } .section-contact .section-inner { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .section-contact .section-body { -webkit-flex: 0 0 41.2%; -ms-flex: 0 0 41.2%; flex: 0 0 41.2%; margin-left: .6%; padding-top: 8px; } .section-contact .section-body h4 { font-weight: 300; font-size: 23px; color: #666; padding-bottom: 18px; padding-left: 80px; border-bottom: 1px dotted #b9b9b9; } .section-contact .section-body ul li { padding: 23px 0; } .section-contact .section-body ul li ~ li { border-top: 1px dotted #b9b9b9; } .section-contact .section-form { -webkit-flex: 0 0 50.7%; -ms-flex: 0 0 50.7%; flex: 0 0 50.7%; margin-left: 8.2%; background-color: #f5f5f5; padding: 81px 95px 30px 45px; position: relative; } /* Small Desktop */ @media (max-width: 1279px) { .section-contact .section-body { margin-left: 0; } .section-contact .section-form { padding: 30px; } } /* Mobile */ @media (max-width: 767px) { .section-contact { padding: 0; } .section-contact > .banner { margin: 0 0 25px; } .section-contact .section-inner { display: block; } .section-contact .section-form { margin-left: 0; background-color: #fff; padding: 20px 32px 0 22px; } } /* ------------------------------------------------------------ *\ Section Login Primary \* ------------------------------------------------------------ */ .section-login-primary { height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 30px 0; -webkit-overflow-scrolling: touch; background: url(../images/temp/login-primary-bg.jpg) no-repeat center; background-size: cover; } /* Small Desktop */ @media (max-width: 1279px) { .section-login-primary { height: auto; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-login-primary { min-height: 0; } } /* Mobile */ @media (max-width: 767px) { .section-login-primary { height: auto !important; min-height: calc(100vh - 45px); } .section-login-primary { background-position: 80% center; } } /* ------------------------------------------------------------ *\ Section My Account \* ------------------------------------------------------------ */ .section-account > .section-head { height: 161px; background: #121736 url(../images/temp/account-head-elem.png) no-repeat 90% center; background-size: auto 100%; color: #fff; padding-top: 39px; position: relative; } .section-account > .section-head h3 { font-weight: 700; font-size: 25px; color: #fff; text-transform: uppercase; margin-bottom: 32px; } .section-account > .section-head h3 span { color: #bababa; } .section-account > .section-head:after { content: ''; width: 100%; height: 1px; background-color: #fff; opacity: .1; position: absolute; left: 0; bottom: 60px; z-index: 10; } .section-account > .section-head .shell, .section-account > .section-body .shell { max-width: 1276px; } .section-account > .section-body { padding: 47px 0 75px; } .section-account .section-body-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; } .section-account .section-content, .section-account .section-sidebar { background-color: #f6f6f7; } .section-account .section-content { -webkit-flex: 0 0 52%; -ms-flex: 0 0 52%; flex: 0 0 52%; } .section-account .section-content-head { background-color: #fff; position: relative; padding-bottom: 31px; padding-right: 240px; } .section-account .section-content-head h5 { text-transform: uppercase; padding: 4px 0 0; margin: 0; } .section-account .section-content-head h5 span { color: #ca0000; } .section-account .section-content-head .search-simple { position: absolute; right: 0; top: 0; } .section-account .section-content-body { padding: 20px 23px 0; } .section-account .section-content-body .list-letters { margin-bottom: 45px; } .section-account .section-sidebar { -webkit-flex: 0 0 35.5%; -ms-flex: 0 0 35.5%; flex: 0 0 35.5%; margin-left: 40px; } /* Small Desktop */ @media (max-width: 1279px) { .section-account > .section-body { padding: 50px 0; } .section-account .section-sidebar { -webkit-flex: 0 0 44.6%; -ms-flex: 0 0 44.6%; flex: 0 0 44.6%; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-account .section-body-inner { display: block; } .section-account .section-content, .section-account .section-sidebar { display: block; } .section-account .section-sidebar { margin-left: 0; margin-top: 50px; } } /* Mobile */ @media (max-width: 767px) { .section-account > .section-head { height: auto; background: none; background-color: #111531; text-align: center; position: relative; z-index: 99; padding-top: 23px; } .section-account > .section-head h3 { margin-bottom: 0; padding-bottom: 16px; } .section-account > .section-head:before { content: ''; width: 100%; height: 1px; background-color: #fff; opacity: .1; position: absolute; left: 0; top: 70px; left: 0; } .section-account > .section-head:after { display: none; } .section-account > .section-head .nav-secondary { position: relative; } .section-account > .section-body { background-color: #e5e7e9; padding: 0 0 40px; } .section-account > .section-body .banner { margin: 20px 0 30px; } .section-account .section-content, .section-account .section-sidebar, .section-account .section-content-head { background-color: transparent; } .section-account .section-content-head { padding-right: 0; padding-bottom: 0; } .section-account .section-content-head .search-simple { width: 100%; position: relative; margin-top: 10px; } .section-account .section-content-body { padding: 20px 0; } .section-account .section-content-body .banner { margin: 0; } .section-account .section-content-body .list-letters { word-wrap: none; overflow-x: auto; margin-bottom: 20px; } .section-account .section-content-body .list-letters li ~ li { margin-left: 16px; } .section-account .section-sidebar { margin-top: 10px; background-color: #f6f6f7; } .section-account .section-body-inner > .banner { margin: 40px 0 0; } .section-account-interests .section-body { background-color: #fff; } .section-account-interests .section-body .banner { width: auto; margin: 20px -15px 0; max-width: none; } .section-account-profile > .section-body { background-color: #fff; padding-top: 0; } .section-account-profile > .section-body .bannen { margin: 0 0 20px; } .section-account-interests .list-interests .banner-mobile { margin: -10px 0 30px; } } /* ------------------------------------------------------------ *\ Section Interests \* ------------------------------------------------------------ */ .section-interests { padding-top: 5px; } .section-interests .section-head { margin-bottom: 14px; } .section-interests .section-head h5 { margin: 0; } .section-interests .section-body { margin-right: -20px; margin-bottom: -9px; } @media ( max-width: 1279px ) { .section-interests .section-body { margin-right: 0; } } /* Small Desktop */ @media (max-width: 1279px) { .section-interests .section-body { margin: 0; } } /* Mobile */ @media (max-width: 767px) { .section-interests { margin: 0 -15px; background-color: #fff; padding: 30px 15px 0; } .section-interests .section-head { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Section Profile \* ------------------------------------------------------------ */ .section-profile { padding-top: 5px; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .section-profile .section-head { margin-bottom: 35px; } .section-profile .section-head h5 { margin: 0; } /* ------------------------------------------------------------ *\ Section 404 \* ------------------------------------------------------------ */ .section-404 { height: 530px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .section-404 .shell { margin: 0; } .section-404 h1 { font-family: 'TheSans', sans-serif; font-weight: 700; font-size: 200px; color: #fff; line-height: 1; letter-spacing: -.03em; text-shadow: 4px 6px 7px rgba(0,0,0, .15); margin: 0; position: relative; left: -6px; } .section-404 h5 { text-transform: uppercase; color: #aaa; margin-bottom: 20px; } .section-404 .section-body { margin-bottom: 10px; } .section-404 .btn-red { position: relative; z-index: 10; } /* Mobile */ @media (max-width: 767px) { .section-404 h1 { font-size: 160px; } .section-404 h5 { margin: 10px 0 20px; } } /* ------------------------------------------------------------ *\ Section Watch \* ------------------------------------------------------------ */ .section-watch { padding: 64px 0 120px; } .section-watch .section-body { padding: 0 19px 0 8px; } @media ( max-width: 1279px ) { .section-watch .section-body { padding: 0; } } /* Small Desktop */ @media (max-width: 1279px) { .section-watch { padding: 50px 0; } .section-watch .section-body { padding: 0; } } /* Mobile */ @media (max-width: 767px) { .section-watch { padding: 0 0 30px; } .section-watch > .banner { margin: 0 0 30px; } } /* ------------------------------------------------------------ *\ Section Ticker \* ------------------------------------------------------------ */ .section-ticker .section-inner { position: relative; background-color: #1b2352; color: #fff; padding-left: 133px; margin: 0 -30px 0 -50px; } .section-ticker .section-head { width: 133px; height: 100%; position: absolute; left: 0; top: 0; background-color: #ca0000; text-align: center; line-height: 70px; font-size: 23px; text-transform: uppercase; } .section-ticker .section-actions { position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; } .section-ticker .section-actions a { font-size: 19px; transition: opacity .4s ease; } .section-ticker .section-actions a:hover { opacity: .5; } /* Small Desktop */ @media (max-width: 1279px) { .section-ticker .section-head { line-height: 66px; } .section-ticker .section-inner { margin: 0; } } /* Mobile */ @media (max-width: 767px) { .section-ticker .shell { padding: 0; } .section-ticker .section-inner { padding-left: 60px; } .section-ticker .section-head { width: 60px; font-size: 15px; line-height: 43px; } .section-ticker .section-body { position: relative; } .section-ticker .section-body:after { content: ''; width: 48px; height: 100%; background: url(../images/slider-ticker-shadow.png) repeat-y right top; position: absolute; right: 0; top: 0; z-index: 2; } .section-ticker .section-actions { right: 5px; } } /* ------------------------------------------------------------ *\ Section Local News \* ------------------------------------------------------------ */ .section-local-news { padding-top: 0; padding-bottom: 34px; } .section-local-news .col-size2 { padding: 0 12px 0 22px; } .section-local-news .col-size1 ~ .col-size1 { padding: 0 5px 0 17px; } .section-local-news .socials { margin: 4px 5px 0 10px; } .section-local-news.section-intro .banner { /*margin: 7px 0 20px;*/margin: 0 0 20px;} .section-local-news .section-title { text-align: center; margin-bottom: 43px; background-color: #f9f9f9; } .section-local-news .section-title h5 { font-size: 20px; text-transform: uppercase; margin: 0; padding: 16px 0 14px; color: #1a2150; } .section-local-news .news-simple-list { border-top: 1px solid #ddd; } .section-local-news .news-simple-list h5 { font-size: 20px; text-transform: uppercase; margin-bottom: 15px;margin-top: 15px; letter-spacing: -.01em;position:relative; } .section-local-news .news-simple-list h5:before {content: '';height: 1px;background-color: #c51316;position: absolute;left: -3px;right: -3px;top: -16px;width:60px;} .section-local-news .news-simple-list ol li.item-image { padding-right: 0; } .section-local-news .news-simple-list ol li.item-image a span { top: 0; } .section-local-news .news-simple-list ol li.item-image .post-featured-image a span { right: auto; } .section-local-news .news-simple-list .post-featured { margin-bottom: 0; } .section-local-news .news-simple-list .post-featured .post-featured-content { background-color: transparent; text-align: left; } .section-local-news .news-simple-list .post-featured:hover .post-featured-image:after { display: none; } .section-local-news .news-simple-list .scrollable { height: 588px; } .section-local-news .news-simple-list ol a { padding: 16px 0; } .section-local-news .news-simple-list .post-featured .post-featured-image a { padding: 0; } .section-local-news .videos { margin-top: 35px; } .section-local-news .videos h4 { font-size: 20px; text-transform: uppercase; margin-bottom: 10px; letter-spacing: -.01em; } .section-local-news .videos h6 { font-size: 14px; color: #333; line-height: 1.2; margin: 10px 0 10px; } .section-local-news .videos ul { list-style: none; margin: 0 -4px; overflow: hidden; } .section-local-news .videos ul li { float: left; width: 50%; padding: 0 4px; margin-bottom: 10px; text-align: center; } .section-local-news .videos ul li:nth-child(odd) { clear: left; } .section-local-news .video-medium .play { width: 35px; height: 35px; } .section-local-news .video-medium .play:before { border-width: 7px 0 7px 10px; } /* Mobile */ @media (max-width: 767px) { section.section-local-news { padding-top: 0; } .section-local-news .section-title { margin-bottom: 20px; } .section-local-news .section-inner .col { padding: 0 15px; } .section-local-news .section-inner .col ~ .col-size1 { margin-top: 20px; } .section-local-news .news-simple-list .scrollable { height: 375px; overflow: hidden; } .section-local-news + .section-banner-gradient { padding: 0; } .section-local-news + .section-banner-gradient .shell { padding: 0; } .section-local-news .news-simple-list .scrollable { height: 358px; overflow: hidden; } .section-local-news .news-simple-list .actions { text-align: center; position: relative; z-index: 1; } .section-local-news .news-simple-list .actions:after { content: ''; width: 100%; height: 1px; background-color: #ddd; position: absolute; left: 0; top: 46%; z-index: -1; } .section-local-news .news-simple-list .actions a { display: inline-block; position: relative; width: 30px; height: 30px; background-color: #ccc; border-radius: 50%; border: 2px solid #fff; text-decoration: none; } .section-local-news .news-simple-list .actions a i { font-size: 16px; color: #fff; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 0; } .section-local-news .news-simple-list .actions a i ~ i { top: auto; bottom: 1px; } } /* ------------------------------------------------------------ *\ Section Updates Politics \* ------------------------------------------------------------ */ .section-updates-politics { /*background-color: #fff;*/ border-top: 1px solid #eee; padding: 45px 0; } .section-updates-politics .cols-alt { margin: 0 -9px; } .section-updates-politics .cols-alt .col-1of2 { padding: 0 9px; } .section-updates-politics .section-head { margin-bottom: 25px; } .section-updates-politics .section-head h5, .section-updates-politics .section-head ul { display: inline-block; vertical-align: middle; /*float:right;*/ } .section-updates-politics .section-head h5 { margin: 0; color: #192051; text-transform: uppercase; } .section-updates-politics .section-head ul { list-style: none; margin: 0 0 0 9px; padding: 0; } .section-updates-politics .section-head ul li { display: inline-block; vertical-align: middle; margin-left: 8px; } .section-updates-politics .section-head ul a { display: block; padding: 6px 11px; text-decoration: none; font-weight: 500; font-size: 13px; color: #333; transition: background-color .4s ease; } .section-updates-politics .section-head ul a:hover, .section-updates-politics .section-head ul .current a { background-color: #d3d3d3; } .section-updates-politics .post-inline { padding-top: 24px; border-top: 1px solid #ddd; margin-bottom: 26px; } .section-updates-politics .section-actions { padding-top: 40px; } .section-updates-politics .section-actions .btn { height: 34px; line-height: 36px; color: #1b2352; font-size: 13px; padding: 0 20px; } .section-updates-politics .section-actions .btn:hover { color: #fff; } .section-updates-politics .section-actions .btn i { font-size: 15px; position: relative; top: 1px; margin-right: 10px; } .section-updates-politics .section-timeline-feed { margin-bottom: 82px; } .section-updates-politics .section-timeline-feed ~ .section-timeline-feed { margin: 60px 0 0 -5px; } .section-updates-politics .section-timeline-feed ~ .section-timeline-feed .section-head { margin-bottom: 20px; } .section-updates-politics .section-timeline-feed ~ .section-timeline-feed .section-body { padding-top: 56px; } .section-updates-politics .section-timeline-feed .section-head { margin-bottom: 25px; } .section-updates-politics .section-timeline-feed .section-body ul li ~ li { margin-top: 33px; } .section-updates-politics .section-timeline-feed .section-body .video, .section-updates-politics .section-timeline-feed .section-body .image { width: 25%; } .section-updates-politics .section-timeline-feed .section-body .video { padding-bottom: 17%; } .section-updates-politics .section-news-list { margin-top: 76px; } .section-updates-politics .section-news-list .post .post-content { padding: 9px 0; } #homePage .section-updates-politics { padding: 0; border-top:0; } #homePage .section-updates-politics .section-body { padding-top: 20px; } #homePage .section-hashtag .shell{max-width:800px;} section-updates-politics .shell{width:1227px;} .section-updates-politics .col-size7{width:26.6%;} @media ( max-width: 1279px ) { .section-updates-politics .section-head ul { display: block; margin-top: 10px; margin-left: -10px; } } /* Small Desktop */ @media (max-width: 1279px) { .section-updates-politics .section-head ul { display: block; margin-left: 0; margin-top: 10px; } .section-updates-politics .section-head ul li:first-child { margin-left: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-updates-politics .banner, .section-updates-politics .section-news-list, .section-updates-politics .section-timeline-feed { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .section-updates-politics .section-timeline-feed { margin-bottom: 0; } } /* Mobile */ @media (max-width: 767px) { .section-updates-politics { padding: 30px 0; } .section-updates-politics .section-head ul li { margin-left: 0; } .section-updates-politics .post-inline { padding-top: 15px; margin-bottom: 15px; } .section-updates-politics .post-inline .post-media img { width: 100%; height: auto; } .section-updates-politics .section-actions { padding-top: 20px; } .section-updates-politics .col-size7,.section-updates .col-size4{width:100% !important;margin-left: 0 !important;margin-right:0 !important;padding: 20px !important;box-sizing: border-box;} } /* ------------------------------------------------------------ *\ Section Tweets \* ------------------------------------------------------------ */ .section-tweets { padding: 50px 0 30px; } .section-tweets .post-twitter { background-color: #f6f6f7; padding: 30px 15px 15px; } .section-tweets .cols ~ .cols { margin-top: 50px; } /* Mobile */ @media (max-width: 767px) { .section-tweets { padding-top: 40px; } .section-tweets .col { width: 100%; } .section-tweets .col ~ .col { margin-top: 25px; } .section-tweets .post-twitter { margin: 0; } } /* ------------------------------------------------------------ *\ Section Newscast Reports \* ------------------------------------------------------------ */ .section-newscast-reports .section-head { padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #ddd; } .section-newscast-reports .section-body ul { list-style: none; margin: 0 -9px; overflow: hidden; } .section-newscast-reports .section-body ul li { float: left; width: 33.3333%; padding: 0 9px; margin-bottom: 20px; text-align: center; } .section-newscast-reports .section-body ul h6 { margin: 15px 0 12px; font-weight: 500; font-size: 13px; line-height: 1.2; } .section-newscast-reports .section-body ul h6 a { text-decoration: none; } .section-newscast-reports .section-body ul li:nth-child(3n+1) { clear: left; } .section-newscast-reports .section-actions { padding-top: 17px; } /* Mobile */ @media (max-width: 767px) { .section-newscast-reports .section-head { margin-bottom: 30px; } .section-newscast-reports .section-body ul li, .section-newscast-reports .section-body ul li:nth-child(3n+1) { width: 50%; clear: none; } .section-newscast-reports .section-body ul li:nth-child(4n+1) { clear: left; } .section-newscast-reports .section-actions { padding-top: 0; } } /* ------------------------------------------------------------ *\ Section Other Sources \* ------------------------------------------------------------ */ .section-other-sources .section-head { padding-bottom: 20px; margin-bottom: 25px; border-bottom: 1px solid #ddd; } .section-other-sources .section-head h5 { color: #1b2352; } .section-other-sources .post-inline:first-child { padding-top: 0; border-top: 0; } .section-other-sources .post-inline h6 { width: 80%; font-size: 13px; margin: 0 0 10px; } .section-other-sources .post-inline .link-more { padding: 0; font-weight: 500; color: #1b2352; } .section-other-sources .section-actions { padding-top: 20px; } /* Mobile */ @media (max-width: 767px) { .section-other-sources { margin-top: 30px; } .section-other-sources .section-head { margin-bottom: 15px; } .section-other-sources .col { width: 100%; padding: 0 !important; } .section-other-sources .col ~ .col { border-top: 1px solid #ddd; padding-top: 15px !important; } .section-other-sources .post-inline h6 { width: 101%; } .section-other-sources .section-body .cols { margin: 0; } } /* ------------------------------------------------------------ *\ Section Timeline Feed \* ------------------------------------------------------------ */ .section-timeline-feed .section-head { margin-bottom: 30px; } .section-timeline-feed .section-head h4 { font-size: 20px; } .section-timeline-feed .section-head h4, .section-timeline-feed .section-head h5 { color: #333; margin: 0; text-transform: uppercase; } .section-timeline-feed .section-head h5 { color: #192051; } .section-timeline-feed .section-body { position: relative; padding: 40px 0 60px; z-index: 3; } .section-timeline-feed .section-body:before { content: ''; width: 1px; height: 100%; border-left: 1px dotted #222222; position: absolute; left: 13%; top: 0; z-index: -1; } .section-timeline-feed .section-body:after { content: ''; width: 6px; height: 6px; background-color: #333; border-radius: 10px; position: absolute; left: 13%; top: 0; margin-left: -2px; } .section-timeline-feed .section-body ul { list-style: none; margin: 0; padding: 0; } .section-timeline-feed .section-body ul li { font-size: 0; } .section-timeline-feed .section-body ul li ~ li { margin-top: 32px; } .section-timeline-feed .section-body ol { list-style: none; counter-reset: list; } .section-timeline-feed .section-body ol li { padding-left: 28%; position: relative; } .section-timeline-feed .section-body ol li ~ li { margin-top: 50px; } .section-timeline-feed .section-body ol li:before { content: '0' counter(list); counter-increment: list; width: 33px; height: 33px; background-color: #1b2352; border-radius: 50%; text-align: center; line-height: 34px; position: absolute; left: 12.5%; top: 0; font-weight: 700; font-size: 13px; color: #fff; margin-left: -15px; } .section-timeline-feed .section-body ol a { display: block; text-decoration: none; font-size: 13px; line-height: 1.2; transition: color .4s ease; } .section-timeline-feed .section-body ol a:hover { color: #ca0000; } .section-timeline-feed .section-body .video, .section-timeline-feed .section-body .image, .section-timeline-feed .section-body h6 { display: inline-block; vertical-align: middle; } .section-timeline-feed .section-body .image img { width: 100%; height: auto; } .section-timeline-feed .section-body .video, .section-timeline-feed .section-body .image { width: 28%; } .section-timeline-feed .section-body h6 { width: 72%; padding-left: 18px; font-weight: 400; font-size: 13px; transition: color .4s ease; } .section-timeline-feed .section-body h6 a { text-decoration: none; } .section-timeline-feed .section-body li:hover h6 { color: #ca0000; } .section-timeline-feed .section-body .video-tiny { padding-bottom: 18.6%; overflow: visible; } .section-timeline-feed .section-body .video-tiny .play { width: 22px; height: 22px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); top: auto; bottom: -11px; left: auto; right: 4px; } .section-timeline-feed .section-body .video-tiny .play:before { border-width: 4px 0 4px 6px; } .section-timeline-feed .section-actions { padding-top: 0; position: relative; z-index: 3; text-align: left; } .section-timeline-feed .section-actions .link-more { display: inline-block; font-size: 0; position: relative; left: 13%; margin-left: -15px; margin-top: -5px; transition: color .4s ease; color: #111; } .section-timeline-feed .section-actions .link-more:hover { color: #ca0000; } .section-timeline-feed .section-actions .link-more i { font-size: 36px; line-height: 1; } /* Mobile */ @media (max-width: 767px) { .section-timeline-feed .section-body li:hover h6 { color: #333; } } /* ------------------------------------------------------------ *\ Section News List \* ------------------------------------------------------------ */ .section-news-list { margin: 70px 0 40px; } .section-news-list .post ~ .post { margin-top: 40px; } .section-news-list .post .post-image { overflow: hidden; } .section-news-list .post .post-content { text-align: left; padding: 5px 0; } .section-news-list .post .post-content h4 { color: #1b2352; margin: 0; transition: color .4s ease; } .section-news-list .post .post-content h4 a { font-size: 20px; padding: 0; } .section-news-list .post .post-content p { font-weight: 700; font-size: 13px; } .section-news-list .post .label { padding: 5px 11px; } .section-news-list .post .label.label-red { background-color: #ca0000; } .section-news-list .post:hover .post-content h4 { color: #ca0000; } /* Mobile */ @media (max-width: 767px) { .section-news-list .post:hover .post-content h4 { color: #1b2352; } } /* ------------------------------------------------------------ *\ Section Local Stars \* ------------------------------------------------------------ */ .section-local-stars { padding: 48px 0 24px; } .section-local-stars .section-inner { margin: 0 0 0 -20px; } .section-local-stars .col-size1 { width: 28.2%; } .section-local-stars .col-size1 ~ .col-size1 { width: 25.8%; } .section-local-stars .col-size1 ~ .col-size1 .banner { margin-top: 20px; } .section-local-stars .col-size2 { width: 45%; padding: 0 12px 0 18px; } .section-local-stars .news-simple-list h5 { font-size: 16px; margin-bottom: 15px; color: #192051; } .section-local-stars .news-simple-list .post-featured .post-featured-content { padding: 17px 0; } .section-local-stars .news-simple-list .post-featured .post-featured-content a { text-decoration: none; font-weight: 700; font-size: 20px; color: #333; line-height: 1; } .section-local-stars .highlights ul a:not([class]) { font-size: 13px; padding: 15px 25px 15px 0; } .section-local-stars .news-simple-list .scrollable { height: 570px; } .section-local-stars .news-simple-list .mCSB_scrollTools { right: -20px !important; left: auto !important; } .section-local-stars ~ .section-updates-politics { padding-bottom: 68px; } .section-local-stars ~ .section-updates-politics .section-timeline-feed { margin-bottom: 40px; } .section-local-stars ~ .section-updates-politics .section-news-list { margin-top: 30px; margin-bottom: 0; padding-top: 35px; border-top: 1px solid #eee; } .section-local-stars ~ .section-updates-politics .section-featured-week .section-actions { padding-top: 15px; } .section-local-stars ~ .section-updates-politics .col-size7 { position: relative; } .section-local-stars ~ .section-updates-politics .col-size7:before { content: ''; width: 1px; height: 100%; background-color: #eee; position: absolute; left: -35px; top: 0; } .section-local-stars .videos { margin-top: 24px; } .section-local-stars .videos h4 { font-size: 17px; margin-bottom: 14px; } .section-local-stars .videos h6 { margin: 8px 0; } .section-local-stars + .section-banner { background-color: #fff; padding-top: 0; padding-bottom: 38px; } /* Small Desktop */ @media (max-width: 1279px) { .section-local-stars .section-inner { margin: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-local-stars ~ .section-updates-politics { padding-bottom: 0; } } /* Mobile */ @media (max-width: 767px) { .section-featured-week .cols-alt .col-1of2 { width: 100%; } .section-featured-week .cols-alt .col-1of2 ~ .col-1of2 { margin-top: 20px; } .section-updates-politics .section-news-list { margin-bottom: 0; } .section-local-stars + .section-banner { padding-bottom: 20px; margin: 0 -15px; } .section-local-stars ~ .section-updates-politics .post-twitter { margin: 0; } .section-local-stars .news-simple-list .scrollable { height: 415px; overflow: hidden; } .section-local-stars .news-simple-list .actions { text-align: center; position: relative; z-index: 1; } .section-local-stars .news-simple-list .actions:after { content: ''; width: 100%; height: 1px; background-color: #ddd; position: absolute; left: 0; top: 46%; z-index: -1; } .section-local-stars .news-simple-list .actions a { display: inline-block; position: relative; width: 30px; height: 30px; background-color: #ccc; border-radius: 50%; border: 2px solid #fff; text-decoration: none; } .section-local-stars .news-simple-list .actions a i { font-size: 16px; color: #fff; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 0; } .section-local-stars .news-simple-list .actions a i ~ i { top: auto; bottom: 1px; } .section-local-stars ~ .section-updates-politics .post .post-image { position: relative; } .section-local-stars ~ .section-updates-politics .post .post-image .label { padding: 5px 11px; font-size: 10px; color: #fff; bottom: auto; top: 0; right: auto; left: 0; } } /* ------------------------------------------------------------ *\ Section Updates Politics Alt \* ------------------------------------------------------------ */ .section-updates-politics-alt { padding-top: 10px; border-top: 0; } .section-updates-politics-alt .section-tweets { padding-top: 0; } .section-updates-politics-alt .post-twitter { margin: 0 0 20px; } .section-updates-politics-alt .post-secondary { border-bottom: 1px solid #ddd; } /* ------------------------------------------------------------ *\ Section Stars Slider \* ------------------------------------------------------------ */ .section-stars-slider { background: #1b2352 url(../images/glow.png) no-repeat right center; background-size: cover; margin-bottom: 40px; } .section-stars-slider .section-inner { position: relative; } .section-stars-slider .section-body { width: 68.5%; } .section-stars-slider .section-sidebar { width: 23.5%; height: 100%; background-color: #fff; position: absolute; right: 13px; top: 0; } .section-stars-slider .section-sidebar .banner { width: 100%; position: absolute; left: 0; top: 47%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .section-stars-slider .section-body { padding: 44px 0 70px; color: #fff; } .section-stars-slider .section-body h5 { text-transform: uppercase; margin-bottom: 35px; } .section-stars-slider .post h5 { margin-bottom: 0; text-align: left; text-transform: none; } @media ( max-width: 1279px ) { .section-stars-slider .section-body { padding: 44px 0 70px 60px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-stars-slider .section-body { width: 100%; padding: 40px 60px; } .section-stars-slider .section-sidebar { display: none; } .section-stars-slider .post h5 { font-size: 21px; } } /* Mobile */ @media (max-width: 767px) { .section-stars-slider { margin-bottom: 20px; } .section-stars-slider .section-body { padding: 30px 40px; } .section-stars-slider .section-body > h5 { margin-left: -20px; margin-bottom: 15px; } .section-stars-slider .post h5 { font-size: 18px; } } /* ------------------------------------------------------------ *\ Section News Article \* ------------------------------------------------------------ */ .section-news-article { overflow: hidden; padding-bottom: 20px; } .section-news-article .col-size10 { width: 27.2%; } .section-news-article .col-size10 ~ .col-size10 { width: 25.2%; } .section-news-article .col-size11 { width: 43%;padding: 0px 8px 0 4px;margin-left: 24px;} .section-news-article .widget-text { margin: 0 27px 48px 0; } .section-news-article .banner:first-child { margin-top: 0;padding:10px 0; } .section-news-article .shell > .section-head { text-align: center; background-color: #f9f9f9; position: relative; } .section-news-article .shell > .section-head:before, .section-news-article .shell > .section-head:after { content: ''; width: 2000px; height: 100%; position: absolute; top: 0; background-color: #f9f9f9; } .section-news-article .shell > .section-head:before { right: 100%; } .section-news-article .shell > .section-head:after { left: 100%; } .section-news-article .shell > .section-head h4 { padding: 14px 0; font-size: 20px; color: #1b2352; text-transform: uppercase; } .section-news-article .shell > .section-body { padding: 157px 0 21px; } .section-news-article .news-simple-list { margin-bottom: 57px; } .section-news-article .news-simple-list h5 { margin-bottom: 15px; color: #192051; } .section-news-article .news-simple-list .actions { text-align: right; font-size: 0; position: relative; right: -10px; } .section-news-article .news-simple-list .actions a { width: 32px; height: 32px; display: inline-block; vertical-align: middle; margin-right: 10px; background-color: #111; border-radius: 50%; text-align: center; line-height: 32px; transition: background-color .4s ease; } .section-news-article .news-simple-list .actions a:hover { background-color: #ca0000; } .section-news-article .news-simple-list .actions a i { font-size: 12px; color: #fff; line-height: 34px; } .section-news-article .news-simple-list .actions a .fa-chevron-left { position: relative; left: -1px; } .section-news-article .news-simple-list .actions a .fa-chevron-right { position: relative; left: 2px; } .section-news-article .post-featured { margin-bottom: 0; } .section-news-article .post-featured .post-featured-content { background-color: #fff; text-align: left; } .section-news-article .post-featured .post-featured-content a { display: block; font-weight: 700; font-size: 20px; color: #333; text-decoration: none; line-height: 1; padding: 16px 0 21px; } .section-news-article .highlights { margin-bottom: 29px; } .section-news-article .highlights ul a:not([class]) { font-size: 13px; padding: 19px 16px 17px 0; } .section-news-article .article-prev-wrapper .list-articles { right: -8px; -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .section-news-article .article-prev-wrapper .list-articles:before { right: 12px; } .section-news-article .article-next-wrapper .list-articles { left: -8px; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .section-news-article .article-next-wrapper .list-articles:before { left: 12px; } .section-news-article .article-prev-wrapper:hover .list-articles, .section-news-article .article-next-wrapper:hover .list-articles { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .section-news-article .section-timeline-feed { margin-right: 26px; } .section-news-article .section-timeline-feed .section-body { padding-top: 23px; } .section-news-article .section-timeline-feed .section-body .video, .section-news-article .section-timeline-feed .section-body .image { width: 25%; } .section-news-article .section-timeline-feed .section-body .video-tiny { padding-bottom: 17%; } .section-news-article .section-timeline-feed .section-body:before { height: auto; left: 11%; top: -14px; bottom: -10px; } .section-news-article .section-timeline-feed .section-body:after { left: 11%; top: -19px; } .section-news-article .section-timeline-feed .section-actions .link-more { left: 11%; margin-top: 0; } .section-news-article .widget-posts { margin-top: 65px; } .section-news-article .widget-posts .widget-head { margin-bottom: 47px; } .section-news-article .widget-posts .widget-body, .section-news-article .widget-posts .widget-actions { margin-right: -9px; margin-left: 7px; } .section-news-article .widget-posts .widget-actions { padding-top: 14px; } .section-news-article .widget-posts .post .post-content a { padding: 10px 5px; } .section-news-article .widget-posts .widget-body ul li:nth-child(n+3) { margin-top: 38px; } .section-news-article.sticky-parent-secondary .widget-posts { margin-top: 0; } .section-news-article.sticky-parent-secondary .banner { margin-bottom: 65px; } /* Primary */ .section-news-article.primary .widget-text { margin: 0 0 47px 25px; } .section-news-article.primary .section-timeline-feed { margin-right: 0; margin-left: 23px; } /* Small Desktop */ @media (max-width: 1279px) { .section-news-article .col-size11 { width: 47.6%; } .section-news-article .widget-posts .widget-body, .section-news-article .widget-posts .widget-actions { margin: 0; } .section-news-article .widget-text, .section-news-article .section-timeline-feed { margin-right: 0; } .section-news-article.primary .widget-text, .section-news-article.primary .section-timeline-feed { margin-left: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-news-article .section-body .cols { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .section-news-article .col-size10 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .section-news-article .col-size11 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .section-news-article .article-prev-wrapper .list-articles { left: -20px; right: auto; -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; } .section-news-article .article-prev-wrapper .list-articles:before { right: auto; left: 100px; } .section-news-article .article-next-wrapper .list-articles { right: -50px; left: auto; -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; } .section-news-article .article-next-wrapper .list-articles:before { right: 104px; left: auto; } .section-news-article .col-size11 { width: 100%; } .section-news-article .widget-posts .widget-actions { padding-top: 18px; } } /* Mobile */ @media (max-width: 767px) { .section-news-article .shell > .section-body { padding: 20px 0; } .section-news-article .article-news { margin-top: 0; } .section-news-article .article-news + .banner-mobile { margin: 40px -15px 20px; max-width: none; } .section-news-article .col-size11 { padding: 0 15px; } .section-news-article .col-size10 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 10px; } .section-news-article .col-size10 .banner { display: none; } .section-news-article .news-simple-list { display: none; } .section-news-article .widget-posts { margin-top: 30px; } .section-news-article .widget-posts .widget-head { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Section Related Articles \* ------------------------------------------------------------ */ .section-related-articles { margin: 30px 0 70px; padding-top: 36px; border-top: 1px solid #ccc; } .section-related-articles .post .post-content a { padding: 14px 15px 8px; font-size: 13px; } .section-related-articles .col { min-height: 1px; } .section-related-articles .section-content { padding-right: 5px; } .section-related-articles .section-content h4 { text-align: center; font-size: 20px; margin: 0 0 35px; text-transform: uppercase; } .section-related-articles ul { list-style: none; margin: 0 -6px; overflow: hidden; } .section-related-articles ul li { float: left; width: 50%; padding: 0 6px; } .section-related-articles ul li:nth-child(odd) { clear: left; } .section-related-articles ul li:nth-child(n+3) { margin-top: 25px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-related-articles .col-size10 { display: none; } .section-related-articles .col-size11 { width: 100%; } } /* Mobile */ @media (max-width: 767px) { .section-related-articles { margin: 0 0 30px; border-top: 0; padding-top: 0; } .section-related-articles ul li { width: 100%; } .section-related-articles ul li ~ li { margin-top: 25px; } } /* ------------------------------------------------------------ *\ Section News Gallery \* ------------------------------------------------------------ */ .section-news-gallery .article-news { margin-top: 48px; } .section-news-gallery .article-news .article-head { margin-bottom: 22px; } .section-news-gallery .article-news .article-foot { padding-top: 35px; } .section-news-gallery .widget-tweet-comment { margin-top: 50px; } .section-news-gallery .shell > .section-body { padding-top: 0; } .section-gallery + .shell-secondary .article-news { margin-top: 0; } .section-news-gallery .slide-video {position: relative;padding-bottom: 56.25%;/*16:9*/ padding-top: 0px;height: 0;display:none;} .section-news-gallery .slide-video.video-4-3 {padding-bottom: 75%;/*4:3*/ } .section-news-gallery .slide-video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /* Mobile */ @media (max-width: 767px) { .section-news-gallery .section-head, .section-news-gallery .article-news, .section-news-gallery .section-gallery + .shell { display: none; } .section-news-gallery .section-body { position: relative; } .section-news-gallery .slider-thumbs { width: 100%; padding: 15px 0; position: absolute; left: 0; bottom: 0; z-index: 10; background-color: rgba(17, 21, 49, .8); } } /* ------------------------------------------------------------ *\ Section Gallery \* ------------------------------------------------------------ */ .section-gallery { background-color: #111531; } .section-gallery .section-body { position: relative; } .section-gallery .section-body > .btn-close { position: absolute; right: 30px; top: 30px; z-index: 10; } .section-gallery .section-actions { text-align: center; font-size: 0; padding: 22px 0; } .section-gallery .section-actions h6, .section-gallery .section-actions .socials { display: inline-block; vertical-align: middle; } .section-gallery .section-actions h6 { height: 32px; line-height: 32px; padding: 0 18px; margin: 0 5px 0 0; font-weight: 700; font-size: 13px; color: #fff; text-transform: uppercase; background-color: #1a204b; border-radius: 20px; } /* ------------------------------------------------------------ *\ Section Authors \* ------------------------------------------------------------ */ .section-authors { padding-bottom: 70px; } .section-authors .section-head { text-align: center; background-color: #f9f9f9; } .section-authors .section-head h4 { font-size: 20px; color: #1b2352; margin: 0; text-transform: uppercase; padding: 15px 0 14px; } .section-authors .section-body .banner { margin-top: 35px; margin-bottom: 22px; } /* Mobile */ @media (max-width: 767px) { .section-authors { padding-bottom: 20px; } .section-authors .section-body .banner { margin: 0 -15px 20px; max-width: none; width: auto; } .section-authors .section-body .list-authors .banner { max-width: 100%; width: 100%; margin: 10px 0; } } /* ------------------------------------------------------------ *\ Section Updates Authors \* ------------------------------------------------------------ */ .section-updates .col-size5 { width: 28%; } .section-updates-authors { padding: 45px 0 55px; } .section-updates-authors .cols { margin-left: -39px; } .section-updates-authors .banner-intro { margin: 0 auto 66px; } .section-updates-authors .section-timeline-feed .section-head { margin-top: -6px; margin-bottom: 11px; } .section-updates-authors .section-timeline-feed .section-body { padding-right: 16px; } .section-updates-authors .section-timeline-feed .section-body .video, .section-updates-authors .section-timeline-feed .section-body .image { width: 26%; } .section-updates-authors .section-timeline-feed .section-body .video { padding-bottom: 17.6%; } .section-updates-authors .section-timeline-feed .section-body ul li ~ li { margin-top: 29px; } .section-updates-authors .section-actions { padding-top: 3px; } .section-updates-authors .section-actions .btn { height: 34px; line-height: 34px; font-size: 13px; padding: 0 20px; } .section-updates-authors .section-programs-feed { padding-left: 20px; margin-right: -5px; } /* Small Desktop */ @media (max-width: 1279px) { .section-updates-authors .cols { margin-left: -10px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-updates-authors .section-programs-feed { margin-right: 0; } } /* Mobile */ @media (max-width: 767px) { .section-updates-authors { padding: 0 0 50px; } .section-updates-authors .banner-intro { max-width: none; width: auto; margin: 0 -15px 25px; } .col-size5 { padding: 0; } } /* ------------------------------------------------------------ *\ Section Author Single \* ------------------------------------------------------------ */ .section-author-single { background-color: #1b2352; padding: 39px 0 30px; } .section-author-single .section-inner { position: relative; } .section-author-single .section-inner:after { } .section-author-single .section-avatar, .section-author-single .section-content { float: left; } .section-author-single .section-avatar { width: 9.5%; margin-left: 15.2%; } .section-author-single .section-avatar img { border-radius: 50%; } .section-author-single .section-content { width: 42%; padding-left: 25px; } .section-author-single .section-content h3 { font-weight: 500; font-size: 29px; color: #e3e5e9; margin-bottom: 10px; } .section-author-single .section-content p { margin-bottom: 27px; font-size: 13px; color: #aaa; line-height: 2; } .section-author-single .section-content a { height: 32px; line-height: 32px; display: inline-block; font-size: 13px; color: #d6d6d6; text-transform: uppercase; text-decoration: none; background-color: #303761; border-radius: 20px; margin-left: -13px; } .section-author-single .section-content a i { display: inline-block; vertical-align: middle; width: 32px; height: 32px; text-align: center; line-height: 32px; background-color: #2bb1ea; border-radius: 20px; font-size: 16px; } .section-author-single .section-content a span { display: inline-block; vertical-align: middle; padding: 0 30px 0 22px; } .section-author-single .section-actions { position: absolute; left: 100%; top: 41%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-left: 22px; } .section-author-single + .section-updates .section-feed .section-actions { padding-top: 40px; } @media ( max-width: 1279px ) { .section-author-single .section-actions { right: 0; left: auto; } } /* Small Desktop */ @media (max-width: 1279px) { .section-author-single .section-avatar { margin-left: 0; } .section-author-single .section-content { width: 72%; } .section-author-single .section-actions { right: 0; left: auto; margin-left: 0; top: 50%; } } /* Mobile */ @media (max-width: 767px) { .section-author-single { padding: 25px 0 40px; } .section-author-single .section-avatar { width: 100%; margin-bottom: 20px; } .section-author-single .section-content { width: 100%; padding: 0 12px; } .section-author-single .section-content a { margin-left: 0; } .section-author-single .section-content p { margin-bottom: 25px; } .section-author-single .section-actions { display: none; } } /* ------------------------------------------------------------ *\ Section Voting \* ------------------------------------------------------------ */ .section-voting .section-head { margin-bottom: 37px; } .section-voting .banner:first-child { margin-top: 0; } .section-voting h4 { font-size: 20px; text-transform: uppercase; margin-bottom: 15px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-voting .cols { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -10px; } .section-voting .col-size10 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 10px; margin-top: 30px; } .section-voting .col-size12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-order: -1; -ms-flex-order: -1; order: -1; padding: 0 10px; } } /* Mobile */ @media (max-width: 767px) { .section-voting .section-head { margin-bottom: 20px; } .section-voting .col-size10 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .section-voting .banner-mobile { margin: 0 -15px 20px; max-width: none; } } /* ------------------------------------------------------------ *\ Section Polls \* ------------------------------------------------------------ */ .section-polls { border-top: 1px solid #ccc; margin-top: 41px; padding: 35px 0 60px; } .section-polls .shell { padding: 0 17px 0 11px; } .section-polls .section-head { margin-bottom: 40px; text-align: center; } .section-polls .section-head h4 { font-size: 20px; text-transform: uppercase; margin: 0; } .section-polls .section-filters { margin-bottom: 30px; } .section-polls .section-filters:after { } .section-polls .section-filters-aside { float: left; } .section-polls .section-filters-aside ~ .section-filters-aside { float: right; } .section-polls .section-filters ul { list-style: none; margin: 0; font-size: 0; } .section-polls .section-filters ul li { display: inline-block; vertical-align: middle; } .section-polls .section-filters ul li ~ li { margin-left: 25px; } .section-polls .fs-dropdown { margin: 0; } .section-polls .fs-dropdown-selected { width: 232px; height: 28px; line-height: 28px; background-color: #f9f9f9; border-color: #f9f9f9; font-size: 13px; color: #bababa; } .section-polls .fs-dropdown-selected:after { content: '\f0d7'; right: 13px; font-size: 12px; color: #bababa; } .section-polls .selected .fs-dropdown-selected { color: #1b2352; } .section-polls .section-actions { text-align: center; padding-top: 40px; } .section-polls .section-actions .btn { height: 34px; line-height: 36px; font-size: 13px; padding: 0 30px; } /* Small Desktop */ @media (max-width: 1279px) { .section-polls .shell { padding: 0 10px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-polls .masonry .masonry-item { width: 50%; } } /* Mobile */ @media (max-width: 767px) { .section-polls { padding: 0 0 20px; border-top: 0; margin-top: 10px; } .section-polls .shell { padding: 0 15px; } .section-polls .section-head { margin-bottom: 20px; } .section-polls .section-filters-aside, .section-polls .section-filters-aside ~ .section-filters-aside { float: none; } .section-polls .section-filters-aside ~ .section-filters-aside { margin-top: 5px; } .section-polls .section-filters ul { width: 100%; font-size: 0; } .section-polls .section-filters ul li { display: inline-block; vertical-align: middle; width: 49%; } .section-polls .section-filters ul li ~ li { margin-left: 2%; } .section-polls .fs-dropdown-selected { width: 100%; padding: 0 30px 0 10px; } .section-polls .masonry-item .banner-mobile { margin: 0 0 20px; } .section-polls .masonry .masonry-item { width: 100%; } .section-polls .masonry .masonry-item .banner { display: none; } .section-polls .section-actions { display: none; } } /* ------------------------------------------------------------ *\ Section Secondary \* ------------------------------------------------------------ */ .section-secondary .article-prev-wrapper, .section-secondary .article-next-wrapper { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 20; } .section-secondary .article-prev, .section-secondary .article-next { font-weight: 700; font-size: 13px; color: rgba(51, 51, 51, .6); white-space: nowrap; text-decoration: none; } .section-secondary .article-prev span, .section-secondary .article-next span { display: inline-block; vertical-align: middle; width: 42px; height: 42px; background-color: #222222; border-radius: 50%; text-align: center; line-height: 44px; font-size: 22px; color: #fff; transition: background-color .4s ease; position: relative; top: -2px; } .section-secondary .article-prev-wrapper:hover span, .section-secondary .article-next-wrapper:hover span { background-color: #1b2352; } .section-secondary .article-prev-wrapper { right: 75%; margin-right: 20px; } .section-secondary .article-prev span { margin-left: 15px; } .section-secondary .article-next-wrapper { left: 75%; margin-left: 20px; } .section-secondary .article-next span { margin-right: 15px; } .section-secondary .section-head { padding: 30px 0; position: relative; text-align: center; background-color: #fff; } .section-secondary .section-head-inner { position: relative; } .section-secondary .section-head h3 { width: 44%; font-weight: 500; font-size: 29px; color: #000; line-height: 1.2; margin: 0 auto; } .section-secondary .article-prev-wrapper .list-articles { right: -8px; -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .section-secondary .article-prev-wrapper .list-articles:before { right: 12px; } .section-secondary .article-next-wrapper .list-articles { left: -8px; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .section-secondary .article-next-wrapper .list-articles:before { left: 12px; } .section-secondary .article-prev-wrapper:hover .list-articles, .section-secondary .article-next-wrapper:hover .list-articles { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* ------------------------------------------------------------ *\ Section Vote \* ------------------------------------------------------------ */ .section-vote .shell { max-width: 980px; } .section-vote .shell-secondary { max-width: 1296px; } .section-vote .section-head { padding: 42px 0 37px; } .section-vote .section-body { overflow: hidden; background-color: #121736; } .section-vote .section-body .socials { width: 100%; text-align: center; padding: 20px 0; border-bottom: 1px solid #292d46; position: relative; top: 0; transition: background-color .4s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .section-vote .section-body .socials h6 { height: 32px; line-height: 32px; padding: 0 18px; margin: 0 5px 0 0; font-weight: 700; font-size: 13px; color: #fff; text-transform: uppercase; background-color: #1a204b; border-radius: 20px; } .section-vote .section-body .socials:after { content: ''; width: 9999px; height: 1px; background-color: #292d46; position: absolute; left: 50%; bottom: -1px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-vote .section-foot { padding-top: 100px; } .section-vote .banner { margin: 0 0 30px; } .section-vote .banner-medium { background-color: #fbfbfb; max-width: none; padding: 30px; text-align: center; } .section-vote .banner-large { position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-vote .article-prev-wrapper, .section-vote .article-next-wrapper { top: 42%; } .section-vote .article-prev-wrapper { right: 80%; margin-right: 17px; } .section-vote .article-next-wrapper { left: 80%; margin-left: 10px; } .section-vote .section-body-inner.is-fixed .list-vote { padding-top: 129px; } .section-vote .section-body-inner.is-fixed .socials { position: fixed; top: 151px; right: 0; left: 0; z-index: 998; background-color: #121736; } @media(min-width: 768px) { .section-vote .section-body-inner { padding-top: 0 !important; } } /* Small Desktop */ @media (max-width: 1279px) { .section-vote .article-prev-wrapper { right: 75%; } .section-vote .article-next-wrapper { left: 75%; margin-left: 17px; } .section-vote .section-foot { padding-top: 50px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-vote .section-head h3 { width: 60%; padding: 0 20px; } .section-vote .article-prev-wrapper { right: 80%; margin-right: 0; } .section-vote .article-next-wrapper { left: 80%; margin-left: 0; } .section-vote .article-prev-wrapper .list-articles { left: -30px; right: auto; } .section-vote .article-prev-wrapper .list-articles:before { right: 110px; } .section-vote .article-next-wrapper .list-articles { right: -60px; left: auto; } .section-vote .article-next-wrapper .list-articles:before { left: 103px; } .section-vote .section-foot .col-size11 { width: 100%; } .section-vote .section-foot .banner { max-width: 100%; margin: 0 auto; left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .section-vote .section-foot .banner-large { max-width: 728px; } .section-vote .section-foot .banner-medium { max-width: 468px; } } /* Mobile */ @media (max-width: 767px) { .section-vote .section-head { padding: 20px 0; } .section-vote .section-head h3 { font-size: 22px; width: 100%; padding: 0; } .section-vote .article-prev-wrapper, .section-vote .article-next-wrapper { display: none; } .section-vote .section-foot { display: none; } .section-vote .banner-mobile-wide { margin: 0 -15px 30px; max-width: none; } .section-vote .section-body-inner.is-fixed .socials { position: static; } .section-vote .section-body-inner.is-fixed .list-vote { padding-top: 30px; } .section-vote .section-body .socials.fixed { background-color: #f4f5f7; position: fixed; left: 0; top: 45px; z-index: 99; } } /* ------------------------------------------------------------ *\ Default Section Bar \* ------------------------------------------------------------ */ .section-bar { background-color: #a21012; color: #fff; padding: 20px 0 9px; border-bottom: 2px solid #1d2151; } .section-bar .shell:after { content: ''; line-height: 0; display: table; clear: both;} .section-bar p { float: left; margin: 0; font-weight: 700; font-size: 16px; padding-left: 30px; position: relative; } .section-bar p a { text-decoration: underline; } .section-bar p:before { content: ''; width: 11px; height: 11px; background-color: #fff; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -5px; } .section-bar .socials { float: right; } .section-bar .socials ul a { color: #fff; opacity: .8; font-size: 20px; transition: opacity .4s ease; } .section-bar .socials ul a:hover { opacity: .5; } .section-bar .socials ul .zmdi-smartphone-iphone { font-size: 28px; vertical-align: middle; } .section-bar .socials ul .alt a { opacity: .3; } .section-bar .socials ul li.alt a .zmdi-chevron-right { top: -1px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-program-grid .section-bar .socials { float: none; clear: both; padding-top: 15px; } } /* Mobile */ @media (max-width: 767px) { .section-program-grid .section-bar { padding: 15px 0; } .section-program-grid .section-bar p { font-size: 12px; } .section-program-grid .section-bar .socials { display: none; } .section-program-grid .section-bar p:before { top: 5px; margin-top: 0; } } /* ------------------------------------------------------------ *\ Section Watch Live \* ------------------------------------------------------------ */ .section-watch-live .section-head h4 { padding: 16px 0 17px; } .section-watch-live .section-body { background-color: #161836; padding: 5px 0 36px; } .section-watch-live .section-body .banner { /*margin: 0;*/ } .section-watch-live .live { background-color: #1b2352; /*padding: 26px;*/ } .section-watch-live .live img { width: 100%; height: auto; } .section-watch-live .section-foot { background-color: #c61316; padding: 32px 0 30px; } .section-watch-live .section-foot:after { } .section-watch-live .section-foot-aside { float: left; margin-left: 10px; } .section-watch-live .section-foot-aside ~ .section-foot-aside { float: right; margin-right: -13px; margin-top: 4px; } .section-watch-live .section-bar { background-color: #a21012; color: #fff; padding: 15px 0 10px; border-bottom: 2px solid #1d2151; } .section-watch-live .section-bar .shell:after { } .section-watch-live .section-bar p { float: left; margin: 3px 0 0 10px; font-weight: 700; font-size: 16px; padding-left: 30px; position: relative; } .section-watch-live .section-bar p a { text-decoration: underline; } .section-watch-live .section-bar p:before { content: ''; width: 11px; height: 11px; background-color: #fff; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -5px; } .section-watch-live .section-bar .socials { float: right; margin-right: -12px; } .section-watch-live .section-bar .socials ul a { color: #fff; opacity: .8; font-size: 20px; transition: opacity .4s ease; } .section-watch-live .section-bar .socials ul a:hover { opacity: .5; } .section-watch-live .section-bar .socials ul .zmdi-smartphone-iphone { font-size: 28px; vertical-align: middle; } .section-watch-live .section-bar .socials ul .alt a { opacity: .3; } .section-watch-live .section-bar .socials ul li.alt a .zmdi-chevron-right { top: -1px; } .section-watch-live .live .blocMsg {display:none;} .section-watch-live .live #livePlayer{display:none;width:100%;} @media ( max-width: 1279px ) { .section-watch-live .section-bar .socials, .section-watch-live .section-foot-aside ~ .section-foot-aside { margin-right: 0; } } /* Small Desktop */ @media (max-width: 1279px) { .section-watch-live .section-foot-aside, .section-watch-live .section-bar p { margin-left: 0; } .section-watch-live .section-bar .socials, .section-watch-live .section-foot-aside ~ .section-foot-aside { margin-right: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-watch-live .cols { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .section-watch-live .col-size14 { margin-bottom: 30px; } .section-watch-live .section-foot-aside, .section-watch-live .section-foot-aside ~ .section-foot-aside { float: none; } .section-watch-live .section-foot-aside ~ .section-foot-aside { margin-top: 30px; } .section-watch-live .section-bar .socials { float: none; clear: both; padding-top: 15px; } } /* Mobile */ @media (max-width: 767px) { .section-watch-live .shell { padding: 0; } .section-watch-live .section-body { padding: 20px 0; } .section-watch-live .live { padding: 0; } .section-watch-live .col-size13 { display: none; } .section-watch-live .col-size14 { margin-bottom: 0; } .section-watch-live .section-foot { padding: 20px 15px; } .section-watch-live .section-foot-aside ~ .section-foot-aside { margin-top: 20px; } .section-watch-live .section-bar { padding: 10px 15px; } .section-watch-live .section-bar p { font-size: 12px; } .section-watch-live .section-bar p:before { top: 5px; margin-top: 0; } .section-watch-live .section-bar .socials { display: none; } } /* ------------------------------------------------------------ *\ Section Bg \* ------------------------------------------------------------ */ .section-bg { background-size: cover; background-position: center; } .section-bg .bg-image { display: none; } /* ------------------------------------------------------------ *\ Section Weather \* ------------------------------------------------------------ */ .section-weather { position: relative; overflow: hidden; min-height: calc(100vh - 151px); } .section-weather img { width: 100%; height: auto; position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* Tablet Portrait */ @media (max-width: 1023px) { .section-weather { min-height: 0; } } /* Mobile */ @media (max-width: 767px) { .section-weather { background-image: url(../images/temp/weather-img-mobile.jpg) !important; } } /* ------------------------------------------------------------ *\ Section Program Grid \* ------------------------------------------------------------ */ .section-program-grid { background-color: #e5e7e9; border-bottom: 1px solid #fff; } .section-program-grid .section-body { padding: 48px 0 63px; position: relative; } .section-program-grid .section-body .section-next { z-index:2; width: 52px; height: 52px; background-color: #ca0000; text-align: center; line-height: 52px; position: absolute; right: 0; top: 50%; margin-top: -26px; font-size: 23px; color: #fff; transition: color .4s ease, background-color .4s ease; border: 1px solid #ca0000; } .section-program-grid .section-body .section-next:hover { background-color: transparent; color: #ca0000; } .section-program-grid .section-body .section-prev { z-index:2; width: 52px; height: 52px; background-color: #ca0000; text-align: center; line-height: 52px; position: absolute; left: 0; top: 50%; margin-top: -26px; font-size: 23px; color: #fff; transition: color .4s ease, background-color .4s ease; border: 1px solid #ca0000; } .section-program-grid .section-body .section-prev:hover { background-color: transparent; color: #ca0000; } .section-program-grid .section-foot { background-color: #c61316; padding: 30px 0; } .section-program-grid .section-foot:after { } .section-program-grid .section-foot-aside { float: left; } .section-program-grid .section-foot-aside ~ .section-foot-aside { float: right; } .section-program-grid .section-bar { background-color: #a21012; color: #fff; padding: 20px 0 9px; border-bottom: 2px solid #1d2151; } .section-program-grid .section-bar .shell:after { } .section-program-grid .section-bar p { float: left; margin: 0; font-weight: 700; font-size: 16px; padding-left: 30px; position: relative; } .section-program-grid .section-bar p a { text-decoration: underline; } .section-program-grid .section-bar p:before { content: ''; width: 11px; height: 11px; background-color: #fff; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -5px; } .section-program-grid .section-bar .socials { float: right; } .section-program-grid .section-bar .socials ul a { color: #fff; opacity: .8; font-size: 20px; transition: opacity .4s ease; } .section-program-grid .section-bar .socials ul a:hover { opacity: .5; } .section-program-grid .section-bar .socials ul .zmdi-smartphone-iphone { font-size: 28px; vertical-align: middle; } .section-program-grid .section-bar .socials ul .alt a { opacity: .3; } .section-program-grid .section-bar .socials ul li.alt a .zmdi-chevron-right { top: -1px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-program-grid .section-foot-aside, .section-program-grid .section-foot-aside ~ .section-foot-aside { float: none; } .section-program-grid .section-foot-aside ~ .section-foot-aside { margin-top: 30px; } .section-program-grid .section-bar .socials { float: none; clear: both; padding-top: 15px; } } /* Mobile */ @media (max-width: 767px) { .section-program-grid .section-body, .section-program-grid .section-body .shell { padding: 0; } .section-program-grid .section-bar { padding: 15px 0; } .section-program-grid .section-bar p { font-size: 12px; } .section-program-grid .section-bar .socials { display: none; } .section-program-grid .section-bar p:before { top: 5px; margin-top: 0; } .section-program-grid .banner-mobile { margin: 0; } .section-program-grid .grid{display:none;} .section-program-grid .section-body .section-next, .section-program-grid .section-body .section-prev{display:none;} } /* ------------------------------------------------------------ *\ Section Progams \* ------------------------------------------------------------ */ .section-programs { background-color: #e5e7e9; padding: 40px 0 60px; } .section-programs .cols { margin: 0 -10px; position: relative; z-index: 1; } .section-programs .cols:before { content: ''; height: 100%; background-color: #f6f6f7; position: absolute; right: -40px; left: 67%; margin: 0 11px; z-index: -1; } .section-programs .col { padding: 0 10px; } .section-programs .section-sidebar .list-actions { margin-bottom: 40px; } .section-programs .section-content-head { position: relative; padding-bottom: 33px; padding-right: 240px; } .section-programs .section-content-head h5 { text-transform: uppercase; margin: 0; } .section-programs .section-content-head h5 a { text-decoration: none; color: #333; } .section-programs .section-content-head .search-simple { position: absolute; right: 0; top: 0; } .section-programs .section-content-body { padding: 20px 20px 0; background-color: #fff; } .section-programs .section-content-body .list-letters { margin-bottom: 50px; } .section-programs .search-simple .search-field { background-color: #f5f6f7; } .section-programs .tabs-favorites { margin-right: -40px; background-color: #f6f6f7; } .section-programs .tabs-favorites .tabs-nav ul { background-color: #e5e7e9; } .section-programs .tabs-favorites .tabs-nav ul a { padding: 13px 0 2px; font-size: 16px; } .section-programs .tabs-favorites .video .play { left: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); right: 7px; bottom: -9px; transition: background-color .4s ease; } .section-programs .tabs-favorites .video .play:hover { background-color: #121736; } .section-programs-secondary { padding: 44px 0 58px; } .section-programs-secondary .section-sidebar { padding-top: 10px; } .section-programs-secondary .section-sidebar .list-actions { margin-bottom: 47px; } .section-programs-secondary .section-content-head h5 { position: relative; top: 5px; } .section-programs-secondary .section-content-head h5 span { color: #ca0000; } .section-programs-secondary .section-content-body .list-letters { margin-bottom: 48px; } .section-programs-secondary .tabs-favorites .video .play { left: 100%; top: 50%; right: auto; bottom: auto; } .section-programs-primary .cols + .banner-medium { max-width: 570px; margin-top: 20px; padding: 30px 50px; background: rgba(246, 246, 247, .5); position: relative; left: 10%; } /* Small Desktop */ @media (max-width: 1279px) { .section-programs-secondary { padding: 50px 0; } .section-programs .tabs-favorites { margin-right: 0; } .section-programs .cols:before { right: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-programs .cols:before { display: none; } .section-programs .cols { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .section-programs-primary .cols + .banner-medium { left: auto; right: auto; } } /* Mobile */ @media (max-width: 767px) { .section-programs { z-index: 20; } .section-programs-secondary { padding: 70px 0 40px; position: relative; z-index: 998; } .section-programs-secondary .section-content-head { padding: 0; margin-bottom: 20px; } .section-programs-secondary .section-content-head h5 { top: 0; margin-bottom: 10px; } .section-programs-secondary .section-content-head .search-simple { width: 100%; position: relative; } .section-programs-secondary .section-content-head .search-simple .search-field { width: 100%; } .section-programs-secondary .section-content-body { padding: 0; background-color: transparent; } .section-programs-secondary .section-content-body .list-letters { display: block; white-space: nowrap; overflow-y: auto; padding-bottom: 16px; font-size: 0; margin-bottom: 5px; } .section-programs-secondary .section-content-body .list-letters li { display: inline-block; vertical-align: middle; } .section-programs-secondary .section-content-body .list-letters li ~ li { margin-left: 16px; } .section-programs-secondary .list-watched-programs { margin: 0 -3px; } .section-programs-secondary .list-watched-programs li { padding: 0 3px; } .section-programs-secondary .program-small .program-content { padding: 25px 25px 15px 0; } .section-programs-secondary .section-sidebar { position: absolute; left: 10px; top: -50px; padding: 0; } .section-programs-primary { padding: 70px 0 40px; position: relative; } .section-programs-primary .section-content-head { padding: 0; margin-bottom: 20px; } .section-programs-primary .section-content-head h5 { top: 0; margin-bottom: 10px; } .section-programs-primary .section-content-head .search-simple { width: 100%; position: relative; } .section-programs-primary .section-content-head .search-simple .search-field { width: 100%; } .section-programs-primary .section-content-body { padding: 0; background-color: transparent; } .section-programs-primary .section-content-body .list-letters { display: none; } .section-programs-primary .list-watched-programs { margin: 0 -3px; } .section-programs-primary .list-watched-programs li { padding: 0 3px; margin-bottom: 7px; } .section-programs-primary .program-small .program-image:before { content: ''; width: 100%; height: 32px; background: url(../images/shadow-top.png) repeat-x left top; position: absolute; left: 0; top: 0; z-index: 1; } .section-programs-primary .program-small .program-content { padding: 0; position: static; } .section-programs-primary .program-small .program-content h5 { display: none; } .section-programs-primary .program-small .program-content h6 { position: absolute; position: absolute; right: 42px; top: 8px; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; color: #fff; text-align: right; z-index: 10; } .section-programs-primary .program-small .program-content .add-to-fav { font-size: 18px; color: #ca0000; left: auto; right: 10px; bottom: auto; top: 5px; z-index: 10; } .section-programs-primary .program-small .program-content .add-to-fav i:before { color: #ca0000; } .section-programs-primary .section-sidebar { position: absolute; right: 10px; left: 10px; top: -50px; padding: 0; } .section-programs-primary .section-sidebar .list-actions { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .section-programs-secondary .section-sidebar { right: 10px; } .section-programs-secondary .section-sidebar .list-actions { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .section-programs-primary .banner-mobile:last-child { margin-bottom: 0; } .section-programs-primary .expand-btn { text-align: center; padding: 15px 0 5px; } .section-programs-primary .expand-btn .btn { min-width: 140px; text-align: center; } .section-programs-primary .list-watched-programs li:nth-child(n+7) { display: none; } } /* ------------------------------------------------------------ *\ Section Programs Replay \* ------------------------------------------------------------ */ /* Mobile */ @media (max-width: 767px) { .section-programs-replay { padding-top: 70px; position: relative; } .section-programs-replay .section-content-head { padding: 0; margin-bottom: 20px; } .section-programs-replay .section-content-head h5 { margin-bottom: 10px; } .section-programs-replay .section-content-head .search-simple { position: relative; width: 100%; } .section-programs-replay .section-content-head .search-simple .search-field { width: 100%; } .section-programs-replay .section-content-body { padding: 0; background-color: transparent; } .section-programs-replay .section-content-body .list-letters { display: none; } .section-programs-replay .section-sidebar { position: absolute; left: 10px; right: 10px; top: -50px; } .section-programs-replay .section-sidebar .list-actions { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } /* ------------------------------------------------------------ *\ Section Programs All \* ------------------------------------------------------------ */ .section-programs-all { /*background-color: #e5e7e9;*/ overflow: hidden; } .section-programs-all .shell { padding: 0 23px 0 46px; } .section-programs-all .section-head { text-align: center; position: relative; margin-bottom: 53px; } .section-programs-all .section-head:after { content: ''; width: 9999px; height: 1px; background-color: #fff; opacity: .75; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-programs-all .section-head h2 { font-size: 30px; /*color: #1a2150;*/color:#fff; text-transform: uppercase; margin: 0; padding: 22px 0 20px; } .section-programs-all .section-nav { margin-bottom: 37px; } .section-programs-all .section-nav ul { list-style: none; font-size: 0; } .section-programs-all .section-nav ul li { display: inline-block; vertical-align: middle; } .section-programs-all .section-nav ul li ~ li { margin-left: 50px; } .section-programs-all .section-nav ul a { display: block; font-weight: 700; font-size: 14px; /*color: #222222;*/color:#aaa; text-transform: uppercase; text-decoration: none; transition: color .4s ease; position: relative; padding-bottom: 5px; } .section-programs-all .section-nav ul .current a:after { content: ''; width: 100%; height: 2px; /*background-color: #1a2251;*/background-color: #fff; position: absolute; left: 0; top: 100%; } .section-programs-all .section-nav ul a:hover, .section-programs-all .section-nav ul .current a { /*color: #1a2251;*/color:#fff; } .section-programs-all .section-filter { margin-bottom: 30px; position: relative; padding: 0 26.5%; } .section-programs-all .section-filter .fs-dropdown { width: 232px; margin: 0; position: absolute; left: 0; top: 0; } .section-programs-all .section-filter .fs-dropdown-selected { /*background-color: rgba(255, 255, 255, .63);*/background-color:#fff; border-color: transparent; /*color: #b8b8b8;*/color: #666; } .section-programs-all .section-filter .fs-dropdown-selected:after { color: #d9d9d9; } .section-programs-all .section-filter .selected .fs-dropdown-selected { color: #1b2352; } .section-programs-all .section-filter .search-simple { width: 232px; position: absolute; right: 0; top: 0; } .section-programs-all .section-filter .search-simple .search-field { width: 100%; /*background-color: rgba(255, 255, 255, .63); color: #222222;*/background-color: #fff; color: #666; } .section-programs-all .section-filter .search-simple .search-btn { opacity: .85; } .section-programs-all .section-filter .search-simple .search-field::-webkit-input-placeholder { color: #bbb; } .section-programs-all .section-filter .search-simple .search-field::-moz-placeholder { color: #bbb; } .section-programs-all .section-filter .search-simple .search-field:-moz-placeholder { color: #bbb; } .section-programs-all .section-filter .search-simple .search-field:-ms-input-placeholder { color: #bbb; } .section-programs-all .section-filter .list-letters { text-align: center; padding: 8px 0; margin: 0; } .section-programs-all .section-filter .list-letters a { font-size: 14px; color: #222222; } .section-programs-all .section-filter .list-letters a:hover { color: #ca0000; } .section-programs-all .section-body .banner { margin: 33px auto 51px; } .section-programs-all .section-actions { text-align: center; padding: 50px 0 60px; } /* Small Desktop */ @media (max-width: 1279px) { .section-programs-all .shell { padding: 0 10px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-programs-all .section-filter { padding: 45px 0 0; } } /* Mobile */ @media (max-width: 767px) { .section-programs-all { padding-bottom: 10px; } .section-programs-all .shell { padding: 0 15px; } .section-programs-all .section-head { margin-bottom: 150px; } .section-programs-all .section-head h2 { padding: 20px 0; font-size: 20px; } .section-programs-all .section-nav { margin: 0 -15px 20px; padding-bottom: 10px; overflow-x: auto; overflow-y: hidden; padding-left: 15px; } .section-programs-all .section-nav ul { white-space: nowrap; } .section-programs-all .section-nav ul li { display: inline-block; vertical-align: middle; padding-right: 23px; } .section-programs-all .section-nav ul li:last-child { padding-right: 15px; } .section-programs-all .section-nav ul li ~ li { margin-left: 0; } .section-programs-all .section-filter { padding: 0 0 40px; margin: -185px 0 65px; position: relative; } .section-programs-all .section-filter .list-letters { width: 100%; display: block; position: absolute; left: 0; bottom: 0; } .section-programs-all .section-filter .list-letters { white-space: nowrap; overflow-x: auto; text-align: left; font-size: 0; } .section-programs-all .section-filter .list-letters li { display: inline-block; vertical-align: middle; } .section-programs-all .section-filter .list-letters a { font-size: 12px; } .section-programs-all .section-filter .list-letters li ~ li { margin-left: 16px; } .section-programs-all .section-filter .fs-dropdown, .section-programs-all .section-filter .search-simple { width: 100%; position: relative; } .section-programs-all .section-filter .search-simple { margin-top: 10px; } .section-programs-all .section-actions { display: none; } } /* ------------------------------------------------------------ *\ Section Video Main \* ------------------------------------------------------------ */ .section-video-main { padding: 50px 0 54px; } .section-video-main .section-body { display: -webkit-flex; display: -ms-flexbox; display: flex; } .section-video-main .section-head { color: #fff; position: relative; margin: 0 23.5% 30px 25%; } .section-video-main .section-head h2 { margin: 0; font-size: 35px; text-transform: uppercase; padding-left: 15px; position: relative; border-left: 4px solid #ca0000; line-height: 1; } .section-video-main .section-head h2 span { display: block; font-weight: 400; font-size: 13px; text-transform: none; padding-top: 5px; } .section-video-main .section-head p { margin: 0; position: absolute; right: 0; bottom: 0; font-size: 13px; opacity: .75; text-transform: uppercase; } .section-video-main .section-head p span { margin-left: 5px; } .section-video-main .section-head h2 a {text-decoration:none;} .section-video-main .section-sidebar { /*-webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%;*/-webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; background-color: #1D1F41; } .section-video-main .section-content { /*-webkit-flex: 0 0 51.4%; -ms-flex: 0 0 51.4%; flex: 0 0 51.4%;*/-webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; background-color: #0D0E1E; } .section-video-main .section-content.full-section-content { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .section-video-main .section-banners { -webkit-flex: 0 0 23.6%; -ms-flex: 0 0 23.6%; flex: 0 0 23.6%; padding-left: 33px; } .section-video-main .section-banners .banner { margin: 0; } .section-video-main .section-banners .banner ~ .banner { margin-top: 30px; } .section-video-main.no-chapters .section-banners:first-child{padding-right:42px;padding-left:0;} .section-video-main.no-chapters .section-banners:last-child{padding-left:42px;padding-right:0;} .section-video-main.no-chapters .section-head{margin:0 25% 30px 25%} .section-video-main .prog-video-container{width:85%;} /* Tablet Portrait */ @media (max-width: 1023px) { .section-video-main .section-banners { display: none; } .section-video-main .section-head { margin: 0 0 30px 33%; } .section-video-main .section-sidebar { -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; } .section-video-main .section-content { -webkit-flex: 0 0 67%; -ms-flex: 0 0 67%; flex: 0 0 67%; } } /* Mobile */ @media (max-width: 767px) { .section-video-main { padding: 20px 0 0; } .section-video-main .shell { padding: 0; } .section-video-main .section-head { margin: 0 0 20px; padding: 0 15px; } .section-video-main .section-head h2 { margin: 0; padding: 0; border: 0; font-size: 25px; } .section-video-main .section-head h2 span { font-size: 13px; } .section-video-main .section-head p { display: none; } .section-video-main .section-body { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } /*.section-video-main .section-content { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .section-video-main .section-sidebar { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }*/ .section-video-main .display-flex { flex-direction: column; } .section-video-main .section-sidebar { display: flex;justify-content: flex-end;flex-direction: column;webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%; } .section-video-main .section-content { webkit-flex: 1;-ms-flex: 1;flex: 1;display: flex;justify-content: flex-start;flex-direction: column;-webkit-order: -1;-ms-flex-order: -1;order: -1; } .section-video-main .banner-mobile { margin: 0; } } /* ------------------------------------------------------------ *\ Section Video List \* ------------------------------------------------------------ */ .section-video-list { padding: 44px 0 36px; } .section-video-list .section-head { display: none; } .section-video-list .section-body { padding: 0 0 0 10px; } .section-video-list .video-detailed .video-content { margin-bottom: 0; } .section-video-list .video-detailed .video-content h6 { color: #fff; } .section-video-list .video-detailed .video-content p { color: #fff; opacity: .75; } .section-video-list .section-actions { padding-top: 34px; } .section-video-list .section-actions .btn { border-radius: 30px; } /* Small Desktop */ @media (max-width: 1279px) { .section-video-list .section-body { padding: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-video-list .list-videos li { margin-bottom: 30px; } .section-video-list .section-actions { padding-top: 0; } } /* Mobile */ @media (max-width: 767px) { .section-video-list { background-color: #2c2c2c; padding: 35px 0; } .section-video-list .section-head { display: block; margin-bottom: 20px; } .section-video-list .section-head h3 { font-weight: 700; font-size: 16px; text-transform: uppercase; color: #fff; margin: 0; } .section-video-list .list-videos li { width: 50%; } .section-video-list .list-videos li:nth-child(odd) { clear: left; } } /* ------------------------------------------------------------ *\ Section Related Media \* ------------------------------------------------------------ */ .section-related-media { background-color: #e5e7e9; padding: 48px 0 60px; overflow: hidden; position: relative; } .section-related-media .section-nav { margin-bottom: 42px; padding-left: 6px; } .section-related-media .section-nav ul { list-style: none; font-size: 0; } .section-related-media .section-nav ul li { display: inline-block; vertical-align: middle; } .section-related-media .section-nav ul li ~ li { margin-left: 30px; } .section-related-media .section-nav ul a { display: block; font-size: 16px; color: #333; text-transform: uppercase; opacity: .37; transition: opacity .4s ease; text-decoration: none; } .section-related-media .section-nav ul a:hover, .section-related-media .section-nav ul .current a { opacity: 1; } .section-related-media .section-nav ul .current a { font-weight: 700; } .section-related-media .section-body { padding: 0 0 0 10px; } .section-related-media .section-body .section-prev { left: 0; } .section-related-media .section-body .section-next { right: 0; } .section-related-media .section-body .section-prev, .section-related-media .section-body .section-next { width: 52px; height: 52px; background-color: #ca0000; text-align: center; line-height: 52px; position: absolute; top: 33%; margin-top: -26px; font-size: 23px; color: #fff; transition: color .4s ease, background-color .4s ease; border: 1px solid #ca0000; } .section-related-media .section-body .section-prev:hover, .section-related-media .section-body .section-next:hover { background-color: transparent; color: #ca0000; } .section-related-media .list-videos-alt { margin-top: 11px; padding: 56px 50px 0 5px; position: relative; } .section-related-media .list-videos-alt:before, .section-related-media .list-videos-alt:after { content: ''; width: 9999px; height: 1px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-related-media .list-videos-alt:before { top: 0; background-color: #ccc; } .section-related-media .list-videos-alt:after { top: 1px; background-color: #fff; } .section-related-media .section-actions { padding-top: 20px; } .section-related-media .section-actions .btn { min-width: 150px; } .section-related-media .video-detailed .video-content { margin-bottom: 40px; } .section-related-media .video-detailed .video-content p { margin-bottom: 10px; } .section-related-media .list-videos-alt .video-detailed .play:before { width: auto; height: auto; border: 0; content: '\f105'; font-family: 'FontAwesome'; font-size: 18px; color: #fff; } /* Small Desktop */ @media (max-width: 1279px) { .section-related-media .section-nav, .section-related-media .section-body { padding-left: 0; } .section-related-media .list-videos-alt { overflow: hidden; padding: 56px 0 0 0; } .section-related-media-alt { padding: 48px 60px 60px; } } /* Mobile */ @media (max-width: 767px) { .section-related-media { padding: 30px 0; } .section-related-media .section-nav { margin-bottom: 25px; } .section-related-media .section-nav ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .section-related-media .section-nav ul li ~ li { margin-left: 0; } .section-related-media .list-videos li { width: 50%; } .section-related-media .video-detailed .video-content { margin-bottom: 25px; } .section-related-media .video-detailed .video-content p { display: none; } .section-related-media .video-detailed .video-content .meta p { display: block; } .section-related-media .video-detailed .video-content .meta p span { margin-left: 7px; } .section-related-media .list-videos-alt { margin: 0 -15px; padding: 30px 15px 0; white-space: nowrap; overflow-x: auto; overflow-y: hidden; font-size: 0; } .section-related-media .list-videos-alt li { width: 198px; float: none; display: inline-block; vertical-align: middle; padding: 0; padding-right: 15px; } .section-related-media .list-videos-alt li:last-child { padding-right: 0; } .section-related-media .section-actions { padding-top: 0; } .section-related-media .list-videos:not(.list-videos-alt) { position: relative; } .section-related-media .list-videos:not(.list-videos-alt):before { content: ''; height: 2px; background-color: #ccc; border-bottom: 1px solid #fff; position: absolute; left: -8px; right: -8px; bottom: 0; } .section-related-media .list-videos-alt:before, .section-related-media .list-videos-alt:after { display: none; } .section-related-media-alt .section-prev, .section-related-media-alt .section-next { display: none; } } /* ------------------------------------------------------------ *\ Section Program Landing \* ------------------------------------------------------------ */ .section-program-landing { background-color: #161836; color:#fff; padding: 56px 0 0; } .section-program-landing .section-inner:after { } .section-program-landing .section-body, .section-program-landing .section-sidebar { float: left; } .section-program-landing .section-body { /*width: 74%;*/ width:calc(100% - 360px); padding-left: 18px; } .section-program-landing .section-body h5 { margin-bottom: 20px; text-transform: uppercase;font-size:20px;height:34px;z-index:11;position:relative; } .section-program-landing .section-body ul { margin-bottom: 0; } .section-program-landing .section-body .btn { min-width: 150px; } .section-program-landing .video-detailed .video-content .meta p { font-weight: 500; } .section-program-landing .video-detailed .video-content .meta p span { margin-left: 5px; } .section-program-landing .section-sidebar { /*width: 23%;*/ float: right; border-left: 1px solid #ccc; padding-left: 30px; width:330px; } .section-program-landing .section-sidebar h5 { text-transform: uppercase; margin-bottom: 20px; } .section-program-landing .section-sidebar h5 ~ h5 { padding-top: 34px; border-top: 1px solid #ccc; margin-bottom: 15px; } .section-program-landing .section-sidebar p { font-weight: 300; font-size: 14px; line-height: 1.45; opacity: .75; margin-bottom: 18px; /*padding-right: 35px;*/ } .section-program-landing .section-sidebar .video-detailed { width: 100%; } .section-program-landing .section-sidebar .video-detailed .video-content { margin-bottom: 33px; } .section-program-landing .section-sidebar .btn { min-width: 200px; text-align: left; margin-bottom: 30px; } .section-program-landing .section-foot { background-color: #c61316; padding: 35px 0 31px; margin-top: 40px; } .section-program-landing .section-foot:after { } .section-program-landing .section-foot-aside { float: left; margin-left: -7px; } .section-program-landing .section-foot-aside ~ .section-foot-aside { float: right; margin-right: 10px; } .section-program-landing .section-bar.with-ticker { background-color: #a21012; color: #fff; padding: 17px 0; } .section-program-landing .section-bar-inner { position: relative; padding-left: 234px; } .section-program-landing .section-bar-head { position: absolute; left: -9px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .section-program-landing .section-bar-head i, .section-program-landing .section-bar-head span { display: inline-block; vertical-align: middle; } .section-program-landing .section-bar-head i { opacity: .3; } .section-program-landing .section-bar-head .zmdi-smartphone-iphone { font-size: 28px; } .section-program-landing .section-bar-head .zmdi-chevron-right { font-size: 11px; margin: 0 10px; } .section-program-landing .section-bar-head span { font-weight: 700; font-size: 15px; color: #fff; } .section-program-landing .custom-select {float:right;background:#fff;color:#333;min-width:211px;} .section-program-landing .custom-select .fs-dropdown {margin:0;} #video-page .section-program-landing{background:none;color:#fff;padding:20px 16px;} #video-page .section-program-landing .section-body{padding-left:0;} #video-page .section-program-landing .shell{padding:0;} /* Small Desktop */ @media (max-width: 1279px) { .section-program-landing { padding: 50px 0 0; } .section-program-landing .section-body { padding-left: 0; } .section-program-landing .section-sidebar .video-detailed { width: 100%; } .section-program-landing .section-foot-aside { margin-left: 0; } .section-program-landing .section-foot-aside ~ .section-foot-aside { margin-right: 0; } .section-program-landing .section-bar-head { left: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-program-landing .section-sidebar { padding-left: 15px; width: 33%; } .section-program-landing .section-sidebar .btn { min-width: 0; } .section-program-landing .section-foot-aside, .section-program-landing .section-foot-aside ~ .section-foot-aside { float: none; } .section-program-landing .section-foot-aside ~ .section-foot-aside { margin-top: 30px; } } /* Mobile */ @media (max-width: 767px) { .section-program-landing { padding: 30px 0 0; } .section-program-landing .section-body, .section-program-landing .section-sidebar { float: none; width: 100%; } .section-program-landing .list-videos { /*margin: 0 -7px;*/margin:0; } .section-program-landing .list-videos li { width: 48%; padding: 0 7px;/*max-width:144px;*/ } .section-program-landing .video-detailed .video-content { margin-bottom: 20px; } .section-program-landing .section-sidebar { padding: 25px 0 0; margin-top: 25px; border-left: 0; border-top: 1px solid #ccc; } .section-program-landing .section-foot { margin-top: 0; } .section-program-landing .list-shows li { display: block; } .section-program-landing .list-shows h2 { font-size: 22px; } .section-program-landing .list-shows h3 { display: block; font-size: 18px; position: relative; /*padding-right: 80%;*/width:100%; } .section-program-landing .list-shows h3 span { font-size: 14px; /*position: absolute; left: 60px; right: 0; top: 2px;*/display:block; } .section-program-landing .section-bar-head .zmdi-chevron-right { margin: 0 17px; } .section-program-landing .section-bar-inner { padding: 40px 0 0; } .section-program-landing .section-bar-head { top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .section-program-landing ~ .section-programs-news { width: 100%; } .section-program-landing ~ .section-programs-news .shell { padding-right: 0; } .section-program-landing ~ .section-programs-news .section-body { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; } .section-program-landing ~ .section-programs-news .section-body .list-videos { overflow: visible; } .section-program-landing .custom-select{width:100%;margin-top:20px;margin-bottom:20px;} } /* ------------------------------------------------------------ *\ Section Latest \* ------------------------------------------------------------ */ .section-latest { background-color: #161836; padding: 50px 0 60px; } .section-latest .section-head { margin-bottom: 15px; } .section-latest .section-head h5 { text-transform: uppercase; margin: 0; } .section-latest .section-body { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .section-latest .section-foot { background-color: #1b2151; margin-top: 18px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-latest .section-body { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } } /* Mobile */ @media (max-width: 767px) { .section-latest { padding: 30px 0; } .section-latest .section-foot + .banner-mobile { margin: 20px 0 0; } } /* ------------------------------------------------------------ *\ Section Latest Featured \* ------------------------------------------------------------ */ .section-latest-featured { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; padding: 28px 20px 33px; background-color: #1b2151; color: #fff; } .section-latest-featured img { width: 100%; height: auto; } .section-latest-featured h2 { width: 75%; padding: 14px 30px; background-color: #c61316; line-height: 1; margin: -55px 0 26px -9px; font-size: 30px; position: relative; z-index: 10; } .section-latest-featured p { width: 85%; font-size: 13px; line-height: 1.65; color: #e5e6e9; opacity: .75; padding-left: 20px; margin-bottom: 30px; } .section-latest-featured .btn { margin-left: 10px; background-color: rgba(255, 255, 255, .08); font-size: 14px; color: #e5e6e9; } .section-latest-featured.col-1of2{-webkit-flex: 0 0 34.4%; -ms-flex: 0 0 34.4%; flex: 0 0 34.4%; max-width: 34.4%;} .section-latest-featured.col-1of3{-webkit-flex: 0 0 32.8%; -ms-flex: 0 0 32.8%; flex: 0 0 32.8%; max-width: 32.8%;} /* Small Desktop */ @media (max-width: 1279px) { .section-latest-featured h2 { font-size: 24px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-latest-featured { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 30px; } .section-latest-featured h2 { margin: -30px 0 26px -9px; } } /* Mobile */ @media (max-width: 767px) { .section-latest-featured { padding-bottom: 20px; margin-bottom: 20px; } .section-latest-featured h2 { width: 100%; margin: 0 0 20px; padding: 10px; font-size: 22px; } .section-latest-featured p { width: 100%; padding: 0; margin: 0 0 20px; } .section-latest-featured .btn { margin: 0; } } /* ------------------------------------------------------------ *\ Section Latest Twitter \* ------------------------------------------------------------ */ .section-latest-twitter { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; background-color: #fff; padding: 28px 20px 0; position: relative;direction:ltr; } .section-latest-twitter h4 { font-weight: 400; font-size: 19px; color: #fff; margin-bottom: 10px; text-align: center; } .section-latest-twitter h5 { width: 100%; color: #55acee; text-align: center; margin-bottom: 20px; } .section-latest-twitter h5 i { font-size: 30px; } .section-latest-twitter h5 span { display: block; padding-top: 5px; } .section-latest-twitter img { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .section-latest-twitter .section-actions { width: 100%; padding: 20px 0 13px; position: absolute; left: 0; bottom: 0; text-align: center; border-top: 1px solid rgba(255, 255, 255, .12); } .section-latest-twitter h1 span{ font-size:13px; color:#666;} .section-latest-twitter h1 span a{ text-decoration:none; color:#3b94d9;} /* Tablet Portrait */ @media (max-width: 1023px) { .section-latest-twitter { -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; } } /* Mobile */ @media (max-width: 767px) { .section-latest-twitter { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;margin-top:20px;text-align:center; } } /* ------------------------------------------------------------ *\ Section Latest Facebook \* ------------------------------------------------------------ */ .section-latest-facebook { -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; background-color: #fff; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-latest-facebook { -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; } } /* Mobile */ @media (max-width: 767px) { .section-latest-facebook { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 20px; text-align:center; } } /* ------------------------------------------------------------ *\ Section Latest Instagram \* ------------------------------------------------------------ */ .section-latest-instagram { -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; background-color: #fff; } .section-latest-instagram .section-head { border-bottom: 1px solid rgba(255, 255, 255, .12); padding: 25px 30px 15px; color: #fff; position: relative; margin-bottom: 0; } .section-latest-instagram .section-head h5 { text-transform: none; color: #333; } .section-latest-instagram .section-head h5 i { vertical-align: middle; font-size: 30px; margin-right: 5px; } .section-latest-instagram .section-head .ig-follow { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .section-latest-instagram .section-body { padding: 20px 30px; } .section-latest-instagram .section-body ul { list-style: none; margin: 0 -3px; overflow: hidden; } .section-latest-instagram .section-body ul li { float: left; width: 33%; padding: 3px 3px; } /* Mobile */ @media (max-width: 767px) { .section-latest-instagram .section-head { padding: 25px 20px; } .section-latest-instagram .section-body { padding: 20px; } .section-latest-instagram .section-body ul li { width: 50%; margin-bottom: 10px;max-width:144px; } .section-latest-instagram .section-body ul li img { width: 100%; height: auto; } .section-latest-instagram{-webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 20px;text-align:center;} } /* ------------------------------------------------------------ *\ Section Programs Videos \* ------------------------------------------------------------ */ .section-programs-videos { background: #e5e7e9 url(../images/inner-shadow-top.png) repeat-x left top; padding: 45px 0 13px; position: relative; } .section-programs-videos .shell { padding: 0 8px 0 24px; } .section-programs-videos .section-head { margin-bottom: 40px; } .section-programs-videos .section-head h5, .section-programs-videos .section-head ul { display: inline-block; vertical-align: middle; } .section-programs-videos .section-head h5 { margin: 0; text-transform: uppercase; } .section-programs-videos .section-head ul { margin-left: 10px; list-style: none; } .section-programs-videos .section-head ul li { display: inline-block; vertical-align: middle; margin-left: 20px; } .section-programs-videos .section-head ul a { display: block; text-decoration: none; font-family: 'TheSans', sans-serif; font-weight: 700; font-size: 14px; color: #222222; text-transform: uppercase; position: relative; transition: color .4s ease; } .section-programs-videos .section-head ul a:hover, .section-programs-videos .section-head ul .current a { color: #c71418; } .section-programs-videos .section-head ul .current a:after { content: ''; width: 100%; height: 2px; background-color: #c71418; position: absolute; left: 0; top: 100%; margin-top: 10px; } .section-programs-videos .video-detailed .video-content { margin-bottom: 40px; } .section-programs-videos .video-detailed .video-content p { margin-bottom: 9px; } .section-programs-videos .prev, .section-programs-videos .next { width: 52px; height: 52px; line-height: 52px; border: 1px solid #c61414; text-align: center; background-color: #c61414; position: absolute; top: 44%; margin-top: -26px; font-size: 23px; color: #fff; text-decoration: none; transition: background-color .4s ease, color .4s ease; } .section-programs-videos .prev:hover, .section-programs-videos .next:hover { background-color: transparent; color: #c61414; } .section-programs-videos .prev { left: 0; padding-right: 5px; } .section-programs-videos .next { right: 0; padding-left: 3px; } .section-programs-videos-celeb { border-top: 2px solid #1b2352; padding-bottom: 64px; } .section-programs-videos-celeb .section-head ul a:hover, .section-programs-videos-celeb .section-head ul .current a { color: #1b2352; } .section-programs-videos-celeb .section-head ul .current a:after { background-color: #1b2352; } /* Small Desktop */ @media (max-width: 1279px) { .section-programs-videos .shell { padding: 0 70px; } } /* Mobile */ @media (max-width: 767px) { .section-programs-videos { padding: 30px 0 90px; } .section-programs-videos .shell { padding: 0 15px; } .section-programs-videos .section-head ul { margin-left: 0; margin-top: 15px; } .section-programs-videos .section-head ul li { margin-left: 0; } .section-programs-videos .section-head ul li ~ li { margin-left: 20px; } .section-programs-videos .list-videos { margin: 0 -6px; } .section-programs-videos .list-videos li { width: 50%; padding: 0 6px; } .section-programs-videos .video-detailed .video-content { margin-bottom: 20px; } .section-programs-videos .video-detailed .video-content p { display: none; } .section-programs-videos .video-detailed .video-content .meta p { display: block; } .section-programs-videos .video-detailed .video-content .meta p span { margin-left: 5px; } .section-programs-videos .prev, .section-programs-videos .next { margin-top: 0; top: auto; bottom: 30px; } .section-programs-videos .prev { left: 15px; } .section-programs-videos .next { left: 70px; right: auto; } .section-programs-videos-celeb .section-head { margin-bottom: 20px; } .section-programs-videos-celeb .section-head h5 { display: block; margin-bottom: 20px; } .section-programs-videos-celeb .section-head ul { display: block; width: auto; margin: 0 -15px; padding: 0 0 20px 15px; overflow-y: hidden; overflow-x: auto; white-space: nowrap; } .section-programs-videos-celeb .section-head ul li { display: inline-block; vertical-align: middle; margin-right: 26px; } .section-programs-videos-celeb .section-head ul li:last-child { margin-right: 15px; } .section-programs-videos-celeb .section-head ul li ~ li { margin-left: 0; } } /* ------------------------------------------------------------ *\ Section Programs News \* ------------------------------------------------------------ */ .section-programs-news { background-color: #e5e7e9; border-top: 1px solid #ccc; box-shadow: inset 0 1px 0 #fff; padding: 23px 0 80px; } .section-programs-news .shell { padding: 0 2px 0 20px; } .section-programs-news .section-head { margin-bottom: 23px; } .section-programs-news .section-head h5 { text-transform: uppercase; margin: 0; } .section-programs-news .post .post-content { text-align: left; } .section-programs-news .post .post-content a { padding: 10px 0; } .section-programs-news .section-actions { padding-top: 20px; } .section-programs-news .section-actions .btn { min-width: 120px; } /* Small Desktop */ @media (max-width: 1279px) { .section-programs-news .shell { padding: 0 10px; } } /* Mobile */ @media (max-width: 767px) { .section-programs-news { padding-bottom: 30px; } .section-programs-news .shell { padding: 0 15px; } .section-programs-news .list-videos { white-space: nowrap; overflow-x: auto; margin: 0 -15px; padding-left: 15px; -webkit-overflow-scrolling: touch; } .section-programs-news .list-videos li { display: inline-block; vertical-align: middle; float: none; width: 200px; white-space: normal; padding: 0 15px 0 0; } } /* ------------------------------------------------------------ *\ Section Episodes \* ------------------------------------------------------------ */ .section-episodes { padding: 56px 0 12px; } .section-episodes .section-body h5 { margin-bottom: 17px; } .section-episodes .section-body .banner { margin: 3px auto 65px; } .section-episodes .fs-dropdown { width: 210px; margin: 0; position: relative; } .section-episodes .fs-dropdown:before { content: ''; width: 1px; background-color: #333; position: absolute; right: 33px; top: 0px; bottom: 0px; z-index: 52; } .section-episodes .fs-dropdown-selected { background-color: transparent; border-color: #ddd; font-weight: 700; font-size: 13px; color: #666; text-transform: uppercase; border-radius: 0 !important; } .section-episodes .fs-dropdown.selected .fs-dropdown-selected { color: #666; } .section-episodes .fs-dropdown-selected:after { font-size: 8px; color: #878787; right: 12px; } .section-episodes .section-sidebar .banner { margin: 0 0 50px; box-shadow: 0 0 10px rgba(0,0,0, .25); } .section-episodes .section-sidebar h5 { text-transform: uppercase; margin-bottom: 15px; } .section-episodes .section-sidebar .btn { min-width: 120px; text-align: center; } .section-episodes .section-sidebar .fs-dropdown { /*margin-top: -18px;*/ } .section-episodes .section-sidebar .list-news { margin-bottom: 20px; } .section-episodes .section-sidebar .post .post-content { text-align: left; } .section-episodes .section-sidebar .post .post-content a { padding: 15px 0; } .section-episodes .section-sidebar .post .post-content h5 { text-transform: none; margin-bottom: 20px; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .section-episodes .video-detailed .video-content { margin-bottom: 52px; } @media(max-width: 1199px) { .section-program-landing .section-foot-aside { float: none; } .section-program-landing .section-foot-aside ~ .section-foot-aside { float: none; margin-top: 30px; margin-left: 0; margin-right: 0; } } /* Mobile */ @media (max-width: 767px) { .section-episodes { padding: 30px 0 15px; position: relative; } .section-episodes .video-detailed .video-content { margin-bottom: 20px; } .section-episodes .section-body .banner { display: none; } .section-program-landing .section-sidebar { width: 100%; } .section-program-landing .section-sidebar .banner { display: none; } .section-program-landing .section-sidebar .fs-dropdown { width: 140px; position: absolute; right: 15px; top: -29px; z-index: 11; } .section-episodes .section-sidebar .post .post-content h5 { margin-bottom: 0; } } /* ------------------------------------------------------------ *\ Section Celebrities \* ------------------------------------------------------------ */ .section-celebrities { padding: 55px 0 97px; } .section-celebrities .shell { padding: 0 11px 0 18px; } .section-celebrities .section-body { width: 65.4%; } .section-celebrities .section-body h5 { margin-bottom: 15px; } .section-celebrities .section-sidebar { width: 27.2%; } .section-celebrities .section-sidebar .fs-dropdown { margin-top: -16px; } .section-celebrities .fs-dropdown { width: 210px; margin: 0; position: relative; } .section-celebrities .fs-dropdown:before { content: ''; width: 1px; background-color: #333; position: absolute; right: 33px; top: 0px; bottom: 0px; z-index: 52; } .section-celebrities .fs-dropdown-selected { background-color: transparent; border-color: #ddd; font-weight: 700; font-size: 13px; color: #666; text-transform: uppercase; border-radius: 0 !important; } .section-celebrities .fs-dropdown-selected:after { font-size: 8px; color: #878787; right: 12px; } /* Small Desktop */ @media (max-width: 1279px) { .section-celebrities .shell { padding: 0 10px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-celebrities { padding: 50px 0; } } /* Mobile */ @media (max-width: 767px) { .section-celebrities { padding: 30px 0; position: relative; } .section-celebrities .section-body { float: none; width: 100%; } .section-celebrities .section-sidebar { width: 100%; position: absolute; right: 0; top: 0; margin: 0; padding: 0; } .section-celebrities .section-sidebar .banner { display: none; } .section-celebrities .fs-dropdown { width: 140px; position: absolute; right: 15px; top: -30px; z-index: 10; } } /* ------------------------------------------------------------ *\ Section Celebrity Vote \* ------------------------------------------------------------ */ .section-celebrity-vote { background: #e5e7e9 url(../images/inner-shadow-top.png) repeat-x left top; padding: 66px 0 82px; } .section-celebrity-vote .section-head { margin-bottom: 50px; padding-left: 28.7%; position: relative; } .section-celebrity-vote .section-head h4 { font-family: 'TheSans', sans-serif; font-size: 26px; margin: 0; text-transform: uppercase; color: #2a282b; } .section-celebrity-vote .section-head h4 span { display: inline-block; vertical-align: middle; } .section-celebrity-vote .section-head h4 .icon { width: 24px; height: 24px; background-color: #c71418; border-radius: 50%; text-align: center; line-height: 27px; font-size: 9px; color: #fff; padding-left: 1px; margin-left: 8px; position: relative; top: -2px; } .section-celebrity-vote .section-head .list-flags { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .section-celebrity-vote .section-body:after { } .section-celebrity-vote .section-sidebar, .section-celebrity-vote .section-content { float: left; } .section-celebrity-vote .section-sidebar { width: 23.5%; } .section-celebrity-vote .section-sidebar .banner { margin: 0; } .section-celebrity-vote .section-content { float: right; width: 71.7%; } .section-celebrity-vote .section-content ul { list-style: none; margin: 0 -18px; overflow: hidden; } .section-celebrity-vote .section-content ul li { float: left; width: 33.3333%; padding: 0 18px; } /* Small Desktop */ @media (max-width: 1279px) { .section-celebrity-vote { padding: 60px 0; } .section-celebrity-vote .section-content { width: 75%; } .section-celebrity-vote .section-content ul { margin: 0 -8px; } .section-celebrity-vote .section-content ul li { padding: 0 8px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-celebrity-vote { padding: 50px 0; } .section-celebrity-vote .section-head { padding: 0; } .section-celebrity-vote .section-sidebar { display: none; } .section-celebrity-vote .section-content { width: 100%; } } /* Mobile */ @media (max-width: 767px) { .section-celebrity-vote { padding: 40px 0 20px; } .section-celebrity-vote .section-head { margin-bottom: 25px; } .section-celebrity-vote .section-head h4 { margin-bottom: 10px; } .section-celebrity-vote .section-head .list-flags { position: relative; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; } .section-celebrity-vote .section-head .list-flags li { margin-right: 7px; } .section-celebrity-vote .section-head .list-flags li:last-child { margin-right: 0; } .section-celebrity-vote .section-head .list-flags li ~ li { margin-left: 0; } .section-celebrity-vote .section-content ul li { width: 100%; } } /* ------------------------------------------------------------ *\ Section Celebs Details \* ------------------------------------------------------------ */ .section-celebs-details { padding: 55px 0 0; } .section-celebs-details .section-sidebar .banner { margin: 20px 0; box-shadow: 0 0 10px rgba(0,0,0, .25); } .section-celebs-details .section-body h5 { margin-bottom: 17px; } .section-celebs-details .fs-dropdown { width: 210px; margin: -16px 0 0; position: relative; } .section-celebs-details .fs-dropdown:before { content: ''; width: 1px; background-color: #333; position: absolute; right: 33px; top: 0px; bottom: 0px; z-index: 52; } .section-celebs-details .fs-dropdown-selected { /*background-color: #c71418; border-color: #c71418;*/ font-weight: 700; font-size: 13px; color: #666; text-transform: uppercase; border-radius: 0 !important; } .section-celebs-details .fs-dropdown-selected:after { font-size: 8px; color: #666; right: 12px; } .section-celebs-details .list-shows h3 { font-size: 45px; } .section-celebs-details .list-shows h3 span { max-width: 550px; font-size: 16px; text-transform: none; line-height: 1.2; padding-left: 10px; } .section-celebs-details .celebrity-single-content h5 { margin-bottom: 30px; } .section-celebs-details .section-sidebar > h5 { padding-top: 49px; margin-top: 70px; border-top: 1px solid #ccc; margin-bottom: 14px; } .section-celebs-details .post .post-content h5 { text-align: left; text-transform: none; margin-bottom: 28px; } .section-celebs-details .post .post-content h5 a { padding: 10px 0; } .section-celebs-details .section-foot { margin-top: 57px; padding: 22px 0 19px; } .section-celebs-details .section-foot .list-shows h2 { padding-right: 47px; } .section-celebs-details .section-foot .list-shows h2:after { right: 29px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-celebs-details { padding: 50px 0 0; } } /* Mobile */ @media (max-width: 767px) { .section-celebs-details { padding: 20px 0 0; position: relative; } .section-celebs-details .celebrity-single-content h5 { margin-bottom: 10px; } .section-celebs-details .section-sidebar { padding-top: 0; border-top: 0; margin-top: 10px; } .section-celebs-details .section-sidebar .fs-dropdown { width: 140px; position: absolute; right: 15px; top: -32px; z-index: 11; } .section-celebs-details .section-sidebar > h5 { margin-top: 30px; padding-top: 20px; } .section-celebs-details .post .post-content h5 { margin-bottom: 0; } .section-celebs-details .section-foot { margin-top: 25px; } .section-celebs-details .list-shows h3 { font-size: 18px; min-height: 80px; } .section-celebs-details .list-shows h3 span { font-size: 14px; } } /* ------------------------------------------------------------ *\ Section Gallery Alt \* ------------------------------------------------------------ */ .section-gallery-alt { background-color: #e5e7e9; padding: 30px 0; } .section-gallery-alt .section-head { margin-bottom: 34px; } .section-gallery-alt .section-head ul { list-style: none; margin: 0; font-size: 0; } .section-gallery-alt .section-head ul li { display: inline-block; vertical-align: middle; } .section-gallery-alt .section-head ul li ~ li { margin-left: 25px; } .section-gallery-alt .section-head .fs-dropdown { margin: 0; } .section-gallery-alt .section-head .fs-dropdown-selected { width: 232px; height: 28px; padding: 0 30px 0 10px; line-height: 28px; background-color: #f9f9f9; border-color: #f9f9f9; font-size: 12px; color: #666; font-style: italic; } .section-gallery-alt .section-head .fs-dropdown-selected:after { content: '\f0d7'; right: 13px; font-size: 12px; color: #666; } .section-gallery-alt .masonry { margin: 0 -12px; } .section-gallery-alt .masonry-item { padding: 0 12px; margin-bottom: 27px; } .section-gallery-alt .masonry .fs-dropdown { width: 210px; margin: 0; position: relative; } .section-gallery-alt .masonry .fs-dropdown:before { content: ''; width: 1px; background-color: #333; position: absolute; right: 33px; top: 0px; bottom: 0px; z-index: 52; } .section-gallery-alt .masonry .fs-dropdown-selected { background-color: transparent; border-color: #ddd; font-weight: 700; font-size: 13px; color: #666; text-transform: uppercase; border-radius: 0 !important; } .section-gallery-alt .masonry .fs-dropdown-selected:after { font-size: 8px; color: #666; right: 12px; } /* Mobile */ @media (max-width: 767px) { .section-gallery-alt { padding: 15px 0 0; } .section-gallery-alt .section-head { margin-bottom: 15px; } .section-gallery-alt .section-head ul { font-size: 0; } .section-gallery-alt .section-head ul li { width: 49%; display: inline-block; vertical-align: middle; } .section-gallery-alt .section-head ul li ~ li { margin-left: 2%; } .section-gallery-alt .section-head .fs-dropdown-selected { width: 100%; } .section-gallery-alt .masonry .fs-dropdown-selected { display: none; } .section-gallery-alt .section-head + .banner-mobile { margin: 0 -15px 20px; max-width: none; } } /* ------------------------------------------------------------ *\ Section Programs Gallery \* ------------------------------------------------------------ */ .section-programs-gallery { background-color: #111531; } .section-programs-gallery .section-head { text-align: center; font-size: 0; padding: 20px 0; } .section-programs-gallery .section-head h6, .section-programs-gallery .section-head .socials { display: inline-block; vertical-align: middle; } .section-programs-gallery .section-head h6 { height: 32px; line-height: 32px; padding: 0 18px; margin: 0 5px 0 0; font-weight: 700; font-size: 13px; color: #fff; text-transform: uppercase; background-color: #1a204b; border-radius: 20px; } .section-programs-gallery .section-body { position: relative; } .section-programs-gallery .section-body .btn-close { position: absolute; right: 30px; top: 30px; z-index: 20; } .section-programs-gallery .section-foot { position: relative; overflow: hidden; padding: 27px 0 37px; margin-top: 25px; border-top: 1px solid rgba(255, 255, 255, .1); z-index: 10; } .section-programs-gallery .section-foot .banner { margin: 0; position: absolute; left: 50%; top: 27px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; } .section-programs-gallery .slider-gallery-thumbs { min-height: 124px; width: calc(50% - 387px); float: left; position: relative; z-index: 1; overflow: hidden; } .section-programs-gallery .slider-gallery-thumbs.right { float: right; } /*.section-programs-gallery .slider-gallery-thumbs:before { content: ''; width: 60px; height: 100%; background: url(../images/left-shadow.png) repeat-y left top; position: absolute; left: 0; top: 0; z-index: 10; } .section-programs-gallery .slider-gallery-thumbs.right:before { left: auto; right: 0; background: url(../images/right-shadow.png) repeat-y right top; }*/ .section-programs-gallery .slider-programs-gallery .owl-carousel .owl-item img {max-height:456px;width:auto;} .section-programs-gallery .slider-gallery-thumbs .owl-item img {max-height:63px;width:auto;} /* Mobile */ @media (max-width: 767px) { .section-programs-gallery .section-foot { margin-top: 15px; padding: 15px 0; } .section-programs-gallery .section-foot .banner { display: none; } .section-programs-gallery .slider-gallery-thumbs { width: 100% !important; min-height: 47px; } .section-programs-gallery .slider-gallery-thumbs.right, .section-programs-gallery .slider-gallery-thumbs:before { display: none; } .section-programs-gallery .section-body .btn-close { width: 16px; height: 16px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .section-programs-gallery .section-body .btn-close:before, .section-programs-gallery .section-body .btn-close:after { height: 140%; } } /* ------------------------------------------------------------ *\ Section Programs About \* ------------------------------------------------------------ */ .section-programs-about { background-color: #e5e7e9; } .section-programs-about .shell { padding: 0 0 0 18px; } .section-programs-about .section-inner { padding: 0 15px; } .section-programs-about .video a:after { content: ''; width: 100%; height: 100%; background-color: #1b2151; opacity: .5; position: absolute; left: 0; top: 0; z-index: 1; } .section-programs-about .fs-dropdown { width: 210px; margin: 0; position: relative; } .section-programs-about .fs-dropdown:before { content: ''; width: 1px; background-color: #333; position: absolute; right: 33px; top: 0px; bottom: 0px; z-index: 52; } .section-programs-about .fs-dropdown-selected { background-color: #c71418; border-color: #c71418; font-weight: 700; font-size: 13px; color: #fff; text-transform: uppercase; border-radius: 0 !important; } .section-programs-about .fs-dropdown-selected:after { font-size: 8px; color: #fff; right: 12px; } .section-programs-about .section-intro { position: relative; padding: 33px 0 60px; } .section-programs-about .section-intro img { width: 81.8%; height: auto; } .section-programs-about .section-intro-sidebar { width: 300px; position: absolute; left: 76.2%; top: 90px; z-index: 10; } .section-programs-about .section-intro-sidebar .banner { max-width: 100%; width: 100%; box-shadow: 0 0 10px rgba(0,0,0, .25); } .section-programs-about .section-intro-sidebar .banner > img { width: 100%; } .section-programs-about .section-head { margin-bottom: 20px; } .section-programs-about .section-head h5 { text-transform: uppercase; margin: 0; } .section-programs-about .section-body { padding-bottom: 80px; } .section-programs-about .section-body:after { } .section-programs-about .section-media, .section-programs-about .section-content { width: 50%; float: left; } .section-programs-about .section-content { padding-left: 7.5%; } .section-programs-about .section-content p { margin: 0; font-size: 13px; line-height: 1.6; opacity: .75; } .section-programs-about .section-content p ~ p { margin-top: 22px; } .section-programs-about .section-content h4 { font-weight: 500; font-size: 18px; text-transform: uppercase; opacity: .75; margin: 40px 0 0; } .section-programs-about .section-content h4 span { display: block; } .section-programs-about .section-content h4 a { text-decoration: none; } .section-programs-about .section-media .video {position: relative;padding-bottom: 56.25%;/*16:9*/ padding-top: 0px;height: 0;} .section-programs-about .section-media .video.video-4-3 {padding-bottom: 75%;/*4:3*/ } .section-programs-about .section-media .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /* Small Desktop */ @media (max-width: 1279px) { .section-programs-about .shell { padding: 0 10px; } .section-programs-about .section-inner { padding: 0; } .section-programs-about .section-intro-sidebar { left: auto; right: 0; } .section-programs-about .section-content { padding-left: 30px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-programs-about .section-intro { margin-bottom: 50px; } } /* Mobile */ @media (max-width: 767px) { .section-programs-about .shell { padding: 0; } .section-programs-about .section-content h4 { margin-top: 30px; } .section-programs-about .section-intro { padding-top: 0; } .section-programs-about .section-intro { height: 320px; padding: 0; margin: 0; overflow: visible; } .section-programs-about .section-intro img { width: auto; max-width: none; height: 100%; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-programs-about .section-intro-sidebar { top: 0; } .section-programs-about .section-intro-sidebar .fs-dropdown { width: 140px; position: absolute; right: 15px; top: -47px; } .section-programs-about .section-intro-sidebar .banner { display: none; } .section-programs-about .section-head { display: none; } .section-programs-about .section-body { padding: 30px 15px; } .section-programs-about .section-media, .section-programs-about .section-content { float: none; width: 100%; } .section-programs-about .section-content { padding: 30px 0 0; } } /* ------------------------------------------------------------ *\ Section Schedule \* ------------------------------------------------------------ */ .section-schedule { background-color: #151935; color: #fff; } .section-schedule .section-inner { padding: 0 0 70px; } .section-schedule .section-foot { background-color: #c61316; padding: 30px 0; } .section-schedule .section-foot:after { } .section-schedule .section-foot-aside { float: left; } .section-schedule .section-foot-aside ~ .section-foot-aside { float: right; } .section-schedule .section-bar { background-color: #a21012; color: #fff; padding: 20px 0; border-bottom: 2px solid #1d2151; } .section-schedule .section-bar .shell:after { } .section-schedule .section-bar p { float: left; margin: 0; font-weight: 700; font-size: 16px; padding-left: 30px; position: relative; } .section-schedule .section-bar p a { text-decoration: underline; } .section-schedule .section-bar p:before { content: ''; width: 11px; height: 11px; background-color: #fff; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -5px; } .section-schedule .section-bar .socials { float: right; } .section-schedule .section-bar .socials ul a { color: #fff; opacity: .8; font-size: 20px; transition: opacity .4s ease; } .section-schedule .section-bar .socials ul a:hover { opacity: .5; } .section-schedule .section-bar .socials ul .zmdi-smartphone-iphone { font-size: 28px; vertical-align: middle; } .section-schedule .section-bar .socials ul .alt a { opacity: .3; } .section-schedule .section-bar .socials ul li.alt a .zmdi-chevron-right { top: -1px; } .section-schedule .section-group { padding-top: 78px; } .section-schedule .section-group:after { } .section-schedule .section-group-head, .section-schedule .section-group-body, .section-schedule .section-group-sidebar { float: left; } .section-schedule .section-group-head { width: 20.8%; } .section-schedule .section-group-head h2 { font-family: 'TheSans', sans-serif; font-size: 85px; color: rgba(255, 255, 255, .83); line-height: .8; margin: 0; } .section-schedule .section-group-head h2 span { display: block; font-family: 'TheSans','Roboto', sans-serif; font-weight: 400; font-size: 30px; color: rgba(255, 255, 255, .4); padding-left: 13px; } .section-schedule .section-group-body { width: 49.4%; } .section-schedule .section-group-sidebar { width: 23.5%; margin-left: 6.3%; } .section-schedule .section-group-sidebar .banner { margin: 0; } /* Small Desktop */ @media (max-width: 1279px) { .section-schedule .section-group-head h2 { font-size: 64px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-schedule .section-group-sidebar { display: none; } .section-schedule .section-group-head { width: 25%; } .section-schedule .section-group-head h2 { font-size: 56px; } .section-schedule .section-group-head h2 span { font-size: 24px; } .section-schedule .section-group-body { width: 75%; } .section-schedule .section-foot-aside, .section-schedule .section-foot-aside ~ .section-foot-aside { float: none; } .section-schedule .section-foot-aside ~ .section-foot-aside { margin-top: 30px; } .section-schedule .section-bar .socials { float: none; clear: both; padding-top: 15px; } } /* Mobile */ @media (max-width: 767px) { .section-schedule { margin-top: 0; } .section-schedule .section-group { padding-top: 30px; } .section-schedule .section-group-placeholder {padding-top:20px; margin: 0 -15px; } .section-schedule .section-group-placeholder:first-child { margin: -30px -15px 30px; } .section-schedule .section-group-placeholder a, .section-schedule .section-group-placeholder img { width: 100%; display: block; } .section-schedule .section-group-head, .section-schedule .section-group-body { width: 100%; float: none; } .section-schedule .section-group-head { margin-bottom: 20px; } .section-schedule .section-group-head h2 { font-size: 40px; } .section-schedule .section-group-head h2 span { font-size: 15px; padding-left: 0; } .section-schedule .section-bar p:before { top: 5px; margin-top: 0; } .section-schedule .section-bar .socials { display: none; } } /* ------------------------------------------------------------ *\ Section Featured Week \* ------------------------------------------------------------ */ .section-featured-week { padding: 0 2px 0 10px; } .section-featured-week .video-small { overflow: visible; } .section-featured-week .video-small .play { width: 22px; height: 22px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); top: auto; bottom: -6px; left: auto; right: 4px; } .section-featured-week .video-small .play:before { border-width: 4px 0 4px 6px; } /* Small Desktop */ @media (max-width: 1279px) { .section-featured-week { padding: 0; } } /* ------------------------------------------------------------ *\ Section Selection \* ------------------------------------------------------------ */ .section-selection { background-color: #1c2251; margin-bottom: 33px; } .section-selection .section-body { padding: 45px 45px 16px; } .section-selection .section-body ul:after { } .section-selection .section-body li { float: left; width: 33.3333%; margin-bottom: 30px; } .section-selection .section-actions { text-align: center; padding-top: 0; } .section-selection .section-actions .btn { min-width: 170px; height: 48px; line-height: 48px; font-size: 20px; } .section-selection .checkbox-square label { padding-bottom: 0; color: rgba(221, 221, 221, .8); font-weight: 400; font-size: 14px; text-transform: uppercase; padding-left: 35px; } .section-selection .checkbox-square label:before { width: 28px; height: 28px; left: 0; top: 50%; margin-top: -14px; border-color: rgba(255, 255, 255, .2); font-size: 14px; line-height: 26px; } .section-selection .checkbox-square input:checked ~ label:before { color: rgba(234, 234, 234, .75); } /* Tablet Portrait */ @media (max-width: 1023px) { .section-selection .section-body li { width: 50%; } } /* Mobile */ @media (max-width: 767px) { .section-selection .section-body, .section-selection .section-actions { margin: 0 -15px; background-color: #1c2251; } .section-selection .section-body { padding: 35px 15px 26px; } .section-selection .section-body li { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Slider \* ------------------------------------------------------------ */ .slider { position: relative; } .slider .owl-item { -webkit-backface-visibility: visible; } /* ------------------------------------------------------------ *\ Slider Ticker \* ------------------------------------------------------------ */ .slider-ticker { text-align: center; } .slider-ticker p { padding: 20px 110px 19px 0; margin: 0; font-size: 22px; } .slider-ticker a { display: block; text-decoration: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .slider-ticker p { font-size: 18px; padding: 20px 50px 19px 0; } } /* Mobile */ @media (max-width: 767px) { .slider-ticker { white-space: nowrap; } .slider-ticker p { font-size: 15px; padding: 11px 15px; } .slider-ticker .owl-stage { transition-timing-function: linear !important; } } /* ------------------------------------------------------------ *\ Slider Stars \* ------------------------------------------------------------ */ .slider-stars { position: relative; } .slider-stars .slider-prev, .slider-stars .slider-next { width: 52px; height: 52px; line-height: 50px; border: 1px solid #ca0000; background-color: #ca0000; text-align: center; text-decoration: none; font-size: 23px; color: #fff; position: absolute; top: 52%; margin-top: -26px; transition: background-color .4s ease, color .4s ease; } .slider-stars .slider-prev:hover, .slider-stars .slider-next:hover { background-color: transparent; color: #ca0000; } .slider-stars .slider-prev { left: -60px; } .slider-stars .slider-next { right: -60px; } /* Mobile */ @media (max-width: 767px) { .slider-stars .slider-prev, .slider-stars .slider-next { z-index: 100; } .slider-stars .slider-prev { left: -55px; } .slider-stars .slider-next { right: -55px; } } /* ------------------------------------------------------------ *\ Slider News Gallery \* ------------------------------------------------------------ */ .slider-news-gallery { min-height: 456px; position: relative; z-index: 1; } .slider-news-gallery:before { content: ''; width: 64px; height: 64px; background: url(../images/loader.gif) no-repeat 0 0; position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; z-index: -1; } .slider-news-gallery .slides { opacity: 0; transition: opacity 1.5s ease; } .slider-news-gallery.loaded .slides { opacity: 1; } .slider-news-gallery .owl-prev, .slider-news-gallery .owl-next { width: 48px; height: 52px; text-align: center; line-height: 52px; font-family: 'FontAwesome'; font-size: 22px; color: #fff; background-color: rgba(198, 20, 20, .75); position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 20; transition: background-color .4s ease; } .slider-news-gallery .owl-prev { left: 0; padding-right: 3px; } .slider-news-gallery .owl-next { right: 0; padding-left: 1px; } .slider-news-gallery .owl-prev:hover, .slider-news-gallery .owl-next:hover { background-color: rgba(198, 20, 20, 1); } .slider-news-gallery .slide { width: 809px; position: relative; pointer-events:initial !important; } .slider-news-gallery .slide a { display: block; } .slider-news-gallery .owl-item a { opacity: .27; } .slider-news-gallery .owl-item a:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #1b2151; opacity: 0; z-index: 10; transition: opacity .4s ease; } .slider-news-gallery .owl-item.center a { opacity: 1; } .slider-news-gallery .owl-item.center a:before, .slider-news-gallery .owl-item.active a:before { opacity: .3; } .slider-thumbs { min-height: 95px; text-align: center; padding: 16px 0; margin-top: 24px; font-size: 0; border-top: 1px solid #272a44; } .slider-thumbs ul { list-style: none; margin: 0; } .slider-thumbs ul li { display: inline-block; vertical-align: middle; margin: 0 3px; opacity: .5; transition: opacity .4s ease; } .slider-thumbs ul .play { width: 26px; height: 26px; } .slider-thumbs ul a { display: block; position: relative; } .slider-thumbs ul a:before { content: ''; width: 100%; height: 100%; border: 3px solid #ca0000; position: absolute; left: 0; top: 0; z-index: 10; opacity: 0; transition: opacity .4s ease; } .slider-thumbs ul li.current, .slider-thumbs ul li.current:hover, .slider-thumbs ul li.current a:before { opacity: 1; } .slider-thumbs ul li:hover { opacity: .75; } .slider-thumbs ul li img{height:53px;} .slider-news-gallery .btn-close { position: absolute; right: 28px; top: 31px; z-index: 10; } .slider-news-gallery .owl-carousel.one-item{opacity:1;display:block;} .slider-news-gallery .owl-carousel.one-item .slide{margin:0 auto;} .slider-news-gallery .slide-image img{height:456px;width:auto;margin:0 auto;} /* Mobile */ @media (max-width: 767px) { .slider-news-gallery { min-height: 0; } .slider-news-gallery .slide { width:100%;/*min-height: 435px;*/padding-bottom:84px; overflow: hidden; } .slider-news-gallery .slide > img, .slider-news-gallery .slide .video { width: 100%; height: auto; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .slider-news-gallery .slide-image img{height:auto;} .slider-news-gallery .btn-close { display: none; } .slider-thumbs { min-height: 0; } .slider-thumbs .owl-item.current li, .slider-thumbs .owl-item.current a:before { opacity: 1; } } /* ------------------------------------------------------------ *\ Slider Sms \* ------------------------------------------------------------ */ .slider-sms { position: relative; top: 2px; min-height:38px;line-height:38px; } .slider-sms:after { content: ''; width: 85px; height: 100%; background: url(../images/gradient-red.png) repeat-y right center; position: absolute; right: 0; top: 0; z-index: 10; } .slider-sms h5 { margin: 0; font-size: 15px; } .slider-sms .owl-stage { transition-timing-function: linear !important; } /* Mobile */ @media (max-width: 767px) { .slider-sms { /*padding-left: 60px;*/ } .slider-sms:after { display: none; } .slider-sms h5 { font-size: 12px; text-transform: none; } .slider-sms .slide ~ .slide { margin-top: 10px; } } /* ------------------------------------------------------------ *\ Slider Programs Gallery \* ------------------------------------------------------------ */ .slider-programs-gallery { min-height: 456px; position: relative; z-index: 1; } .slider-programs-gallery:before { content: ''; width: 64px; height: 64px; background: url(../images/loader.gif) no-repeat 0 0; position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; z-index: -1; } .slider-programs-gallery .slide { position: relative; opacity: .27; transition: opacity .4s ease; } .slider-programs-gallery .slides { opacity: 0; transition: opacity 1.5s ease; } .slider-programs-gallery.loaded .slides { opacity: 1; } .slider-programs-gallery .center .slide, .slider-programs-gallery .center .slide-content { opacity: 1; } .slider-programs-gallery .slide-image { position: relative; } .slider-programs-gallery .slide-image:after { content: ''; background: url(../images/slider-programs-gallery-shadow.png) repeat-x left bottom; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 1; } .slider-programs-gallery .slide-content { width: 80%; padding: 15px 15px 14px; border-top: 1px solid rgba(255, 255, 255, .2); position: absolute; position: absolute; left: 0; bottom: 0; z-index: 10; opacity: 0; transition: opacity .4s ease; text-align: left; } .slider-programs-gallery .slide-content h5 { font-size: 15px; color: #fff; margin: 0; text-transform: uppercase; } .slider-programs-gallery .owl-prev, .slider-programs-gallery .owl-next { font-family: 'FontAwesome'; font-size: 23px; color: #fff; width: 48px; height: 52px; text-align: center; line-height: 52px; background-color: rgba(198, 20, 20, .75); position: absolute; top: 50%; margin-top: -26px; z-index: 10; border: 1px solid transparent; transition: background-color .4s ease, border-color .4s ease, color .4s ease; } .slider-programs-gallery .owl-prev:hover, .slider-programs-gallery .owl-next:hover { background-color: transparent; border-color: rgba(198, 20, 20, .75); color: rgba(198, 20, 20, .75); } .slider-programs-gallery .owl-prev { left: 0; padding-right: 3px; } .slider-programs-gallery .owl-next { right: 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .slider-programs-gallery .slide { width: 600px; } } /* Mobile */ @media (max-width: 767px) { .slider-programs-gallery { min-height: 0; } .slider-programs-gallery .slide { width: auto; } .slider-programs-gallery .slide-image { height: 280px; position: relative; overflow: hidden; } .slider-programs-gallery .slide-image img { width: auto; max-width: none; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .slider-programs-gallery .slide-content { width: 100%; border-top: 0; } } /* ------------------------------------------------------------ *\ Slider Gallery Thumbs \* ------------------------------------------------------------ */ .slider-gallery-thumbs .owl-item { opacity: .6; transition: opacity .4s ease; } .slider-gallery-thumbs .owl-item a { position: relative; display: block; } .slider-gallery-thumbs .owl-item a:before { content: ''; width: 100%; height: 100%; border: 4px solid #a21012; position: absolute; left: 0; top: 0; z-index: 10; opacity: 0; transition: opacity .4s ease; } .slider-gallery-thumbs .owl-item.current, .slider-gallery-thumbs .owl-item.current a:before { opacity: 1; } /* ------------------------------------------------------------ *\ Socials \* ------------------------------------------------------------ */ .socials ul { list-style: none; margin: 0; padding: 0; } .socials ul li { display: inline-block; vertical-align: middle; } .socials ul li.alt { margin-left: 38px; } .socials ul li.alt a { opacity: .3; color: #646473; } .socials ul li.alt a .zmdi-chevron-right { display: inline-block; vertical-align: middle; font-size: 11px; position: relative; top: -2px; margin-left: 5px; } .socials ul li ~ li { margin-left: 18px; } .socials ul li.alt ~ li { margin-left: 13px; } .socials ul a { display: block; font-size: 18px; color: #666; opacity: .7; text-decoration: none; transition: opacity .4s ease; } .socials ul a:hover { opacity: 1; } .socials .item-whatsapp { display: none; } .socials a[class] { transition: background-color .4s ease, color .4s ease; } .socials a.facebook { background-color: #3a5898; } .socials a.facebook:hover { color: #3a5898; background-color: #ddd; } .socials a.twitter { background-color: #2ab1e9; } .socials a.twitter:hover { color: #2ab1e9; background-color: #ddd; } .socials a.google-plus { background-color: #e04741; } .socials a.google-plus:hover { color: #e04741; background-color: #ddd; } .socials a.whatsapp { background-color: #189d0e; } .socials a.whatsapp:hover { color: #189d0e; background-color: #ddd; } .socials a.email { background-color: #565553; } .socials a.email:hover { color: #565553; background-color: #ddd; } .socials a.close { width: auto; background-color: #fff; color: #333; text-transform: uppercase; font-size: 15px; padding: 0 10px; } .socials a.close:hover { background-color: #ddd; } /* Mobile */ @media (max-width: 767px) { .socials .item-whatsapp { display: inline-block; } .socials a.close { width: 32px; font-size: 0; text-align: center; } .socials a.close span { font-size: 15px; } } /* ------------------------------------------------------------ *\ Socials Circle \* ------------------------------------------------------------ */ .socials-circle ul { font-size: 0; } .socials-circle ul li ~ li { margin-left: 4px; } .socials-circle ul li.hidden { display: none; } .socials-circle ul a { width: 32px; height: 32px; border-radius: 50px; text-align: center; line-height: 34px; color: #fff; opacity: 1; } /* ------------------------------------------------------------ *\ Table Simple \* ------------------------------------------------------------ */ .table-simple table { width: 100%; text-align: left; } .table-simple table th { font-weight: 700; font-size: 16px; text-transform: uppercase; padding: 10px 0; } .table-simple table th ~ th { padding-left: 30px; border-left: 1px solid #e5e7e9; } .table-simple table td { font-size: 14px; text-transform: uppercase; padding: 10px 0; } .table-simple table td strong { display: block; font-size: 16px; padding-right: 10px; } .table-simple table td ~ td { padding-left: 30px; border-left: 1px solid #e5e7e9; } .table-simple-secondary { width: 60%; } .table-simple-tertiary { width: 73%; } .table-simple-tertiary table td { text-transform: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .table-simple table th, .table-simple table td { padding: 5px; } .table-simple table th, .table-simple table td, .table-simple table td strong { font-size: 12px; } .table-simple table td { font-size: 11px; } .table-simple table th ~ th, .table-simple table td ~ td { padding-left: 10px; } } /* Mobile */ @media (max-width: 767px) { .table-simple table th ~ th, .table-simple table td ~ td { border: 0; } .table-simple table th ~ th, .table-simple table td ~ td { padding-left: 5px; } .table-simple-secondary, .table-simple-tertiary { width: 100%; } } /* ------------------------------------------------------------ *\ Tabs \* ------------------------------------------------------------ */ .tabs .tabs-nav { margin-bottom: 25px; } .tabs .tabs-nav ul { list-style: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; /*-webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;*/ } .tabs .tabs-nav ul a { display: block; text-decoration: none; font-size: 15px; color: #222222; text-transform: uppercase; transition: color .4s ease; } .tabs .tabs-nav ul a:hover { color: #ca0000; } .tabs .tabs-nav ul .current a { font-weight: 700; color: #ca0000; position: relative; } .tabs .tabs-nav ul .current a:after { content: ''; width: 100%; height: 2px; background-color: #ca0000; position: absolute; left: 0; top: 100%; margin-top: 5px; } .tabs .tabs-nav ul li {margin:0 20px 0 0;} .tabs .tab { display: none; } .tabs .tab.current { display: block; } /* Mobile */ @media (max-width: 767px) { .tabs .tabs-nav ul a:hover { color: #222222; } .tabs .tabs-nav ul .current a { color: #ca0000; } } /* ------------------------------------------------------------ *\ Tabs Simple \* ------------------------------------------------------------ */ .tabs-simple .tabs-nav { margin-bottom: 40px; } .tabs-simple .tabs-nav ul { display: block; } .tabs-simple .tabs-nav ul li { display: inline-block; vertical-align: middle; } .tabs-simple .tabs-nav ul li ~ li { margin-left: 30px; } .tabs-simple .tabs-nav ul a { font-size: 16px; } .tabs-simple .tabs-nav ul a:hover { color: #333; } .tabs-simple .tabs-nav ul .current a { color: #333; } .tabs-simple .tabs-nav ul .current a:after { display: none; } /* ------------------------------------------------------------ *\ Tabs Favorites \* ------------------------------------------------------------ */ .tabs-favorites .tabs-nav { margin-bottom: 35px; } .tabs-favorites .tabs-nav ul { display: block; font-size: 0; background-color: #fff; } .tabs-favorites .tabs-nav ul li { width: 50%; display: inline-block; vertical-align: bottom; text-align: center; } .tabs-favorites .tabs-nav ul li ~ li { padding-left: 1px; } .tabs-favorites .tabs-nav ul a { background-color: #f6f6f7; padding: 10px 0 0; } .tabs-favorites .tabs-nav ul .current a { color: #333; padding: 20px 0 10px; box-shadow: inset 0 1px 0 #ca0000; } .tabs-favorites .tabs-nav ul .current a span { color: #ca0000; } .tabs-favorites .tabs-nav ul .current a:after { display: none; } .tabs-favorites .tabs-body { padding: 0 18px; } /* Mobile */ @media (max-width: 767px) { .tabs-favorites .tabs-nav ul { background-color: #e5e7e9; } .tabs-favorites .tabs-nav ul a { padding: 10px 10px 0; } .tabs-favorites .tabs-nav ul .current a { padding: 10px; } .tabs-favorites .tabs-body { padding: 0 10px; } } /* ------------------------------------------------------------ *\ Tabs Dropdown \* ------------------------------------------------------------ */ .tabs-dropdown:after { } .tabs-dropdown .tabs-head, .tabs-dropdown .tabs-body { float: left; } .tabs-dropdown .tabs-head { width: 17%; padding-top: 8px; } .tabs-dropdown .tabs-body { width: 83%; padding-left: 35px; } .tabs-dropdown .tabs-nav ul { display: block; text-align: left; } .tabs-dropdown .tabs-nav ul a { font-weight: 700; font-size: 16px; color: #ccc; text-transform: uppercase; } .tabs-dropdown .tabs-nav ul a:hover { color: #fff; } .tabs-dropdown .tabs-nav ul .current a { color: #fff; } .tabs-dropdown .tabs-nav ul li ~ li { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(255,255,255, .15); } .tabs-dropdown .tabs-nav ul a:after { display: none; } .tabs-dropdown .list-posts { margin: 0 -6px; } .tabs-dropdown .list-posts li { padding: 0 6px; } .tabs-dropdown .post a { display: block; position: relative; text-decoration: none; } .tabs-dropdown .post .post-image:before { content: ''; width: 100%; height: 100%; background: url(../images/shadow.png) repeat-x center bottom; position: absolute; left: 0; top: 0; z-index: 2; } .tabs-dropdown .post .post-content { padding: 18px 20px; text-align: left; position: absolute; left: 0; bottom: 0; z-index: 10; } .tabs-dropdown .post:hover .post-image:after { opacity: 0; } .tabs-dropdown .post:hover .post-content { color: #fff; } /* Small Desktop */ @media (max-width: 1279px) { .tabs-dropdown .tabs-nav ul a { font-size: 14px; } .tabs-dropdown .tabs-head { width: 20%; } .tabs-dropdown .tabs-body { width: 80%; padding-left: 10px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .tabs-dropdown .tabs-nav ul a { font-size: 12px; } .tabs-dropdown .tabs-nav ul li ~ li { margin-top: 15px; } } /* ------------------------------------------------------------ *\ Tabs News List \* ------------------------------------------------------------ */ .tabs-news-list .tab { display: none; } .tabs-news-list .tab.current { display: block; } .tabs-news-list .tabs-nav ul { display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; /*margin: 0 0 36px;*/ padding: 0; -webkit-align-items: center; -ms-flex-align: center; align-items: center; /*-webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;*/border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 14px 0; } .tabs-news-list .tabs-nav ul a { display: block; text-decoration: none; font-weight: 400; font-size: 13px; color: #222222; text-transform: uppercase; transition: color .4s ease; } .tabs-news-list .tabs-nav ul a:hover, .tabs-news-list .tabs-nav ul .current a { color: #c51316; position: relative; } .tabs-news-list .tabs-nav ul .current a:after { content: ''; height: 1px; background-color: #c51316; position: absolute; left: -3px; right: -3px; /*bottom: -2px;*/ top:-16px; } .tabs-news-list .tabs-nav ul li {margin:0 20px 0 0;} .tabs-news-list .loader:before{display:none;} /* Small Desktop */ @media (max-width: 1279px) { .tabs-news-list .tabs-nav ul a { font-size: 11px; } } /* Mobile */ @media (max-width: 767px) { .tabs-news-list .tabs-nav ul { margin-bottom: 25px; } .tabs-news-list .tabs-nav ul a { font-size: 13px; } .tabs-news-list .tabs-actions { text-align: center; position: relative; z-index: 1; } .tabs-news-list .tabs-actions:after { content: ''; width: 100%; height: 1px; background-color: #ddd; position: absolute; left: 0; top: 50%; z-index: -1; } .tabs-news-list .tabs-actions a { display: inline-block; position: relative; width: 30px; height: 30px; background-color: #ccc; border-radius: 50%; border: 2px solid #fff; text-decoration: none; } .tabs-news-list .tabs-actions a i { font-size: 16px; color: #fff; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 0; } .tabs-news-list .tabs-actions a i ~ i { top: auto; bottom: 1px; } .tabs-news-list .tabs-nav ul a:hover { color: #222222; } .tabs-news-list .tabs-nav ul .current a { color: #c51316 !important; } } /* ------------------------------------------------------------ *\ Tabs Newscast \* ------------------------------------------------------------ */ .tabs-newscast .tab { display: none; } .tabs-newscast .tab.current { display: block; } .tabs-newscast .tabs-head { position: relative; z-index: 20; } .tabs-newscast .tabs-head .select-date-wrapper { position: absolute; right: 10px; bottom: 10px; text-decoration: none; font-size: 13px; color: #8d8d8d; text-transform: uppercase;} .tabs-newscast .tabs-head .select-date-wrapper i { display: inline-block; vertical-align: middle; position: relative; top: -1px; } .tabs-newscast .tabs-head .select-date-wrapper .zmdi-chevron-down { font-size: 16px; margin-right: 4px; } .tabs-newscast .tabs-head .select-date-wrapper .zmdi-calendar { font-size: 18px; /*margin-left: -12px;*/ } .tabs-newscast .tabs-head .select-date-wrapper input { width: 68px; border: 0; background-color: transparent; text-transform: uppercase; cursor: pointer; vertical-align: middle; } .tabs-newscast .tabs-nav { text-align: left; margin-bottom: 32px; /*padding: 0 0 0 19px;*/padding-bottom:10px;border-bottom: 2px solid #eee; } .tabs-newscast .tabs-nav ul { list-style: none; } .tabs-newscast .tabs-nav ul li { display: inline-block; vertical-align: middle; } .tabs-newscast .tabs-nav ul li ~ li { margin-left: 8px; } .tabs-newscast .tabs-nav ul a { display: block; text-decoration: none; font-size: 13px; color: #aaa; } .tabs-newscast .tabs-nav ul .current a { font-weight: 700; color: #333; } /* Small Desktop */ @media (max-width: 1279px) { .tabs-newscast .tabs-nav { padding: 0; } } /* Mobile */ @media (max-width: 767px) { .tabs-newscast .tabs-nav { margin-bottom: 20px; } .tabs-newscast .tabs-head .select-date-wrapper input { width: auto; padding-left: 0; direction: ltr; } } /* ------------------------------------------------------------ *\ Timeline \* ------------------------------------------------------------ */ .timeline { position: relative; } .timeline .timeline-item { width: 42%; position: relative; } .timeline .timeline-item a { text-decoration: none; } .timeline .timeline-item ~ .timeline-item { margin-top: -40px; } .timeline .timeline-item:nth-child(even) { margin-left: 58.2%; } .timeline .timeline-item:nth-child(odd):after { left: 100%; margin-left: 17.5%; right: auto; margin-right: 0; } .timeline .timeline-item:nth-child(odd):before { left: 100%; margin-left: 9%; right: auto; margin-right: 0; } .timeline .timeline-item:after { content: ''; width: 20px; height: 20px; background-color: #cfd2d6; border: 4px solid #e5e7e9; border-radius: 50%; position: absolute; right: 100%; margin-right: 17.5%; top: 50%; margin-top: -10px; } .timeline .timeline-item:before { content: ''; width: 33px; height: 2px; background-color: #cfd2d6; position: absolute; right: 100%; margin-right: 9%; top: 50%; margin-top: -1px; } /* Mobile */ @media (max-width: 767px) { .timeline-careers .timeline-item { width: 100%; } .timeline-careers .timeline-item:before, .timeline-careers .timeline-item:after { display: none; } .timeline .timeline-item:nth-child(even) { margin-left: 0 !important; margin-top: 20px; } .timeline .timeline-item ~ .timeline-item { margin-top: 20px; } .timeline .timeline-item .banner { margin-top: 0; border-top: 20px solid #fff; } .timeline .timeline-line { display: none; } .timeline .timeline-item .timeline-item-actions { position: relative; } .timeline .timeline-item .timeline-item-actions:after { content: ''; height: 1px; background-color: #ca0000; position: absolute; left: -1px; right: -1px; bottom: -1px; opacity: 0; transition: opacity .4s ease; } .timeline .timeline-item:hover .timeline-item-actions:after { opacity: 0; } } /* ------------------------------------------------------------ *\ Timeline Careers \* ------------------------------------------------------------ */ .timeline-careers .timeline-line { width: 16%; height: 100%; position: absolute; left: 42%; top: 0; } .timeline-careers .timeline-line:before { content: ''; width: 1px; height: 100%; border-left: 1px dotted #cacaca; position: absolute; left: 50%; top: 0; } .timeline-careers .timeline-item { background-color: #f5f5f5; border: 1px solid #f5f5f5; transition: border-color .4s ease; } .timeline-careers .timeline-item:hover { border-color: #ca0000; } .timeline-careers .timeline-item-content { padding: 43px 29px 22px; } .timeline-careers .timeline-item-content h5 { font-size: 16px; margin-bottom: 5px; } .timeline-careers .timeline-item-content p { margin: 0; font-size: 14px; line-height: 2; padding-left: 4px; } .timeline-careers .timeline-item-actions { padding: 18px 33px 16px; border-top: 1px solid #eaebed; } .timeline-careers .timeline-item-actions .btn { padding: 0 25px; } /* Small Desktop */ @media (max-width: 1279px) { .timeline-careers .timeline-item:nth-child(odd):before { margin-left: 6%; } .timeline-careers .timeline-item:before { margin-right: 6%; } .timeline-careers .timeline-item:nth-child(odd):after { margin-left: 17.2%; } .timeline-careers .timeline-item:after { margin-right: 17.2%; } } /* Tablet Portrait */ @media (max-width: 1023px) { .timeline-careers .timeline-item-content, .timeline-careers .timeline-item-actions { padding: 20px; } .timeline-careers .timeline-item:nth-child(odd):before { margin-left: 4%; } .timeline-careers .timeline-item:nth-child(odd):after { margin-left: 16.7%; } .timeline-careers .timeline-item:before { margin-right: 4%; } .timeline-careers .timeline-item:after { margin-right: 16.4%; } } /* Mobile */ @media (max-width: 767px) { .timeline-careers .timeline-item-content, .timeline-careers .timeline-item-actions { padding: 20px 15px 20px 30px; } .timeline-careers .timeline-item .banner { margin: 0 -1px; width: auto; max-width: none; } .timeline-careers .timeline-item:hover { border-color: #f5f5f5; } } /* ------------------------------------------------------------ *\ Timeline Watch \* ------------------------------------------------------------ */ .timeline-watch .timeline-line { width: 12.8%; height: 100%; position: absolute; left: 44%; top: 0; } .timeline-watch .timeline-line:before { content: ''; width: 1px; height: 100%; border-left: 1px dotted #cacaca; position: absolute; left: 50%; top: 0; } .timeline-watch .timeline-item { width: 43.6%; background-color: #f5f5f5; border-top: 3px solid #ca0000; transition: border-color .4s ease; } .timeline-watch .timeline-item:nth-child(even) { margin-left: 56.4%; } .timeline-watch .timeline-item:after, .timeline-watch .timeline-item:before { top: 83px; } .timeline-watch .timeline-item:before { margin-right: 4.6%; } .timeline-watch .timeline-item:after { margin-right: 11.8%; } .timeline-watch .timeline-item:nth-child(odd):before { margin-left: 6.6%; } .timeline-watch .timeline-item:nth-child(odd):after { margin-left: 14%; } .timeline-watch .timeline-item ~ .timeline-item { margin-top: -100px; } .timeline-watch .timeline-item-head { padding: 30px 20px 20px; border-bottom: 1px solid #fff; } .timeline-watch .timeline-item-head h4 { font-weight: 300; font-size: 23px; text-transform: uppercase; color: #666; } .timeline-watch .timeline-item-content { padding: 25px 20px 20px; } /* Small Desktop */ @media (max-width: 1279px) { .timeline-watch .timeline-item:before { margin-right: 2.6%; } .timeline-watch .timeline-item:after { margin-right: 11.4%; } .timeline-watch .timeline-item:nth-child(odd):before { margin-left: 4.6%; } .timeline-watch .timeline-item:nth-child(odd):after { margin-left: 13.5%; } } /* Tablet Portrait */ @media (max-width: 1023px) { .timeline-watch .timeline-item { width: 42%; } .timeline .timeline-item:nth-child(even) { margin-left: 58.2%; } .timeline-watch .timeline-item:after { margin-right: 15.2%; } .timeline-watch .timeline-item:nth-child(odd):after { margin-left: 17.1%; } .timeline-watch .timeline-item-content { padding: 25px 15px; } } /* Mobile */ @media (max-width: 767px) { .timeline-watch .timeline-item { width: 100%; } .timeline-watch .timeline-item:before, .timeline-watch .timeline-item:after { display: none; } .timeline-watch .timeline-item ~ .timeline-item { margin-top: 25px; } .timeline-watch .timeline-item-head { padding: 25px 15px; } } /* ------------------------------------------------------------ *\ Touch \* ------------------------------------------------------------ */ .touch .post-featured-news .post-featured-actions .link-more:hover { color: #333; } .touch .list-news-primary li:hover p { color: #333; } .touch .btn-grey:hover { background-color: #eee; color: #333; } .touch .author:hover .author-content h5 { color: #333; } .touch .author:hover .author-content p strong { color: #ca0000; } .touch .fs-dropdown-element { z-index: 9999; font-size: 13px; } .touch .slider-programs-gallery .owl-prev:hover, .touch .slider-programs-gallery .owl-next:hover { background-color: rgba(198, 20, 20, .75); color: #fff; } .touch .btn-live:hover { background-color: #ca0000; } .touch .btn-how:hover { background-color: #1b2352; } .touch .footer-nav-secondary ul a:hover { color: #222222; } .touch .footer-nav ul a:hover { color: #202020; } .touch .nav-utilities .btn:hover { background-color: #ca0000; color: #fff; } .touch .nav-utilities .btn-blue-secondary:hover { background-color: #1b2352; color: #fff; } .touch .timeline-careers .timeline-item:hover { border-color: #f5f5f5; } .touch .tabs .tabs-nav ul a:hover, .touch .tabs-news-list .tabs-nav ul a:hover { color: #222222; } .touch .section-expandable .section-content .link-more:hover { color: #ca0000; } .touch .section-newscast .section-videos .video-small:hover .play { background-color: #ca0000; } .touch .section-newscast .section-newscast-videos li:hover h6 { color: #222222; } .touch .program-small:hover .program-image span { background-color: #121736; } .touch .list-watched-videos .video:hover .video-overlay { background-color: rgba(202, 0, 0, .8); } .touch .list-watched-videos .video:hover .video-overlay .play, .touch .list-watched-videos .video:hover .video-overlay:after { background-color: #ca0000; } .touch .list-playlists .video-item:hover .video-playlist { background-color: rgba(0, 0, 0, .7); } .touch .list-playlists .video-item:hover .video-content h6 { color: #333; } .touch .checkbox-large label:hover:after { color: transparent; } .touch .vote-item-actions .btn:hover, .touch .vote .vote-content .btn:hover, .touch .video-detailed:hover .play, .touch .celebrity-single-media .video:hover .play { background-color: #ca0000; } .touch .vote-item-actions .btn:hover span { color: #fff; border-bottom-color: #fff; } .touch .vote .vote-content .btn:hover { color: #fff; } .touch .vote .vote-content .btn:hover span:after { background-color: #fff; } .touch .btn-white:hover { background-color: #fff; color: #1b2352; } .touch .program-medium:hover .program-image span { background-color: #1b2352; } .touch .grid-item .grid-item-content .link-more:hover { background-color: #121736; } .touch .section-programs-videos .prev:hover, .touch .section-programs-videos .next:hover { background-color: #ca0000; color: #fff; } .touch .section-related-media .section-body .section-prev:hover, .touch .section-related-media .section-body .section-next:hover { background-color: #ca0000; color: #fff; } /* ------------------------------------------------------------ *\ Video \* ------------------------------------------------------------ */ .video { width: 100%; padding-bottom: 64.5%; overflow: hidden; position: relative; } .video a { display: block; text-decoration: none; } .video img { width: 100%; height: 100%; position: absolute; left: 0; top: 0;object-fit:cover; } .video .play { width: 68px; height: 68px; background-color: #ca0000; border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; transition: background-color .4s ease; } .video .play:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 24px; border-color: transparent transparent transparent #fff; position: absolute; left: 55%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .video .label { position: absolute; left: 0; top: 0; font-weight: 700; font-size: 10px; color: #fff; text-transform: uppercase; } .video-16-9 { position: relative;padding-bottom: 56.25%; padding-top: 0px;height: 0; /*16:9*/} .video-4-3 { position: relative;padding-top: 0px;height: 0;padding-bottom: 75%; /*4:3*/} .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} @media ( min-width: 1025px ) { .video:hover .play { background-color: #1b2352; } } /* Video Small */ .video-small { padding-bottom: 77.5%; } .video-small .play { width: 35px; height: 35px; } .video-small .play:before { border-width: 6px 0 6px 10px; } /* Video Medium */ .video-medium .play { width: 44px; height: 44px; } .video-medium .play:before { border-width: 9px 0 9px 16px; } /* Video No Ratio */ .video-no-ratio { padding-bottom: 0; } .video-no-ratio img { position: relative; height: auto; } /* ------------------------------------------------------------ *\ Video Large \* ------------------------------------------------------------ */ .video-large .video-large-content img { width: 100%; height: auto; } .video-large .video-large-actions { background-color: #0D0E1E; padding: 19px 18px 20px 16px; overflow: hidden; border-top: 1px solid #2c2c2c; } .video-large .video-large-foot { padding: 20px 18px; background:#000;} .video-large .video-large-actions .socials { float: left; } .video-large .video-large-actions .add-to-favorites { float: right; color: #fff; text-decoration: none; font-size: 12px; text-transform: uppercase; margin-top: 7px; } .video-large .video-large-actions .add-to-favorites i { font-size: 15px; color: #ca0000; margin-left: 9px; position: relative; top: 1px; } .video-large .video-large-actions .add-to-favorites:hover i:before { content: '\f15f'; } .video-large .fb-comment { height: 56px; overflow: hidden; } .video-large .fb-comment iframe { margin-top: -67px; } .video-large .fb-comment-expand { display: inline-block; margin-top: 10px; font-weight: 500; font-size: 14px; text-transform: uppercase; color: #fff; text-decoration: none; } .video-large .fb-comment-expand.hidden { display: none; } .video-large .fb-comment-expand .zmdi { font-size: 28px; vertical-align: middle; margin-right: 5px; position: relative; top: -2px; } .video-large .fb-comment-expand span { text-decoration: underline; } .video-large .video-large-content {position: relative;padding-bottom: 56.25%; /*16:9*/ padding-top: 0px;height: 0;} .video-large .video-large-content iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .video-large .video-large-content.video-youtube-content {padding-top: 25px;} /* Mobile */ @media (max-width: 767px) { .video-large .video-large-actions .add-to-favorites span { display: none; } .video-large .video-large-foot { display: none; } } /* ------------------------------------------------------------ *\ Video Detailed \* ------------------------------------------------------------ */ .video-detailed { overflow: visible; padding-bottom: 0; } .video-detailed img { position: relative; height: auto; } .video-detailed > a { display: block; position: relative; } .video-detailed .play { width: 35px; height: 35px; left: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); right: 10px; bottom: -8px; transition: background-color .4s ease; } .video-detailed .play:before { content: ''; border-width: 8px 0 8px 10px; } .video-detailed:hover .play { background-color: #1b2352; } .video-detailed .video-content { padding: 20px 0 0 0; margin-bottom: 49px; } .video-detailed .video-content h6 { font-family: 'TheSans', sans-serif; font-size: 14px; text-transform: uppercase; margin-bottom: 2px; } .video-detailed .video-content p { margin: 0; font-weight: 300; font-size: 14px; line-height: 1.45; margin-bottom: 5px; opacity: .75; } .video-detailed .video-content .meta p { margin: 0; font-weight: 400; font-size: 12px; } .video-detailed .video-content .meta p span { margin-left: 15px; } /* Mobile */ @media (max-width: 767px) { .video-detailed:hover .play { background-color: #ca0000; } } /* ------------------------------------------------------------ *\ Vote \* ------------------------------------------------------------ */ .vote { position: relative; } .vote .vote-image { position: relative; } .vote .vote-image:after { content: ''; background: url(../images/gradient.png) no-repeat left bottom; background-size: auto 250px; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; } .vote .vote-content { width: 100%; padding: 0 30px 30px; text-align: center; color: #fff; position: absolute; left: 0; bottom: 0; z-index: 10; } .vote .vote-content h3 { width: 70%; font-size: 29px; line-height: 1.2; margin: 0 auto 20px; } .vote .vote-content .btn { min-width: 284px; height: 48px; line-height: 1.5; font-weight: 500; font-size: 16px; text-transform: uppercase; padding-top: 9px; } .vote .vote-content .btn span { display: inline-block; position: relative; } .vote .vote-content .btn span:after { content: ''; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; top: 100%; transition: background-color .4s ease; } .vote .vote-content .btn:hover { background-color: transparent; color: #ca0000; } .vote .vote-content .btn:hover span:after { background-color: #ca0000; } /* Tablet Portrait */ @media (max-width: 1023px) { .vote .vote-image img { width: 100%; height: auto; } } /* Mobile */ @media (max-width: 767px) { .vote .vote-image { padding-bottom: 79px; } .vote .vote-content { padding: 0 25px 20px; } .vote .vote-content h3 { width: 100%; font-size: 20px; } .vote .vote-content .btn { width: 100%; min-width: 0; } .vote .vote-image:after { background-size: 100% 250px; } .vote .vote-content .btn:hover { background-color: #ca0000; color: #fff; } .vote .vote-content .btn:hover span:after { background-color: #fff; } } /* ------------------------------------------------------------ *\ Vote Item \* ------------------------------------------------------------ */ .vote-item { position: relative; } .vote-item-image { position: relative; z-index: 1; overflow: hidden; background-color: #000; padding-bottom: 45px; } .vote-item-image img { width: 100%; height: auto; } .vote-item-image:after { content: ''; background: url(../images/shadow-poll.png) no-repeat left bottom; background-size: contain; width: 100%; height: 100%; position: absolute; left: 0; bottom: 40px; z-index: 2; } .vote-item-title { width: 100%; padding: 0 20px; text-align: center; position: absolute; left: 0; bottom: 75px; z-index: 10; } .vote-item-title h5 { font-weight: 500; font-size: 18px; margin: 0; color: #fff; } .vote-item-number { width: 28px; height: 28px; background-color: rgba(18, 23, 54, .6); border-radius: 50%; text-align: center; line-height: 28px; font-weight: 700; font-size: 18px; color: #e3e5e9; position: absolute; right: 10px; top: 10px; z-index: 10; } .vote-item-progress, .vote-item-actions { position: absolute; left: 10px; right: 10px; bottom: 10px; z-index: 11; } .vote-item-progress { display: none; } .vote-item-actions { z-index: 10; } .vote-item-actions .btn { width: 100%; height: 48px; padding: 10px 15px 11px; font-weight: 500; font-size: 16px; line-height: 1.5; } .vote-item-actions .btn span { display: inline-block; border-bottom: 1px solid #fff; transition: border-color .4s ease; } .vote-item-actions .btn:hover { background-color: transparent; } .vote-item-actions .btn:hover span { border-bottom-color: #ca0000; } /* Mobile */ @media (max-width: 767px) { .vote-item-actions .btn:hover { background-color: #ca0000; } .vote-item-actions .btn:hover span { border-bottom-color: #fff; } } /* ------------------------------------------------------------ *\ Vote Country \* ------------------------------------------------------------ */ .vote-country { background-color: #fff; padding: 18px 23px 16px; margin-bottom: 20px; } .vote-country h4 { font-weight: 300; font-size: 25px; color: #666; line-height: 1.2; margin-bottom: 1px; text-transform: uppercase; } .vote-country h5 { font-weight: 500; font-size: 16px; color: #444; overflow: hidden; margin-bottom: 7px; } .vote-country h5:last-child { margin-bottom: 0; } .vote-country h5 span { display: inline-block; vertical-align: middle; } .vote-country h5 span.right { float: right; } .vote-country h5 span ~ span { margin-left: 15px; } .vote-country-large { min-height: 210px; padding: 39px 23px 16px; } .vote-country-medium { min-height: 188px; padding: 39px 23px 16px; margin-top: 25px; } /* Small Desktop */ @media (max-width: 1279px) { .vote-country { padding: 20px 15px; } .vote-country h5 { font-size: 14px; } } /* Mobile */ @media (max-width: 767px) { .vote-country { padding: 20px 25px; } .vote-country h4 { margin-bottom: 5px; } .vote-country-large, .vote-country-medium { min-height: 0; } } /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widgets { list-style: none outside none; } /* ------------------------------------------------------------ *\ Widget Posts \* ------------------------------------------------------------ */ .widget-posts .widget-head { margin-bottom: 25px; } .widget-posts .widget-head h4 { font-size: 20px; text-transform: uppercase; } .widget-posts .widget-body { position: relative; z-index: 1; } /*.widget-posts .widget-body:after { content: ''; width: 1px; border-left: 1px dotted #222222; position: absolute; left: 50%; top: 0; bottom: -30px; z-index: -1; }*/ .widget-posts .widget-body ul { list-style: none; margin: 0 -6px; overflow: hidden; } .widget-posts .widget-body ul li { float: left; width: 50%; padding: 0 6px; } .widget-posts .widget-body ul li:nth-child(odd) { clear: left; } .widget-posts .widget-body ul li:nth-child(n+3) { margin-top: 25px; } .widget-posts .post .post-content a { font-weight: 400; font-size: 13px; line-height: 1.7; text-align: left; padding: 10px; } .widget-posts .widget-actions { padding-top: 20px; text-align: center; position: relative; z-index: 10; } .widget-posts .widget-actions .link-more { font-size: 36px; color: #111; transition: color .4s ease; position: relative; left: 1px; } .widget-posts .widget-actions .link-more:hover { color: #ca0000; } /* ------------------------------------------------------------ *\ Widget Text \* ------------------------------------------------------------ */ .widget-text { background-color: #fff; border: 1px solid #eee; padding: 16px 18px 24px; } .widget-text .widget-head { margin-bottom: 10px; } .widget-text .widget-head h5 { color: #444; margin: 0; color: #192052; } .widget-text .widget-body ul { list-style: none; margin: 0; } .widget-text .widget-body ul li { margin-top: 24px; } .widget-text .widget-body ul a { display: block; font-size: 13px; line-height: 1.3; text-decoration: none; position: relative; padding-left: 16px; color: #444; } .widget-text .widget-body ul a:before { content: '\f2fb'; font-family: 'Material-Design-Iconic-Font'; font-size: 16px; color: #1d214f; position: absolute; left: 0; top: -3px; } .widget-text .widget-actions { padding-top: 20px; } .widget-text .widget-actions a.link-more { display: block; text-decoration: none; font-size: 13px; font-weight: 700; color: #192052; text-transform: uppercase; } .widget-text .widget-actions a.link-more i { font-weight: normal; font-size: 15px; position: relative; top: 2px; } .widget-text .widget-actions a.link-more span { text-decoration: underline; display: inline-block; vertical-align: middle; margin-left: 10px; } /* ------------------------------------------------------------ *\ Widget Tweet Comment \* ------------------------------------------------------------ */ .widget-tweet-comment { background-color: #f6f6f7; text-align: center; margin: 70px 0 10px; } .widget-tweet-comment .widget-head { margin-bottom: 35px; } .widget-tweet-comment .widget-head i { display: inline-block; vertical-align: middle; width: 32px; height: 32px; text-align: center; line-height: 32px; background-color: #2bb1ea; border-radius: 50%; color: #fff; font-size: 16px; margin-top: -20px; } .widget-tweet-comment .widget-head h4 { font-size: 20px; text-transform: uppercase; color: #2bb1ea; margin: 10px 0 0; } .widget-tweet-comment .widget-body { padding: 0 68px 27px 60px; } /* Mobile */ @media (max-width: 767px) { .widget-tweet-comment { margin: 10px 0; } .widget-tweet-comment .widget-body { padding: 0 15px 20px; } } /* ------------------------------------------------------------ *\ IV. Themes \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ jQuery UI Datepicker \* ------------------------------------------------------------ */ .ui-datepicker { border: 0; border-radius: 0; } .ui-datepicker .ui-datepicker-header { border: 0; background: none; border-radius: 0; } .ui-datepicker .ui-datepicker-title { font-size: 14px; font-weight: 400; } .ui-datepicker .ui-datepicker-title select { border: 0; } .ui-datepicker .ui-datepicker-calendar { table-layout: fixed; margin-bottom: 5px; } .ui-datepicker .ui-datepicker-calendar th { font-size: 12px; font-weight: 400; } .ui-datepicker .ui-datepicker-calendar td { font-size: 12px; padding: 0; border: 0; } .ui-datepicker .ui-datepicker-calendar td .ui-state-default { text-align: center; padding: 5px; border: 0; background: none; } .ui-datepicker .ui-datepicker-calendar td .ui-state-highlight { color: #fff; background-color: #39acd2; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { padding: 0; border: 0; background: none; margin: 0; top: 0; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; } .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before { content: ''; width: 8px; height: 8px; display: block; position: absolute; top: 2px; right: 0; bottom: 0; left: 0; border-width: 0 0 2px 2px; border-style: solid; border-color: #39acd2; margin: auto; } .ui-datepicker .ui-datepicker-prev { left: 0; } .ui-datepicker .ui-datepicker-prev:before { left: 5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .ui-datepicker .ui-datepicker-next { right: 0; } .ui-datepicker .ui-datepicker-next:before { right: 5px; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } /* ------------------------------------------------------------ *\ Theme Magnific \* ------------------------------------------------------------ */ .mfp-bg { background-color: #f5f5f5; } .mfp-fade.mfp-bg { opacity: 0; transition: all .4s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: .8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all .4s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .mfp-container { padding: 0 15px; } /* ------------------------------------------------------------ *\ UI \* ------------------------------------------------------------ */ .ui-autocomplete { height: calc(100vh - 250px); background-color: #f1f1f1; color: #c0c0c0; border: 0; z-index: 99999; overflow-y: auto; overflow-x: hidden; } .ui-autocomplete.ui-menu .ui-menu-item { font-family: 'Roboto', sans-serif; margin-top: 20px; padding: 0; display: block; text-decoration: none; font-weight: 700; font-size: 55px; color: #c0c0c0; line-height: 1.2; z-index: 9999999; } .ui-autocomplete.ui-menu .ui-menu-item:first-child { margin-top: 0; } .ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus { border: 0; background: none; padding: 0; margin: 20px 0 0 0; } .ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus:first-child { margin: 0; } #ui-datepicker-div {direction:ltr;border:1px solid #aaa;} /* Mobile */ @media (max-width: 767px) { .ui-autocomplete { background-color: #fff; height: auto; } .ui-autocomplete.ui-menu .ui-menu-item { font-size: 30px; } } /* ------------------------------------------------------------ *\ Animations \* ------------------------------------------------------------ */ .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}} body:not(#homePage) .section-updates .col .banner{margin:0;} body:not(#homePage) .section-updates .col-size5{direction:rtl;} body:not(#homePage) .section-updates .col-size4{width: 42%;padding: 0 21px 0 29px;display: inline-block;margin-right: 17px;} /* ------------------------------------------------------------ *\ Sticky video \* ------------------------------------------------------------ */ .article-image.has-video .stickable-video{/*display:none;*/position:relative;top:0;left:0;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-ms-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;transition:all 0s ease-in-out;} .article-image.has-video .stickable-video.is-sticked, .feedNewsCast .stickable-video.is-sticked{position:fixed;top:160px;left:15px;width:320px;height:141px;z-index:99;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} .stickable-video.is-sticked .btn-close {background:#1B2150;padding:5px;width:20px;height:20px;border-radius:20px;cursor:pointer;margin-bottom: -15px;margin-right: -8px;z-index: 2;} .stickable-video.is-sticked .btn-close:before, .stickable-video.is-sticked .btn-close:after{top:6px;width:2px;height:13px;} .stickable-video.is-sticked .btn-close:before{left:5px;} .stickable-video.is-sticked .btn-close:after{right:4px;} .stickable-video:not(.is-sticked) .btn-close { display: none; } @media (max-width: 767px) { .article-image.has-video .stickable-video.is-sticked, .feedNewsCast .stickable-video.is-sticked{position:fixed;bottom:30px;left:15px;top:initial !important;width:150px;height:84px;} } /* ------------------------------------------------------------ *\ Program Site Overriding \* ------------------------------------------------------------ */ .programSite .shell{max-width:1384px;} .full-width {width:100%;} .article-news .article-entry p, .article-news .article-entry div {margin-bottom: 0px !important;} .article-news .article-foot .banner {margin: 0 auto 24px!important;} #newsletterForm input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #121736 inset !important;-webkit-text-fill-color: white !important;} .coverflow {height:294px;} .coverflow .post{height:auto;} .section-stars-slider .section-body{height:600px;padding:70px 0 70px;} #smartbanner {z-index:99999 !important;position:fixed !important;} .form-apply .form-group-actions a.remove-last-row {display:none;} #monthSelectContainer{margin-right:5px;} /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family: 'TheSans'; src: url('../fonts/TheSans-Plain.eot'); src: local('☺'), url('../fonts/TheSans-Plain.woff') format('woff'), url('../fonts/TheSans-Plain.ttf') format('truetype'), url('../fonts/TheSans-Plain.svg') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'TheSans'; src: url('../fonts/TheSans-Bold.eot'); src: local('☺'), url('../fonts/TheSans-Bold.woff') format('woff'), url('../fonts/TheSans-Bold.ttf') format('truetype'), url('../fonts/TheSans-Bold.svg') format('svg'); font-weight: 700; font-style: normal; } /* ------------------------------------------------------------ *\ RTL Styles \* ------------------------------------------------------------ */ body { direction: rtl; font-family: 'TheSans', 'Roboto', sans-serif; overflow-x: hidden; } .col { float: right; } .col-std { float: left; } .col-size5{padding:0 21px 0 10px;} .col-size7{margin-right:5%;margin-left:0;} /* Mobile */ @media (max-width: 767px) { .col-size5 { padding: 0; } } .ltr {direction:ltr;} /* ------------------------------------------------------------ *\ Intro \* ------------------------------------------------------------ */ .intro-corporate-contact .intro-content h1 { direction: ltr; } /* ------------------------------------------------------------ *\ Navs \* ------------------------------------------------------------ */ .nav-primary > ul > li > a { font-size: 18px; } .nav-primary > ul > li > a > .zmdi { margin-left: 0; margin-right: 10px; top: 0; } .nav-tertiary ul a { color: #fff; } .nav-utilities { direction: ltr; } .nav-secondary ul li ~ li { margin-left: 0; margin-right: 80px; } .nav-secondary.fixed:before { background-position: 90% bottom; } .nav-secondary.fixed ul { left: -50%; transform: translateX(50%); } .nav-dropdown .nav-dropdown-inner .shell { padding: 25px 175px 25px 115px; } .tabs-dropdown .tabs-head, .tabs-dropdown .tabs-body { float: right; } .tabs-dropdown .tabs-body { padding-left: 0; padding-right: 35px; } .tabs-dropdown .post .post-content { left: auto; right: 0; text-align: right; } .tabs-dropdown .tabs-nav ul a { text-align: right; } .tabs-newscast .tabs-head .select-date-wrapper { right: auto; left: 10px; bottom: 10px; } .tabs-newscast .tabs-head .select-date-wrapper input { text-align: left; padding-left: 10px; } .tabs-newscast .tabs-head .select-date-wrapper .zmdi-chevron-down { margin-right: 0; margin-left: 4px; } .tabs-newscast .tabs-nav { padding: 0 0 10px 19px; text-align: right; border-bottom: 2px solid #eee; } .tabs-newscast .tabs-nav ul li ~ li { margin-left: 0; margin-right: 13px; } .tabs-newscast .tabs-nav ul .current a { color: #c5161a; position: relative; } .tabs-newscast .tabs-nav ul .current a:after { content: ''; height: 2px; background-color: #c5161a; position: absolute; left: -5px; right: -5px; bottom: -13px; } .tabs-news-list .tabs-nav ul a { font-size: 14px; } .tabs-news-list .tabs-nav ul .current a:after { height: 2px; bottom: -15px; } .tabs-news-list .tabs-nav ul li {margin:0 0 0 20px;} .tabs .tabs-nav ul li {margin:0 0 0 20px;} /* ------------------------------------------------------------ *\ Sections \* ------------------------------------------------------------ */ .section-other-sources .post-inline h6 { line-height: 1.6; } .section-newscast-secondary .section-head { text-align: right; } .section-newscast-reports .video-medium .play { width: 35px; height: 35px; } .section-newscast-reports .video-medium .play:before { border-width: 6px 0 6px 10px; } .section-local-news .videos h6 { font-size: 13px; } .section-newscast-reports .section-body ul h6 { line-height: 1.6; } .section-local-news .news-simple-list .post-featured .post-featured-content { text-align: right; padding-right: 0; } .section-local-news .news-simple-list ol li.item-image .post-featured .post-featured-content { padding-right: 45px; } .section-local-news .videos h6 { line-height: 1.6; } .section-local-news .col-size1 ~ .col-size1 { padding: 0 17px 0 5px; } .section-local-stars .highlights ul a:not([class]) { padding: 15px 0 15px 25px; } .section-hashtag { background-color: #fff; border-top: 2px solid #f6f6f6; } .section-expandable .socials { text-align: right; } .section-intro .tabs-news-list { padding-top: 0; } /* Section Avbout Primary */ .section-about-primary .section-body-inner { margin-right: 60%; } .section-about-primary .section-image img { left: auto; right: 50%; transform: translate(50%, -50%); } /* Section About Quote */ .section-about-quote blockquote { padding-right: 90px; padding-left: 0; } .section-about-quote blockquote p { font-weight: 400; } /* Section About Tertiary */ .section-about-tertiary .cols { margin: 0 -10px; } .section-about-tertiary .section-body { margin-right: 22%; } .section-about-tertiary .section-body-secondary { margin-right: 0; } /* Section Values */ .section-values .section-body ol li:before { font-family: 'Roboto', sans-serif; } /* Section Apply */ .section-apply .section-body, .section-apply .section-form { float: right; } .section-apply .section-body { padding: 0; padding-right: 9px; } .section-apply .section-form { margin-right: 12.3%; margin-left: -.7%; padding: 38px 46px 30px 94px; } .section-apply .section-body ul li { padding-left: 0; padding-right: 20px; } .section-apply .section-body ul li:before { left: auto; right: 1px; } /* Timeline */ .timeline { direction: ltr; } .timeline .timeline-item { direction: ltr; } .timeline-watch .timeline-item-head h4 { font-weight: 400; } .timeline-watch .timeline-item-content { direction: ltr; } /* Section Contact */ .section-contact .section-inner { direction: ltr; } .section-contact .section-body, .section-contact .section-form { direction: ltr; } .section-contact .section-body h4 { font-weight: 400; padding-right:80px;padding-left:0;} .section-contact .checkbox-square label { padding-left: 0; padding-right: 80px; } .section-contact .checkbox-square label:before { left: auto; right: 9px; } /* Section Acount */ .section-account > .section-head { background-position: 90% center; } .section-account .section-content, .section-account .section-sidebar { direction: rtl; } .section-account .section-content-head { padding-right: 0; padding-left: 240px; } .section-account .section-content-head .search-simple { right: auto; left: 0; } .section-account .section-body-inner { direction: ltr; justify-content: flex-end; } /* Search Simple */ .search-simple .search-field { padding: 7px 12px 7px 30px; font-style: normal; } .search-simple .search-btn { right: auto; left: 7px; margin-top: -13px; } .search-small .search-field { padding: 7px 12px 6px 30px; } .search-small .search-btn { right: auto; left: 12px; color: #ccc; } /* Program Small */ .program-small .program-image span { left: auto; right: 20px; } .program-small .program-content { padding: 25px 0 44px 30px; } .program-small .program-content .add-to-fav { right: auto; left: 0; } /* Section Interests */ .section-interests { direction: rtl; } /* Section Profile */ .section-profile { direction: rtl; } /* Section Production */ .section-production .section-inner { direction: ltr; } .section-production .section-inner > * { direction: ltr; } /* Article */ .article-news .article-prev-wrapper { right: auto; margin-right: 0; left: 100%; margin-left: 24px; } .article-news .article-prev > span { margin-left: 0; margin-right: 20px; } .article-news .article-next-wrapper { left: auto; margin-left: 0; right: 100%; margin-right: 15px; } .article-news .article-next > span { margin-right: 0; margin-left: 20px; } .article-news .article-prev > span i, .article-news .article-next > span i { transform: rotateY(-180deg); } .article-news .article-entry { font-size: 15px; } .article-news .article-meta img { margin-right: 0; margin-left: 13px; } .article-news .article-actions-aside { direction: ltr; } .article-news figure.article-gallery .btn { white-space: nowrap; } .article-news .banner-large { left: auto; right: 50%; transform: translateX(50%); } .article .share-tooltip ul li ~ li { margin-left: 0; margin-right: 15px; } .article-news .article-actions { margin-bottom: 0; background-color: #f7f7f7; border-bottom: 1px solid #e2e2e2; } .article-news .article-actions .socials { direction: ltr; } .article-news .article-actions .socials ul li ~ li { margin-left: 4px; margin-right: 0; } .article-news .article-entry { padding-top: 25px; padding-bottom: 1px; background-color: #f7f7f7; } .article-news figure.article-gallery .btn { font-size: 13px; padding: 0 26px 0 10px; direction:ltr; } /*.article-news figure.article-gallery .btn strong { margin-left: 15px; } .article-news figure.article-gallery .btn i { margin-left: 10px; margin-right: 0; right: -10px; position: absolute; right: 11px; top: 7px; }*/ .article .list-articles { background-color: #f7f7f7; } .article .list-articles a > span { text-align: right; line-height: 1.6; } /* Widget Post */ .widget-posts { direction: rtl; } .widget-posts .widget-head h4 { font-size: 22px; } .widget-posts .post .post-content a { font-size: 15px; text-align: right; } .widget-text + .section-timeline-feed .section-head h4 { font-size: 22px; } .highlights ul a:not([class]) { padding: 10px 0; font-size: 13px; } .highlights ul a:not([class]):before { left: 0; right: -10px; } .highlights ul a.icon i { font-size: 16px; } .highlights ul li p{padding-right:10px;padding-left:0;width: calc(100% - 102px);} /* Section News Article */ .section-news-article .highlights ul a:not([class]) { padding: 19px 0 17px 16px; } .section-news-article .news-simple-list .actions { direction: ltr; } .section-news-article .widget-text { margin: 0 0 48px 27px; } .section-news-article .section-timeline-feed { margin-left: 26px; margin-right: 0; } .section-news-article .article-next-wrapper .list-articles { left: auto; right: -7px; transform-origin: right top; background-color: #ddd; } .section-news-article .article-next-wrapper .list-articles:before { left: auto; right: 12px; } .section-news-article .article-next-wrapper .list-articles a { text-align: right; } .section-timeline-feed .section-actions .link-more i { font-size: 40px; } .section-news-article .article-prev-wrapper .list-articles { right: auto; left: -6px; transform-origin: left top; } .section-news-article .article-prev-wrapper .list-articles:before { right: auto; left: 12px; } .section-news-article .section-timeline-feed .section-body:before, .section-news-article .section-timeline-feed .section-body:after, .section-news-article .section-timeline-feed .section-actions .link-more { left: auto; right: 11%; } .section-news-article .section-timeline-feed .section-body:after { margin-left: 0; margin-right: -2px; } .section-news-article .section-timeline-feed .section-actions .link-more { margin-left: 0; margin-right: -15px; } .news-simple-list .mCSB_scrollTools { left: auto !important; right: -30px !important; } .news-simple-list ol li { padding-right: 45px; } .news-simple-list ol a { line-height: 1.6; } /* Section Timeline Feed */ .section-timeline-feed .section-head h5 { font-size: 17px; color: #192052; } .section-timeline-feed .section-body li h6 { padding-left: 0; padding-right: 18px; line-height: 1.6; } .section-timeline-feed .section-actions { text-align: right; } .section-timeline-feed .section-body:before, .section-timeline-feed .section-body:after { left: auto; right: 13%; } .section-timeline-feed .section-body:after { margin-left: 0; margin-right: -2px; } .section-timeline-feed .section-actions .link-more { left: auto; right: 13%; margin-left: 0; margin-right: -15px; } .section-timeline-feed .section-body ol li { padding-left: 0; padding-right: 28%; } .section-timeline-feed .section-body ol li:before { left: auto; right: 13%; margin-left: 0; margin-right: -15px; } .section-feed .addthis_toolbox { left: 13px; right:auto;} /* Hightlights */ .highlights ul a.icon i { right: auto; left: 10px; } /* Widget Text */ .widget-text .widget-body ul a { padding-left: 0; padding-right: 16px; } .widget-text .widget-body ul a:before { left: auto; right: 0; transform: rotateY(-180deg); } /* Section related Articles */ .section-related-articles .post .post-content a { width: 60%; font-size: 15px; margin: 0 auto; } .section-related-articles .section-content h4 { font-size: 22px; } /* Socials */ .socials-circle ul li ~ li { margin-left: 0; margin-right: 4px; } /* Section Author Single */ .section-author-single .section-avatar, .section-author-single .section-content { float: right; } .section-author-single .section-avatar { margin-left: 0; margin-right: 15.2%; } .section-author-single .section-content { padding-left: 0; padding-right: 25px; } .section-author-single .section-content p { color: #fff; } .section-author-single .section-content a span { direction: ltr; padding: 0 22px 0 30px; } .section-author-single .section-actions { left: auto; right: 100%; margin-left: 0; margin-right: 22px; } /* Section Updates Author */ .section-updates { padding: 35px 0 55px; } .section-updates h2 { font-size: 22px; } .section-updates .shell { max-width: 1220px; } .section-updates-authors .section-timeline-feed .section-body { padding-right: 0; padding-left: 16px; } .section-updates-authors .post-featured-video .post-featured-content h3 { font-size: 20px; } .section-updates-authors .post-twitter .post-content { padding: 0 65px; } .section-updates-authors .post-twitter .post-content p { font-size: 17px; } .section-updates-authors .post-featured-gallery .post-featured-image:after { display: none; } .section-updates-authors .post-featured-gallery .post-featured-image .label { font-size: 13px; } .section-updates-authors .post-featured-gallery .post-featured-content h3 { font-size: 20px; line-height: 1.2; } /* Post Featured News */ .post-featured-news .post-featured-content { text-align: center; } .post-featured-news .post-featured-actions .link-more { font-size: 14px; } .post-featured-news .post-featured-actions .link-more i { margin-left: 10px; margin-right: 0; } .post-featured-news .arrow { right: auto; left: 12px; } .post-featured .post-featured-image { box-shadow: 0 0 4px rgba(0,0,0, .2); } .post-featured .post-featured-image .label { left: auto; right: 0; } .post-featured-image .post-featured-gallery .label-images { right: auto; left: 12px; direction: ltr; padding: 8px 5px 3px 9px; } .post .post-image .label { font-size: 10px; left: auto; right: 0; } .post .post-content a { font-weight: 700; font-size: 15px; padding: 9px 0; line-height: 1.6; } .section-intro .post-featured .post-featured-content { background-color: transparent; } .post-featured .post-featured-content h3 { font-weight: 700; line-height: 1.2; } .post-scores .post-actions { text-align: left; } /* List News Primary */ .list-news-primary { padding: 15px 11px 19px 20px; } .list-news-primary li a { padding-right: 0; padding-left: 65px; } .insection-feed .list-news-primary li a{padding-left:0;} .insection-feed .list-news-primary li:before{right: 19.8%;left:0;} .list-news-primary li p { /*padding-left: 0;*/ padding-right: 20px; } .list-news-primary li span { right: auto; left: 0; font-size: 14px; } .list-news-primary .color-dark img { border-left: 0; border-right: 8px solid rgba(59, 58, 57, .9); } .list-news-primary .color-purple img { border-left: 0; border-right: 8px solid rgba(79, 95, 185, .9); } .list-news-primary .color-yellow img { border-left: 0; border-right: 8px solid rgba(217, 217, 0, .9); } .list-news li{float:right;} .list-celebrities li { float: right; } /* Author */ .author .author-avatar, .author .author-content { float: right; } .author .author-content { padding-left: 0; padding-right: 16px; } .author .author-content p { line-height: 1.6; } .author .author-content p:last-child { font-family: 'TheSans', sans-serif; } .author .author-content p strong { font-size: 13px; } /* List Authors */ .list-authors li { float: right; padding-left: 0; padding-right: 20px; } /* Poll */ .poll .poll-actions { text-align: left; } .poll .progress-highest .progress-content h6 { font-weight: 700; } .poll .poll-image h4 { font-size: 19px; } /* Progress */ .progress .progress-content h6 { right: auto; left: 0; font-size: 14px; } .progress-large .progress-content h2 { direction: ltr; } .progress-large .progress-content h2 sup { margin-left: 0; margin-right: -8px; } /* Section Polls */ .section-polls .section-filters ul li ~ li { margin-left: 0; margin-right: 25px; } .section-polls .fs-dropdown-selected:after { right: auto; } .section-polls .section-filters-aside { float: right; } .section-polls .section-filters-aside ~ .section-filters-aside { float: left; } .section-poll { padding: 18px 17px 11px 17px; margin-right: 0; margin-left: 8px; } .section-poll h3 { font-weight: 700; font-size: 20px; padding-right: 0; line-height: 1.4; } .section-poll .section-body { padding-right: 0; padding-left: 0; } .section-poll .section-body .btn-red { display: block; font-size: 18px; } .section-poll .section-body .list-radios { padding-left: 40px; } .section-poll .section-actions { display: block; } /* Section Vote */ .section-vote .banner-large { left: auto; right: 50%; transform: translateX(50%); } .section-vote .article-prev-wrapper { right: auto; margin-right: 0; left: 80%; margin-left: 17px; } .section-vote .article-prev-wrapper span { margin-left: 0; margin-right: 15px; } .section-secondary .article-prev-wrapper .list-articles { right: auto; left: -8px; transform-origin: left top; } .section-secondary .article-prev-wrapper .list-articles:before { right: auto; left: 12px; } .section-vote .article-next-wrapper { left: auto; margin-left: 0; right: 80%; margin-right: 10px; } .section-vote .article-next-wrapper span { margin-right: 0; margin-left: 15px; } .section-secondary .article-next-wrapper .list-articles { left: auto; right: -8px; transform-origin: right top; background-color: #ddd; } .section-secondary .article-next-wrapper .list-articles:before { left: auto; right: 12px; } .section-secondary .article-next-wrapper .list-articles a, .section-secondary .article-prev-wrapper .list-articles a { text-align: right; } .section-vote .article-prev-wrapper span i, .section-vote .article-next-wrapper span i { transform: rotateY(-180deg); } .section-voting .section-head h4, .section-voting .section-body h4 { font-size: 22px; } /* Section Watch Live */ .section-watch-live .section-head h4 { font-size: 22px; } .section-watch-live .list-shows h2 { font-size: 30px; } .section-watch-live .list-shows h3 span { font-size: 20px; } .section-watch-live .list-shows li { white-space: nowrap; } .section-watch-live .section-foot { padding: 28px 0 27px; } .section-watch-live .section-bar p a { text-decoration: none; } .section-watch-live .section-foot-aside { float: right; margin-left: 0; margin-right: 10px; } .section-watch-live .section-foot-aside ~ .section-foot-aside { float: left; margin-right: 0; margin-left: 0; } .section-watch-live .section-bar p { float: right; margin: 3px 10px 0 0; padding-left: 0; padding-right: 30px; } .section-watch-live .section-bar p:before { left: auto; right: 0; } .section-watch-live .section-bar .socials { float: left; direction: ltr; } /* List Shows */ .list-shows h2 { padding-right: 0; padding-left: 27px; font-size: 30px; } .list-shows h3 span { font-size: 20px; } .list-shows h2:after { right: auto; left: 13px; } .list-shows li { white-space: nowrap; } .list-shows li:nth-child(n+3) { margin-left: 0; margin-right: 20px; } /* List Posts */ .list-posts li { float: right; } .list-posts .post .post-content a { font-size: 13px; line-height: 1.6; } /* Section Expandable */ .section-expandable .shell { max-width: 1220px; } .section-expandable .section-content h2 { width: 80%; font-size: 37px; } .section-expandable .section-content, .section-expandable .section-media, .section-expandable .section-actions { float: right; } .section-expandable .section-btn h3 { padding-right: 0; padding-left: 60px; } .section-expandable .section-btn h3:before, .section-expandable .section-btn h3:after { right: auto; left: 0; } .section-expandable .section-content { padding-right: 0; padding-left: 70px; } .section-expandable .section-content p { padding-right: 0; padding-left: 20px; } .section-expandable .section-content .link-more i { margin-right: 0; margin-left: 10px; font-size: 20px; } .section-expandable .section-actions { padding: 5px 68px 0 0; } .section-expandable .section-actions-inner { left: auto; right: 68.4%; margin-left: 0; margin-right: 68px; bottom: 0; } /* Section Newscast */ .section-newscast .section-newscast-videos { padding: 0 25px 0 50px; } .section-newscast .section-newscast-videos .mCSB_scrollTools_vertical { right: 0 !important; left: auto !important; } .section-newscast .section-newscast-videos h6 { padding-left: 0; padding-right: 11px; } .section-newscast .section-newscast-videos h6 a { line-height: 1.6; } .section-newscast .section-videos ul li { float: right; } /* Score */ .score .score-text { font-size: 15px; } /* Section Selection */ .section-selection .section-body { padding: 45px 45px 16px 5px; } .section-selection .checkbox-square label { padding-left: 0; padding-right: 35px; } .section-selection .checkbox-square label:before { left: auto; right: 0; } .section-selection .section-body li { float: right; } /* List Tags */ .list-tags a { font-size: 15px; padding: 0 15px; } /* Section Ticker */ .section-ticker .section-inner { padding-left: 0; padding-right: 133px; margin: 0 -50px 0 -30px; } .section-ticker .section-head { left: auto; right: 0; } .section-ticker .section-actions { right: auto; left: 30px; } /* Slider Ticker */ .slider-ticker p { padding: 20px 0 19px 110px; } /* Section Newslist */ .section-news-list .post .post-content { text-align: right; } .section-updates-politics .section-news-list { margin-top: 38px; padding-top: 38px; border-top: 1px solid #ddd; } .section-updates-politics .section-timeline-feed ~ .section-timeline-feed { margin-top: 30px; padding-top: 30px; border-top: 1px solid #ddd; } .section-updates-politics .section-head { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .section-updates-politics .section-head h5 { font-size: 17px; } .section-updates-politics .section-head ul { margin-left: 0; margin-right: 10px;float:left; } .section-updates-politics .section-head ul li { margin-left: 7px; } .section-updates-politics .section-head ul li:last-child a { padding-left: 0; } .section-updates-politics .section-actions .btn i { margin-right: 0; margin-left: 10px; } .section-updates-politics .section-head ul a { padding: 8px 11px 7px; } .section-updates-politics .col-size7 { position: relative; } .section-updates-politics .col-size7:before { content: ''; width: 1px; height: 100%; background-color: #ddd; position: absolute; left: 100%; top: 0; margin-left: 30px; } .post-inline .post-content { text-align: right; padding-left: 0; padding-right: 19px; } .post-inline .post-content h6 a { font-weight: 400; line-height: 1.6; } .section-stars-slider .section-body { margin-right: 31.5%; } .section-stars-slider .post h5 { text-align: right; } .coverflow .post-content { left: auto; right: 0; } .post-secondary .post-content { text-align: right; } .post-secondary .post-content h4 a { line-height: 1.2; } /* Nav Dropdown */ .nav-dropdown-programs { text-align: right; } .nav-dropdown-programs .fs-dropdown { left: auto; right: 0; } .nav-dropdown-programs .search-simple { right: auto; left: 50%;margin-left:-250px; } .nav-dropdown .nav-dropdown-inner .shell { padding: 40px 115px 25px 25px; } .nav-dropdown-programs .link-more { left: auto; right: 15px; } .nav-dropdown-programs .search-simple .search-field { font-style: normal; color: #fff; } .nav-dropdown-programs .search-simple .search-field::-webkit-input-placeholder { font-style: normal; color: #fff; } .nav-dropdown-programs .search-simple .search-field::-moz-placeholder { font-style: normal; color: #fff; } .nav-dropdown-programs .search-simple .search-field:-moz-placeholder { font-style: normal; color: #fff; } .nav-dropdown-programs .search-simple .search-field:-ms-input-placeholder { font-style: normal; color: #fff; } .intro-program .socials ul, .intro-program .intro-content { direction: ltr; } .intro-program .intro-content .shell { padding: 0 36px 0 10px; } .intro-program .intro-content .fs-dropdown-selected:after { left: 12px; right: auto; } .intro-program .intro-content .fs-dropdown:before { right: auto; left: 33px; } .section-program-landing .section-body, .section-program-landing .section-sidebar { float: right; } .section-program-landing .section-body { padding-left: 0; padding-right: 18px; } .section-program-landing .section-sidebar { float: left; padding-left: 0; padding-right: 30px; border-left: 0; border-right: 1px solid #ccc; } .section-program-landing .section-sidebar p { padding-right: 0; /*padding-left: 35px;*/ } .section-program-landing .section-sidebar .btn { text-align: center; } .section-program-landing .video-detailed .video-content .meta p span { display: inline-block; vertical-align: middle; margin-left: 0; margin-right: 5px; } .section-program-landing .video-detailed .video-content .meta p span:last-child { direction: rtl; } .section-program-landing .section-foot-aside { float: right; margin-left: 0; margin-right: -7px; } .section-program-landing .section-foot-aside ~ .section-foot-aside { float: left; margin-right: 0; margin-left: 10px; } .section-program-landing .custom-select {float:left;} .slider-sms { height: 20px; } .section-latest-instagram { direction: ltr; } .section-latest-featured h2 { font-size: 25px; padding: 31px 30px; } .section-latest .section-head h5 { font-size: 17px; } .section-latest + .section-programs-videos .section-head ul a { font-size: 13px; } /* Section Programs */ .section-programs-videos .section-head ul { margin-left: 0; margin-right: 30px; } .section-programs-videos .list-videos li:nth-child(6n+1) { clear: left; } .section-programs-videos .video-detailed .video-content p { font-size: 12px; } .section-programs-news .post .post-content { text-align: right; } .section-programs-news .post .post-content a { font-size: 13px; line-height: 1.6; } .section-programs-about .section-intro-sidebar { left: auto; right: 76.2%; } .section-programs-about .fs-dropdown:before { right: auto; left: 33px; } .section-programs-about .fs-dropdown-selected:after { right: auto; left: 12px; } .section-programs-about .section-media, .section-programs-about .section-content { float: right; } .section-programs-about .section-content { padding-left: 0; padding-right: 7.5%; } .section-programs-about .section-head { padding-right: 57.5%; } .section-programs-primary .cols + .banner-medium { left: auto; right: 10%; } .section-programs-all .section-nav { margin-bottom: 22px; } .section-programs-all .section-nav ul a { padding-bottom: 15px; } .section-programs-all .section-nav ul li ~ li { margin-left: 0; margin-right: 25px; } .section-programs-all .section-filter .search-simple .search-field { color: #999; } .section-programs-all .section-filter .search-simple .search-btn { color: #8c8c8d; } .section-programs-all .section-filter .search-simple .search-field::-webkit-input-placeholder { font-style: normal; color: #999; } .section-programs-all .section-filter .search-simple .search-field::-moz-placeholder { font-style: normal; color: #999; } .section-programs-all .section-filter .search-simple .search-field:-moz-placeholder { font-style: normal; color: #999; } .section-programs-all .section-filter .search-simple .search-field:-ms-input-placeholder { font-style: normal; color: #999; } .section-programs-all .section-filter .search-simple { right: auto; left: 0; } .section-programs-all .section-filter .fs-dropdown { left: auto; right: 0; } .section-programs-all .section-filter .fs-dropdown-selected { color: #666; } .section-programs-all .section-filter .fs-dropdown-selected:after { color: #8c8c8d; } .program-medium .program-content p { font-size: 12px; } .program-medium .program-image span { left: auto; right: 20px; } .program-medium .program-content h6 span { margin-left: 0; margin-right: 10px; } .program-medium .program-content ul li ~ li { margin-left: 0; margin-right: 15px; } .program-medium .program-content ul li ~ li:last-child { margin-left: 12px; } .section-celebrities .fs-dropdown-selected:after { left: 12px; right: auto; } .section-celebrities .fs-dropdown:before { left: 33px; right: auto; } .section-celebrities .section-body { padding-right: 0; } .celebrity .celebrity-content h4 { text-align: left; } .section-celebrity-vote .section-head { padding-left: 0; padding-right: 28.7%; } .section-celebrity-vote .section-head .list-flags { right: auto; left: 0; } .section-celebrity-vote .section-head h4 .icon { margin-left: 0; margin-right: 8px; } .section-celebrity-vote .section-head h4 .icon i { transform: rotateY(-180deg); } .list-flags li ~ li { margin-left: 0; margin-right: 19px; } .section-celebrity-vote .section-sidebar { float: right; } .section-celebrity-vote .section-content { float: left; direction: ltr; } .section-celebs-details .fs-dropdown-selected:after { right: auto; } .section-celebs-details .fs-dropdown:before { left: 33px; right: auto; } .section-celebs-details .section-body { padding-right: 0; } .celebrity-single-image h2 { text-align: left; } .section-celebs-details .post .post-content h5 { text-align: right; } .celebrity-single-content, .celebrity-single-media { float: right; } .celebrity-single-content { padding-right: 0; padding-left: 40px; } .video-detailed .video-content h6 { margin-bottom: 5px; } .video-detailed .video-content p { font-weight: 400; } .video-large .fb-comment-expand .zmdi { margin-left: 5px; margin-right: 0; } .grid-item .grid-item-content .link-more { right: auto; left: 26px; } .grid-item .grid-item-content ul li ~ li { margin-left: 0; margin-right: 15px; } .section-program-grid .section-foot-aside { float: right; } .section-program-grid .section-foot-aside ~ .section-foot-aside { float: left; } .section-program-grid .section-bar p { float: right; padding-left: 0; padding-right: 30px; } .section-program-grid .section-bar p:before { left: auto; right: 0; } .section-program-grid .section-bar .socials { float: left; } .section-programs .tabs-favorites { margin-right: 0; margin-left: -40px; } .section-programs .tabs-favorites .tabs-nav ul a { font-size: 18px; } .section-programs .cols:before { left: -40px; right: 67%; } .tabs-favorites .tabs-nav ul a { font-size: 18px; } .list-actions li a { padding-left: 0; padding-right: 29px; } .list-actions li a i { left: auto; right: 0; } .list-arrows a { padding-left: 0; padding-right: 24px; } .list-arrows a:before { left: auto; right: 5px; transform: rotateY(180deg) translateY(-45%); } .section-programs .section-content-head { padding-right: 0; padding-left: 240px; } .section-programs .section-content-head h5 { font-size: 18px; } .section-programs .section-content-head .search-simple { right: auto; left: 0; } .list-letters a { font-size: 13px; } .list-playlists .video-content { padding: 20px 0 15px 25px; } .list-playlists .video-content .add-to-favorites { right: auto; left: 0; top: 20px; } .section-episode .section-body { padding-right: 0; } .section-episodes .fs-dropdown-selected { text-align: left; padding: 0 30px 0 18px; } .section-episodes .fs-dropdown-selected:after { right: 13px; left: auto; } .section-episodes .fs-dropdown:before { right: 33px; } .section-episodes .fs-dropdown-item { text-align: left; } .section-episodes .section-sidebar .post .post-content { text-align: right; } .section-gallery .section-actions h6 { margin: 0 0 0 5px; } .section-gallery-alt .section-head .fs-dropdown-selected { font-style: normal; padding: 0 10px 0 30px; } .section-gallery-alt .section-head .fs-dropdown-selected:after { right: auto; } .section-gallery-alt .masonry .fs-dropdown-selected:after { right: auto; left: 12px; } .section-gallery-alt .masonry .fs-dropdown:before { right: auto; left: 33px; } .section-gallery-alt .section-head ul li ~ li { margin-left: 0; margin-right: 25px; } .post-tertiary .post-content { text-align: left; } .post-tertiary .post-content h5 span { direction: ltr; } .slider-news-gallery .owl-next {right:auto;left:0;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} .slider-news-gallery .owl-prev {left:auto;right:0;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} /* Section Replay */ .list-watched-videos .video-content .meta p span { margin-left: 7px; } #section-replay .list-trending .program-medium .program-content .info, #section-replay .program-medium .program-content .btns {float:right;} .list-programs > li { /*float: right;*/} #section-replay .list-programs > li {text-align:right;} #section-replay .section-actions .btn .zmdi-plus-circle{font-size: 15px;margin-right: 6px;margin-left:0;} #section-replay .program-medium .program-content .btns {float:left;} #section-replay .list-trending .program-medium .program-content h6 {float:right;} /* Section Schedule */ .section-schedule .section-group:first-child { padding-top: 136px; } .section-schedule .section-group-head, .section-schedule .section-group-body, .section-schedule .section-group-sidebar { float: right; } .section-schedule .section-group-head h2 { font-size: 59px; line-height: 1.2; } .section-schedule .section-group-sidebar { margin-left: 0; margin-right: 6.3%; } .schedule .schedule-content img { margin-right: 0; margin-left: 27px; } .schedule .schedule-content h3 { font-weight: 400; line-height: 1.6; } .schedule .schedule-content h3 span { padding-top: 5px; } .section-schedule .section-foot-aside { float: right; } .section-schedule .section-foot-aside ~ .section-foot-aside { float: left; } .section-schedule .section-bar p { padding-left: 0; padding-right: 30px; float: right; } .section-schedule .section-bar p:before { left: auto; right: 0; } .section-schedule .section-bar .socials { float: left; } /* Section Video Main */ .section-video-main .section-banners { padding-left: 0; padding-right: 33px; } .section-video-main .section-head { margin: 0 25% 30px 23.5%; } .section-video-main .section-head h2 { padding-left: 0; border-left: 0; padding-right: 15px; border-right: 4px solid #ca0000; } .section-video-main .section-head h2 span { padding-top: 12px; } .section-video-main .section-head p { right: auto; left: 0; direction: rtl; } .section-video-main .section-head p span { display: inline-block; vertical-align: middle; margin-left: 8px; } .section-video-main.no-chapters .section-banners:first-child{padding-left:42px;padding-right:0;} .section-video-main.no-chapters .section-banners:last-child{padding-right:42px;padding-left:0;} .section-video-list .video-detailed .video-content p { font-size: 12px; } .chapters .chapters-head .btn { left: auto; right: 0; direction: ltr; } .chapters .chapters-head .btn .btn-text { padding: 0 20px; } .chapters .chapters-head .btn .btn-icon i { position: relative; top: 2px; } .chapters .chapters-body ol li { padding-left: 0; padding-right: 34px; } .chapters .chapters-body ol li:before { left: auto; right: 5px; } .chapter .chapter-content { padding-left: 0; /*padding-right: 23px;*/ } .chapter a:before { left: auto; right: -34px; } .video-detailed .video-content .meta p span { display: inline-block; vertical-align: middle; margin-left: 0; margin-right: 15px; } .video-detailed .video-content .meta p span:last-child { direction: rtl; } .section-related-media .list-videos-alt { padding: 56px 0 0 50px; } .section-related-media .section-nav ul li ~ li { margin-left: 0; margin-right: 30px; } .section-related-media .section-nav ul a { font-size: 17px; } .post-twitter .post-actions .link-share { float: left; } .section-programs-gallery .slider-gallery-thumbs.left { float: right; } .section-programs-gallery .slider-gallery-thumbs.right { float: left; } /* ------------------------------------------------------------ *\ Forms \* ------------------------------------------------------------ */ .form-subscribe .form-head { width: 300px; } .form-subscribe .form-head h4 { padding-left: 0; padding-right: 30px; line-height: 1.4; } .form-subscribe .form-head h4 i { left: auto; right: 0; } .form-subscribe .form-head h4 > span { font-weight: 400; line-height: 2; letter-spacing: .05em; } .form-subscribe .form-head, .form-subscribe .form-body { text-align: right; } .form-subscribe .form-body .field { width: 253px; } .form-subscribe .checkbox-circle label { font-size: 11px; padding-right: 26px; } .form-subscribe .checkbox-circle label:before { content: '\f26c'; font-size: 20px; margin-top: -13px; color: #fff; opacity: .5; } .form-subscribe .checkbox-circle input:checked ~ label:before { color: #fff; opacity: 1; } .form-subscribe .list-checkboxes li ~ li { margin-left: 0; margin-right: 30px; } .form-subscribe .form-actions { right: auto; left: 10px; } .form-adv .list-checkboxes li ~ li { margin-left: 0; margin-right: 22px; } .form-adv .form-hint { margin-left: 0; margin-right: 13px; } .form-adv .form-hint .line { margin-left: 10px; margin-right: 0; } .form-adv .form-body { padding: 50px 44px 30px 95px; } .form-adv .form-row { margin-left: 0; margin-right: -38px; } .form-adv .form-col-1of2 { padding-left: 0; padding-right: 38px; } .form-adv .form-row:last-child .form-col:last-child { padding-left: 0; } .form-adv img { max-width: 100%; } .form-apply .form-row { margin-left: 0; margin-right: -38px; } .form-apply .form-col-1of2 { padding-left: 0; padding-right: 38px; } .form-apply .form-row .form-row { margin-right: 0; } .form-apply .form-group:last-child .form-row:last-child .form-col:last-child { padding-left: 0; } .form-apply .form-hint { margin-left: 0; margin-right: 5px; } .form-apply .form-hint .line { margin-left: 10px; margin-right: 0; } .form-contact .form-hint { margin-left: 0; margin-right: 10px; } .form-contact .form-hint .line { margin-left: 10px; margin-right: 0; } .form-login .form-label { width: 30%; border-right: 1px solid rgba(255, 255, 255, .3); border-left: 0; padding: 16px 21px 16px 0; text-align: right; } .form-login .form-controls { width: 70%; } .form-login .btn ~ .btn { margin-left: 0; margin-right: 15px; } /* Form Profile */ .form-profile .form-body, .form-profile .form-actions { float: right; } .form-profile .form-actions { margin-left: 0; margin-right: 6.7%; } .form-profile .checkbox { padding-left: 0; padding-right: 35px; } .form-profile .checkbox input { left: auto; right: 0; } .form-profile .form-actions-inner { left: auto; right: 47.8%; } .form-profile .form-hint { margin-left: 0; margin-right: 12px; } .form-profile .form-hint .line { margin-left: 7px; margin-right: 0; } /* Form Register */ .form-register .form-label { border-right-color: #ca0000; } .form-register .field.required { border-left-color: rgba(255, 255, 255, .3); border-right-color: rgba(255, 255, 255, .3); } .form-register .form-hint .line { margin-left: 7px; margin-right: 0; } /* Form Create Account */ .form-create-account .form-row-alt .form-label { border-right: 1px solid #e6e6e6; border-left: 0; } .form-create-account .checkbox-small-square label { padding-left: 0; padding-right: 30px; } .form-create-account .checkbox-small-square label:before { left: auto; right: 0; } .form-create-account .form-alert h5 { width: 60%; } /* Form Search */ .form-search-global .field { padding: 0 0 0 130px; } .form-search-global .btn-red { right: auto; left: 0; } .search .search-body .list-news-primary li a { padding-right: 0; } /* Section Programs Feed */ .section-programs-feed .post .post-content { text-align: right; } .section-programs-feed .section-body .link-more { font-size: 25px; } .section-programs-feed .tabs-primary { margin-top:40px; } /* Socials Standard */ .socials-std { direction: ltr; text-align: right; } /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ .checkbox-circle label { padding-left: 0; padding-right: 33px; } .checkbox-circle label:before { left: auto; right: 0; } .field.required, .textarea.required { border-left-color: #ddd; border-right-color: #ca0000; } .ltr .field.required, .ltr .textarea.required {border-right-color: #ddd;border-left-color: #ca0000;} .fs-dropdown-selected { padding: 0 18px 0 30px; text-align: right; font-family: 'TheSans', 'Roboto', sans-serif; } .fs-dropdown-selected:after { right: auto; left: 15px; } .fs-dropdown-item { text-align: right; } .ltr .fs-dropdown-selected { padding: 0 30px 0 18px; text-align: left; } .ltr .fs-dropdown-selected:after { left: auto; right: 15px; } .ltr .fs-dropdown-item { text-align: left; } .form .form-col { float: right; } .has-datepicker .field-datepicker { padding-left: 38px; padding-right: 18px; } .has-datepicker:after { right: auto; left: 12px; } .checkbox-large label span { left: auto; right: 0; } .radio-poll label { padding-left: 0; padding-right: 32px; } .radio-poll label:before { left: auto; right: 0; } .radio-poll .label-text { left: auto; right: 100%; margin-left: 0; margin-right: 8px; } /* ------------------------------------------------------------ *\ Btns \* ------------------------------------------------------------ */ .btn-live { padding: 0 12px 0 22px; } .btn-live i { margin-right: 0; margin-left: 10px; } .btn-how { padding: 0 11px 0 22px; } .btn-how i { margin-left: 9px; margin-right: 0; } /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer h6 { font-size: 15px; } .footer-col { float: right; } .footer-col-size2 { margin-left: 0; margin-right: 41px; } .footer-col-size4 ~ .footer-col-size4 { margin-left: 0; margin-right: 69px; } .footer-col-size5 { margin-left: 0; margin-right: 43px; } .footer-connect ul li ~ li { margin-left: 0; margin-right: 10px; } .footer-connect ul a .fa { margin-right: 0; margin-left: 10px; } .footer-nav ul a { padding-left: 0; padding-right: 18px; font-size: 15px; } .footer-nav ul a:before { left: auto; right: 0; transform: rotateY(-180deg); } .footer h6{letter-spacing: 0;} .footer h6.alt, .footer-nav-secondary ul a { font-weight: 700; font-size: 13px; } .footer-actions .credits { margin: 0 10px 0 0; direction: ltr; text-align: right; } .footer-actions .copyright { margin: 40px 10px 10px 0; direction: ltr; text-align: right; } .footer-actions .credits span, .footer-actions .copyright span { display: inline-block; } @media ( max-width: 1279px ) { .section-intro .section-inner { padding-left: 0; padding-right: 15px; } .news-simple-list .mCSB_scrollTools { right: -22px !important; } .section-values .section-body ol { margin: 0; } .form-contact .form-row:last-child .form-col:last-child { padding-left: 34px; } .section-author-single .section-actions { right: auto; left: 0; } .section-updates-politics .section-head { display: block; } .section-updates-politics .section-head ul { margin-left: 0; margin-right: 0; } .section-watch-live .section-bar .socials, .section-watch-live .section-foot-aside ~ .section-foot-aside { margin-left: 0; } .form-adv .form-hint, .form-apply .form-hint, .form-contact .form-hint { margin-right: 0; } .header .header-aside:first-child { margin-right: 0; } .header .header-aside .header-buttons li{float:right;margin-left:5px;} .header .header-aside .header-buttons .btn .btn-time{float:right;} .header .header-aside .header-buttons .btn .btn-icon{float:left;} .header .header-aside .header-buttons .btn .btn-text{/*float:right;*/} .list-authors li { padding-right: 0; padding-left: 20px; } .section-programs-about .section-intro-sidebar { left: 0; right: auto; } .section-programs .tabs-favorites { margin-left: 0; } .section-programs .cols:before { left: 0; } .section-schedule .section-group-head h2 { font-size: 48px; } .section-author-single .section-avatar { margin-right: 0; } .section-ticker .section-inner { margin: 0; } .section-about-secondary .section-body:first-child { margin-left: 8%; } .form-adv .form-body, .section-apply .section-form { padding: 30px; } .section-account .section-content { flex: 0 0 51.4%; } .list-watched-videos .video-content p { font-size: 12px; } .section-schedule .section-group-head h2 { font-size: 42px; } .section-schedule .section-group-head h2 span { font-size: 24px; } .form-adv .list-checkboxes li ~ li { margin-right: 20px; } .video-detailed .video-content p { font-size: 12px; } .highlights ul a:not([class]) { padding: 15px 0 15px 30px; } .footer .footer-col-size2 h6 { padding-left: 0; } .nav-dropdown-programs .nav-dropdown-bar-inner { padding: 0 240px; } } @media ( max-width: 1199px ) { .footer-download-head h6 { font-size: 13px; } .section-program-landing .section-foot-aside { margin-right: 0; float: none; } .section-program-landing .section-foot-aside ~ .section-foot-aside { float: none; } } @media ( max-width: 1023px ) { .nav-dropdown .nav-dropdown-inner .shell { padding: 15px 10px; } .form-subscribe { left: 0; } .form-subscribe .form-head h4 { font-size: 18px; } .form-subscribe .form-head h4 > span { font-size: 10px; } .form-subscribe .form-actions { left: 75px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .footer-col-size2 { margin-right: 20px; } .footer-col-size5, .footer-col-size4 ~ .footer-col-size4 { margin-right: 30px; } .list-tags a { font-size: 10px; padding: 0 8px; } .search .search-body .list-news-primary li a { padding-right: 0; padding-left: 0; } .section-expandable .section-actions { left: 0; right: auto; padding: 0; } .section-expandable .section-actions-inner { left: 0; right: auto; margin: 0; } .form-profile .form-actions, .form-profile .form-actions-inner { margin: 0; padding-left: 0; padding-right: 30px; } .article-news .article-prev-wrapper, .article-news .article-next-wrapper { margin: 0; } .section-news-article .article-prev-wrapper .list-articles { left: -106px; right: auto; -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; } .section-news-article .article-prev-wrapper .list-articles:before { left: 109px; } .section-news-article .article-next-wrapper .list-articles { right: -106px; left: auto; -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; } .section-news-article .article-next-wrapper .list-articles:before { right: 110px; } .article-news .article-foot .banner { right: 0; } .slider-ticker p { padding: 20px 0 19px 50px; } .section-stars-slider .section-body { margin-right: 0; } .section-vote .article-prev-wrapper, .section-vote .article-next-wrapper { margin: 0; } .section-vote .article-prev-wrapper .list-articles, .section-vote .article-next-wrapper .list-articles { -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; } .section-secondary .article-prev-wrapper .list-articles { left: -105px; } .section-secondary .article-prev-wrapper .list-articles:before { left: 110px; } .section-secondary .article-next-wrapper .list-articles { right: -108px; } .section-secondary .article-next-wrapper .list-articles:before { right: 112px; } .section-vote .section-foot .banner-large { right: auto; } .section-watch-live .section-foot-aside, .section-watch-live .section-foot-aside ~ .section-foot-aside, .section-watch-live .section-bar p, .section-watch-live .section-bar .socials, .section-program-landing .section-foot-aside, .section-program-landing .section-foot-aside ~ .section-foot-aside, .section-program-grid .section-foot-aside, .section-program-grid .section-foot-aside ~ .section-foot-aside, .section-program-grid .section-bar p, .section-program-grid .section-bar .socials, .section-schedule .section-foot-aside, .section-schedule .section-foot-aside ~ .section-foot-aside, .section-schedule .section-bar p, .section-schedule .section-bar .socials { float: none; } .section-watch-live .section-bar .socials, .section-program-grid .section-bar .socials, .section-schedule .section-bar .socials { text-align: right; } .section-celebrity-vote .section-head { padding-right: 0; } .section-program-landing .section-sidebar { padding-right: 15px; } .list-flags li ~ li { margin-right: 15px; } .slider-programs-gallery { min-height: 396px; } .section-video-main .section-head { margin: 0 33% 30px 0; } .section-timeline-feed .section-body ol { padding-left: 30px; } .section-timeline-feed .section-body ol li:before { right: 14%; } .section-programs-primary .cols + .banner-medium { left: auto; right: auto; } .section-intro .section-inner { padding: 0; } .nav-dropdown-programs .nav-dropdown-bar-inner { padding: 0 170px; } } @media ( max-width: 767px ) { .list-posts .post { position: relative; } .list-posts .post .post-content { padding-left: 0; padding-right: 10px; } .list-posts .post .post-image { overflow: visible; } .post .post-content h5 a { font-weight: 400; font-size: 13px; line-height: 1.5; padding-bottom: 15px; } .post .post-image .label { position: absolute; top: auto; bottom: 0; right: 88px; padding: 0; font-weight: 700; font-size: 13px; color: #333; background-color: transparent; } .form-search-global .btn-red i { left: auto; right: -2px; } .list-tags a { font-size: 10px; padding: 0 5px; } .nav-mobile-body > ul a { padding: 8px 0 8px 40px; } .nav-mobile-body > ul a:after { content: '\f0d9'; right: auto; left: 10px; } .nav-mobile-head ul { direction: ltr; } .nav-mobile-foot ul .btn-blue-alt:before { margin-left: 20px; margin-right: -20px; } .nav-mobile.open-subnav .nav-mobile-head .nav-close i:before { content: '\f2fa'; } .form-subscribe .form-body { margin-left: 0; margin-right: 27px; } .form-subscribe .form-body .list-checkboxes { left: auto; right: 27px; } .form-subscribe .form-actions { /*left: 0; top: auto;*/left: 10px;top: auto;bottom: 28px; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .footer-col-size2, .footer-col-size5, .footer-col-size4 ~ .footer-col-size4 { margin: 0; } .section-about-primary .section-body-inner { margin-right: 0; } .section-about-primary .section-image img { right: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .section-about-quote blockquote { padding: 0; } .section-about-tertiary .section-body, .section-apply .section-form { margin: 0; } .form-adv .form-body, .section-apply .section-form { padding: 30px 32px 20px 22px; } .list-posts .post-image { float: right; } .list-posts .post .post-content { text-align: right; } .section-expandable .section-content { padding-left: 30px; } .section-expandable .section-content h2 { font-size: 20px; } .section-expandable .section-actions { padding-top: 30px; } .section-expandable .section-actions .collapse { right: auto; left: -10px; } .section-expandable .section-actions-inner { float: right; } .list-news-primary li a { padding: 0; } .list-news-primary li span { right: 29%; left: auto; margin-left: 0; margin-right: 20px; color: #333; opacity: 1; } .form-login-secondary .form-row, .form-login .form-body > .form-row:first-child { display: flex; } .form-login-secondary .form-label, .form-login .form-body > .form-row:first-child .form-label { display: flex; align-items: center; flex: 0 0 30%; } .form-login-secondary .form-controls, .form-login .form-body > .form-row:first-child .form-controls { display: flex; flex: 0 0 70%; } .nav-secondary ul .current a:after { margin-left: 0; margin-right: 10px; } .nav-secondary ul li ~ li { margin-right: 0; } .section-account .section-content-head { padding: 0; } .section-account .section-content-body .list-letters li ~ li { margin-left: 0; margin-right: 16px; } .nav-secondary.fixed ul { left: -15px; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .checkbox-large label:after { right: auto; left: 22px; } .form-profile .form-actions, .form-profile .form-actions-inner { padding-right: 0; } .form-profile .form-actions-inner { right: 0; } section.section-intro .socials + .banner { display: none; } .article-news figure.article-gallery .btn i { margin-right: 0; margin-left: 10px; } .article-news figure.article-image i { right: auto; left: 20px; } .article-news figure.article-gallery, .article-news figure.article-image { margin-left: -15px; margin-right: -15px; } .article-news .article-actions { padding: 10px 0; } .article-news .article-entry { padding: 0 15px; } .article-news .article-fixed-actions .socials ul { right: auto; left: 32px; } .article-news .article-fixed-actions .socials ul li ~ li { margin-right: 0; } .section-news-article .widget-text, .section-news-article .section-timeline-feed { margin-left: 0; } .section-updates-authors .section-timeline-feed .section-body { padding-left: 0; } .slider-ticker { height: 58px; } .section-ticker .section-head { line-height: 58px; } .section-ticker .section-inner { padding-right: 60px; } .section-ticker .section-body:after { right: auto; left: 0; -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .section-ticker .section-actions { left: 5px; } .section-newscast-reports .section-body ul li:nth-child(odd) { clear: left; } .section-polls .section-filters ul li ~ li { margin-right: 2%; } .section-polls .fs-dropdown-selected { padding: 0 10px 0 30px; } .section-watch-live .section-foot-aside, .section-watch-live .section-bar p { margin-right: 0; } .nav-quaternary ul .current a:after { margin-left: 0; margin-right: 10px; } .intro-program .socials ul, .intro-program .intro-content { text-align: right; } .intro-program .socials ul li.separator { left: auto; right: 0; } .section-program-landing .section-body, .section-program-landing .section-sidebar { padding-right: 0; } .section-program-landing .section-sidebar { border: 0; } .section-program-landing .list-shows h3 { /*padding-right: 0; padding-left: 80%;*/} .section-program-landing .list-shows h3 span { /*right: 60px; left: 0;*/ } .section-program-landing .section-bar-head { left: auto; right: 0; } .section-program-landing .section-bar-head .zmdi-chevron-right { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .slider-sms { height: auto; padding-left: 0; /*padding-right: 60px;*/ } .section-programs-videos .section-head ul { margin-right: 0; } .section-programs-videos .section-head ul li ~ li { margin-left: 0; margin-right: 20px; } .section-programs-videos .prev { left: auto; right: 70px; } .section-programs-videos .next { left: auto; right: 15px; } .section-programs-about .section-intro-sidebar .fs-dropdown { right: auto; left: 15px; } .section-programs-about .section-intro img { left: auto; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } .section-programs-about .section-content { padding-right: 0; } .section-programs-all .section-nav ul li ~ li { margin-right: 0; } .section-program-landing .section-sidebar .fs-dropdown { right: auto; left: 15px; } .celebrity-single-content { padding-left: 0; } .section-programs-videos-celeb .section-head ul { padding: 0 15px 20px 0; margin-right: -15px; } .section-programs-videos-celeb .section-head ul li { margin-right: 0; margin-left: 26px; } .section-programs-videos .video-detailed .video-content .meta p span { margin-left: 0; margin-right: 5px; } .list-arrows { right: auto; left: -15px; padding: 15px 15px 20px 25px; text-align: left; } .list-arrows a { padding-right: 0; padding-left: 0; } .section-programs .section-content-head { padding-left: 0; } .section-programs-gallery .slider-gallery-thumbs { min-height: 0; } .section-gallery-alt .section-head ul li ~ li { margin-right: 2%; } .tabs-favorites .tabs-nav ul .current a { padding: 20px 10px 10px; } .schedule .schedule-actions .icon { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .chapters .chapters-head .btn { left: 15px; right: auto; } .section-video-main .section-head { margin: 0 0 20px 0; } .section-video-main .section-head h2 { padding: 0; border: 0; } .chapters .chapters-head h5 { width: 40%; padding-left: 0; padding-right: 15px; } .chapters .chapters-head h5:before { left: auto; right: 0; } .chapters .chapters-head .btn .btn-text { padding: 0 15px; } input[type="date"].field { padding-right: 0; } .post-inline .post-media img { width: 100%; height: auto; } .section-celebrity-vote .section-head .list-flags li:last-child { margin-right: 7px; } .intro-program .intro-head { overflow: visible; } .intro-program .intro-head:after { @extend clearfix; } .intro-program .custom-select .fs-dropdown-selected:after { left: 12px; right: auto; } .intro-program .custom-select .fs-dropdown:before { right: auto; left: 33px; } .highlights { margin-top: 25px; } .highlights h3 { text-align: right; } .form-login .form-label { padding: 16px 10px 16px 0; } .form-create-account .form-row-alt .form-label { text-align: right; padding: 0 10px 0 0; } .footer-download .footer-download-body .btn ~ .btn, .footer-actions ul li ~ li { margin-left: 0; margin-right: 15px; } .section-programs-all .section-filter .list-letters { padding: 8px 0 16px; } .section-programs-secondary .section-content-body .list-letters li ~ li { margin-left: 0; margin-right: 16px; } .section-video-list .list-videos li:nth-child(odd) { clear: right; } .search-simple .search-btn { margin-top: -13px; } .section-programs-feed .section-body .banner { display: block; } .section-programs-feed .section-body .tabs .banner { display: none; } .list-news-primary li ~ li:before { left: 0; right: 0; margin-left: 0; margin-right: 0; } .footer-actions .copyright { margin-top: 20px; margin-right: 0; } .footer-actions .credits { margin-right: 0; } .section-local-stars ~ .section-updates-politics .post .post-image .label { left: auto; right: 0; } .section-updates-authors .post-twitter .post-content { padding: 0 15px; } .list-actions li a { padding-right: 20px; } .section-program-landing ~ .section-programs-news .list-videos li { padding: 0 0 0 15px; } .section-program-landing ~ .section-programs-news .shell { padding-left: 0; padding-right: 15px; } .nav-quaternary-alt ul a .mobile-text { font-size: 12px; } .intro-landing .intro-content .custom-select { right: auto; left: 15px; } .section-poll .section-body .list-radios { padding-left: 0; } .radio-poll label { padding-right: 80px; } .radio-poll .label-text { right: 30px; margin-right: 0; font-size: 17px; } .radio-poll .label-line-inner { left: auto; right: 0; } .radio-poll .label-line-value { right: auto; left: 0; font-family: 'Roboto', sans-serif; } .section-schedule .section-group:first-child { padding-top: 0; } .section-schedule .section-group-placeholder:first-child { margin: 0 -15px 30px; } .section-schedule .section-group-placeholder a, .section-schedule .section-group-placeholder img { width: 100%; display: block; } .slider-programs-gallery { min-height: 0; } } body:not(#homePage) .section-updates .col-size5{direction:ltr;} body:not(#homePage) .section-updates .col-size4{padding: 0 12px 0 19px;} ._2eLBJDo4r_wxFuHkMXLiro._1LDlKMXVmN1zATOf7VfE1{direction:ltr;} #monthSelectContainer{margin-left:5px;} /* Large screens ----------- */ @media only screen and (min-width : 1800px) { } /*@media only screen and (min-width : 1600px) { }*/