/*----------------------------------------------------------------------------------- Theme Name: Melody Theme URL: http://www.phpsugar.com/ Description: Apollo theme for PHP Melody (Default theme from 2019) Author: PHPSUGAR Author URI: http://www.phpsugar.com/ Version: 3.0 Copyright: PHPSUGAR.COM ------------------------------------------------------------------------------------- 1.Document Setup (body, common classes, structure etc) 2.BootStrap Elements Redesigned for PHP Melody (modal, pagination, badges, etc.) 3.Header (Navigation, Search, etc.) 4.Index page (Featured, New Videos, etc.) 5.Video Pages 6.Articles & Pages 7.Listings (Top/New Videos, Regular Browsing, Search Results, etc.) 8.User Profile/Channel 9.Playlists 10.Comments (Both Videos & Articles) 11.Footer 12.Side Navigation 13.Other -------------------------------------------------------------------------------------*/ /*-------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* 1.Document Setup (body, common classes, structure etc) /*-----------------------------------------------------------------------------------*/ /* Mixins, Variables and Inheritances --------------------------------------------- */ .white { color : #ffffff; text-decoration : none; } @mixing nice-shadow() { -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #2196F3 !important; } .bg-secondary { background-color: #777 !important; } .bg-success { background-color: #4CAF50 !important; } .bg-info { background-color: #00BCD4 !important; } .bg-warning { background-color: #FF7043 !important; } .bg-danger { background-color: #F44336 !important; } .bg-light { background-color: #fafafa !important; } .bg-dark { background-color: #2a3140 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #ddd !important; } .border-top { border-top: 1px solid #ddd !important; } .border-right { border-right: 1px solid #ddd !important; } .border-bottom { border-bottom: 1px solid #ddd !important; } .border-left { border-left: 1px solid #ddd !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #2196F3 !important; } .border-secondary { border-color: #777 !important; } .border-success { border-color: #4CAF50 !important; } .border-info { border-color: #00BCD4 !important; } .border-warning { border-color: #FF7043 !important; } .border-danger { border-color: #F44336 !important; } .border-light { border-color: #fafafa !important; } .border-dark { border-color: #2a3140 !important; } .border-white { border-color: #fff !important; } .rounded { border-radius: 0.1875rem !important; } .rounded-top { border-top-left-radius: 0.1875rem !important; border-top-right-radius: 0.1875rem !important; } .rounded-right { border-top-right-radius: 0.1875rem !important; border-bottom-right-radius: 0.1875rem !important; } .rounded-bottom { border-bottom-right-radius: 0.1875rem !important; border-bottom-left-radius: 0.1875rem !important; } .rounded-left { border-top-left-radius: 0.1875rem !important; border-bottom-left-radius: 0.1875rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.8571428571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { -webkit-box-shadow: none !important; box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.3125rem !important; } .mt-1, .my-1 { margin-top: 0.3125rem !important; } .mr-1, .mx-1 { margin-right: 0.3125rem !important; } .mb-1, .my-1 { margin-bottom: 0.3125rem !important; } .ml-1, .mx-1 { margin-left: 0.3125rem !important; } .m-2 { margin: 0.625rem !important; } .mt-2, .my-2 { margin-top: 0.625rem !important; } .mr-2, .mx-2 { margin-right: 0.625rem !important; } .mb-2, .my-2 { margin-bottom: 0.625rem !important; } .ml-2, .mx-2 { margin-left: 0.625rem !important; } .m-3 { margin: 1.25rem !important; } .mt-3, .my-3 { margin-top: 1.25rem !important; } .mr-3, .mx-3 { margin-right: 1.25rem !important; } .mb-3, .my-3 { margin-bottom: 1.25rem !important; } .ml-3, .mx-3 { margin-left: 1.25rem !important; } .m-4 { margin: 1.875rem !important; } .mt-4, .my-4 { margin-top: 1.875rem !important; } .mr-4, .mx-4 { margin-right: 1.875rem !important; } .mb-4, .my-4 { margin-bottom: 1.875rem !important; } .ml-4, .mx-4 { margin-left: 1.875rem !important; } .m-5 { margin: 3.75rem !important; } .mt-5, .my-5 { margin-top: 3.75rem !important; } .mr-5, .mx-5 { margin-right: 3.75rem !important; } .mb-5, .my-5 { margin-bottom: 3.75rem !important; } .ml-5, .mx-5 { margin-left: 3.75rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.3125rem !important; } .pt-1, .py-1 { padding-top: 0.3125rem !important; } .pr-1, .px-1 { padding-right: 0.3125rem !important; } .pb-1, .py-1 { padding-bottom: 0.3125rem !important; } .pl-1, .px-1 { padding-left: 0.3125rem !important; } .p-2 { padding: 0.625rem !important; } .pt-2, .py-2 { padding-top: 0.625rem !important; } .pr-2, .px-2 { padding-right: 0.625rem !important; } .pb-2, .py-2 { padding-bottom: 0.625rem !important; } .pl-2, .px-2 { padding-left: 0.625rem !important; } .p-3 { padding: 1.25rem !important; } .pt-3, .py-3 { padding-top: 1.25rem !important; } .pr-3, .px-3 { padding-right: 1.25rem !important; } .pb-3, .py-3 { padding-bottom: 1.25rem !important; } .pl-3, .px-3 { padding-left: 1.25rem !important; } .p-4 { padding: 1.875rem !important; } .pt-4, .py-4 { padding-top: 1.875rem !important; } .pr-4, .px-4 { padding-right: 1.875rem !important; } .pb-4, .py-4 { padding-bottom: 1.875rem !important; } .pl-4, .px-4 { padding-left: 1.875rem !important; } .p-5 { padding: 3.75rem !important; } .pt-5, .py-5 { padding-top: 3.75rem !important; } .pr-5, .px-5 { padding-right: 3.75rem !important; } .pb-5, .py-5 { padding-bottom: 3.75rem !important; } .pl-5, .px-5 { padding-left: 3.75rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.3125rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.3125rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.3125rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.3125rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.3125rem !important; } .m-sm-2 { margin: 0.625rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.625rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.625rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.625rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.625rem !important; } .m-sm-3 { margin: 1.25rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1.25rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1.25rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1.25rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1.25rem !important; } .m-sm-4 { margin: 1.875rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.875rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.875rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.875rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.875rem !important; } .m-sm-5 { margin: 3.75rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3.75rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3.75rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3.75rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3.75rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.3125rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.3125rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.3125rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.3125rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.3125rem !important; } .p-sm-2 { padding: 0.625rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.625rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.625rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.625rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.625rem !important; } .p-sm-3 { padding: 1.25rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1.25rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1.25rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1.25rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1.25rem !important; } .p-sm-4 { padding: 1.875rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.875rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.875rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.875rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.875rem !important; } .p-sm-5 { padding: 3.75rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3.75rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3.75rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3.75rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3.75rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.3125rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.3125rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.3125rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.3125rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.3125rem !important; } .m-md-2 { margin: 0.625rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.625rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.625rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.625rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.625rem !important; } .m-md-3 { margin: 1.25rem !important; } .mt-md-3, .my-md-3 { margin-top: 1.25rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1.25rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1.25rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1.25rem !important; } .m-md-4 { margin: 1.875rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.875rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.875rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.875rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.875rem !important; } .m-md-5 { margin: 3.75rem !important; } .mt-md-5, .my-md-5 { margin-top: 3.75rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3.75rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3.75rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3.75rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.3125rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.3125rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.3125rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.3125rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.3125rem !important; } .p-md-2 { padding: 0.625rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.625rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.625rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.625rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.625rem !important; } .p-md-3 { padding: 1.25rem !important; } .pt-md-3, .py-md-3 { padding-top: 1.25rem !important; } .pr-md-3, .px-md-3 { padding-right: 1.25rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1.25rem !important; } .pl-md-3, .px-md-3 { padding-left: 1.25rem !important; } .p-md-4 { padding: 1.875rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.875rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.875rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.875rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.875rem !important; } .p-md-5 { padding: 3.75rem !important; } .pt-md-5, .py-md-5 { padding-top: 3.75rem !important; } .pr-md-5, .px-md-5 { padding-right: 3.75rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3.75rem !important; } .pl-md-5, .px-md-5 { padding-left: 3.75rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.3125rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.3125rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.3125rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.3125rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.3125rem !important; } .m-lg-2 { margin: 0.625rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.625rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.625rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.625rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.625rem !important; } .m-lg-3 { margin: 1.25rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1.25rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1.25rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1.25rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1.25rem !important; } .m-lg-4 { margin: 1.875rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.875rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.875rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.875rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.875rem !important; } .m-lg-5 { margin: 3.75rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3.75rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3.75rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3.75rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3.75rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.3125rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.3125rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.3125rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.3125rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.3125rem !important; } .p-lg-2 { padding: 0.625rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.625rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.625rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.625rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.625rem !important; } .p-lg-3 { padding: 1.25rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1.25rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1.25rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1.25rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1.25rem !important; } .p-lg-4 { padding: 1.875rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.875rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.875rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.875rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.875rem !important; } .p-lg-5 { padding: 3.75rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3.75rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3.75rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3.75rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3.75rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.3125rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.3125rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.3125rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.3125rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.3125rem !important; } .m-xl-2 { margin: 0.625rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.625rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.625rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.625rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.625rem !important; } .m-xl-3 { margin: 1.25rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1.25rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1.25rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1.25rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1.25rem !important; } .m-xl-4 { margin: 1.875rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.875rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.875rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.875rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.875rem !important; } .m-xl-5 { margin: 3.75rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3.75rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3.75rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3.75rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3.75rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.3125rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.3125rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.3125rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.3125rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.3125rem !important; } .p-xl-2 { padding: 0.625rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.625rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.625rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.625rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.625rem !important; } .p-xl-3 { padding: 1.25rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1.25rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1.25rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1.25rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1.25rem !important; } .p-xl-4 { padding: 1.875rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.875rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.875rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.875rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.875rem !important; } .p-xl-5 { padding: 3.75rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3.75rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3.75rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3.75rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3.75rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #2196F3 !important; } a.text-primary:hover, a.text-primary:focus { color: #0c7cd5 !important; } .text-secondary { color: #777 !important; } a.text-secondary:hover, a.text-secondary:focus { color: #5e5e5e !important; } .text-success { color: #4CAF50 !important; } a.text-success:hover, a.text-success:focus { color: #3d8b40 !important; } .text-info { color: #00BCD4 !important; } a.text-info:hover, a.text-info:focus { color: #008fa1 !important; } .text-warning { color: #FF7043 !important; } a.text-warning:hover, a.text-warning:focus { color: #ff4910 !important; } .text-danger { color: #F44336 !important; } a.text-danger:hover, a.text-danger:focus { color: #ea1c0d !important; } .text-light { color: #fafafa !important; } a.text-light:hover, a.text-light:focus { color: #e1e1e1 !important; } .text-dark { color: #2a3140 !important; } a.text-dark:hover, a.text-dark:focus { color: #161921 !important; } .text-body { color: #333 !important; } .text-muted { color: #999 !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .h3, ul.pm-ul-sidelist-videos h3, ul.pm-ul-browse-videos h3, ul.pm-ul-carousel-videos h3, ul.pm-ul-browse-playlists h3, ul.pm-ul-browse-videos-list .col-md-3 h3, ul.pm-ul-browse-videos-list .col-md-4 h3, ul.pm-ul-browse-videos-list .col-md-2 h3 { font-size: 13px; font-weight: bold; line-height: 1.4em; padding: 0; margin: 4px 0 0; } .ellipsis, .thumbnail .caption h3 a, .pm-pl-header ul li a, ul.pm-pl-list li .pm-pl-list-title h3 a, .widget .pm-ul-list-categories li a, .ellipsis-line, .pm-search-suggestions ul.pm-search-suggestions-list li a, .pm-ul-browse-categories li .pm-li-category h3, .pm-ul-browse-subcategories li h3 { overflow: hidden; white-space: nowrap; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; text-overflow: ellipsis; } /*$break-320: 320px; $break-1024: 1024px; $break-1336: 1336px; @mixin respond-to($media) { @if $media == handhelds { @media only screen and (max-width: $break-320) { @content; } } @else if $media == medium-screens { @media only screen and (min-width: $break-320 + 1) and (max-width: $break-1024 - 1) { @content; } } @else if $media == wide-screens { @media only screen and (min-width: $break-1336) { @content; } } }*/ /* The HTML Basics --------------------------------------------- */ body { background-color: #e3e3e3; } A.class1 {color:#ffffff;} A.class1:link {text-decoration: none; color:#ffffff;} A.class1:visited {text-decoration: none; color:#ffffff;} A.class1:hover {text-decoration: underline; color:#ffffff;} A.class1:active {text-decoration: none; color:#ffffff;} a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; text-decoration: none; } textarea { resize: vertical; } /* comment */ .thumbnail { border: none; background-color: transparent; } .thumbnail .caption { padding: 0; color: inherit; } .form-control-feedback.hide-me, .hide-me { display: none; } .show-me { display: block; } .opac5 { opacity: .5; } .container { background: transparent; } #content { /* background-color: #FFF; */ /* box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); */ position: relative; display: block; } .video-thumb { position: relative; } .pm-video-thumb-pending img { opacity: .2; } .pm-video-rank-no { color: #FFF; font-size: 1em; font-weight: bold; position: absolute; top: 2px; right: 10px; text-shadow: 1px 1px 0 #444; z-index: 1; } .pm-video-labels { width: 100%; position: absolute; top: 2px; left: 4px; z-index: 1; } .pm-video-labels .label { font-size: 10px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.045em; padding: 2px 4px; margin: 0; background-color: #FFF; border-radius: 0; background-clip: padding-box; } .pm-video-labels .label-new { background-color: #41A62A; } .pm-video-labels .label-pop { background-color: #A62A41; } .pm-video-labels .label-featured { background-color: #333; } .pm-video-labels .label-pending { background-color: #ff9c00; } .pm-video-labels .label-watched { color: #FFF; background: rgba(0, 0, 0, 0.7); } .pm-video-labels .label-rank { background: rgba(0, 0, 0, 0.7); } .pm-label-duration { padding: 2px 4px; position: absolute; bottom: 5px; right: 5px; font-size: 10px; line-height: 1.2em; color: #FFF; background-color: rgba(0, 0, 0, 0.7); border-radius: 2px; background-clip: padding-box; z-index: 1; } .pm-watch-later, .pm-watch-later-add, .pm-watch-later-remove { position: absolute; bottom: 4px; right: 6px; display: none; z-index: 1; } .pm-video-thumb:hover .pm-watch-later-add { display: block; } .pm-video-thumb:hover .pm-label-duration { display: none; } .pm-section-head { position: relative; min-height: 1em; } .pm-section-head .form-inline, .pm-section-head .btn-group { position: absolute; right: 0; bottom: 5px; /* @include respond-to(handhelds) { position: relative; float: right; } */ } .pm-section-head .form-inline .btn:active, .pm-section-head .form-inline .btn:focus, .pm-section-head .form-inline .btn:hover, .pm-section-head .btn-group .btn:active, .pm-section-head .btn-group .btn:focus, .pm-section-head .btn-group .btn:hover { color: #555; background-color: transparent !important; } .pm-section-head .pm-yellow-marker { background-color: #FFFFCF; } li.watched { opacity: 0.6; } /* PHP Melody Sprite Images --------------------------------------------- */ .pm-vc-sprite { background-image: url("../img/pm-sprite-22.png"); background-color: transparent; background-repeat: no-repeat; display: inline-block; position: relative; } i.pm-vc-sprite { top: 3px; } i.i-report { width: 14px; height: 13px; background-position: -152px -14px; top: 2px; } i.i-vote-down { width: 13px; height: 14px; background-position: -158px -41px; top: 2px; } i.i-vote-up { width: 13px; height: 14px; background-position: -162px -66px; top: 1px; } .btn.active .i-vote-up { width: 13px; height: 14px; background-position: -158px -27px; } .btn.active .i-vote-down { width: 13px; height: 14px; background-position: -152px 0px; } .btn.active .i-report { width: 14px; height: 13px; background-position: -19px 0px; } .facebook-icon { width: 32px; height: 35px; background-position: -40px -16px; } .google-icon { width: 32px; height: 35px; background-position: -72px -16px; } .twitter-icon { width: 32px; height: 35px; background-position: -104px -16px; } .ico_rss { width: 16px; height: 16px; background-position: -104px 0px; } .ico_social_fb { width: 16px; height: 16px; background-position: -120px 0px; } .ico_social_gplus { width: 16px; height: 16px; background-position: -88px 0px; } .ico_social_lastfm { width: 16px; height: 16px; background-position: -40px 0px; } .ico_social_site { width: 16px; height: 16px; background-position: -56px 0px; } .ico_social_twitter { width: 16px; height: 16px; background-position: -72px 0px; } .arr-l { width: 10px; height: 11px; background-position: -165px 0px; } .arr-r { width: 10px; height: 11px; background-position: -162px -55px; } /*soon*/ .arr-d { width: 22px; height: 22px; background-position: -136px -32px; } .no-thumbnail { width: 162px; height: 121px; background-position: 0px -55px; } .light_bulb { width: 16px; height: 16px; background-position: -136px -16px; } .light_bulb_off { width: 16px; height: 16px; background-position: -136px 0px; } .arr-subcat { width: 19px; height: 12px; background-position: 0px 0px; } /*-----------------------------------------------------------------------------------*/ /* 2.BootStrap Elements Redesigned for PHP Melody (modal, pagination, badges, etc.) /*-----------------------------------------------------------------------------------*/ #content { padding-top: 30px; padding-bottom: 30px; } #content .container-fluid { padding-right: 22px !important; padding-left: 22px !important; margin-right: auto; margin-left: auto; } .tooltip, .tooltip-inner { z-index: 1000; padding: 6px 8px; font-size: 12px; } .tooltip > .tooltip-inner { -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .fa.fa-question-circle { opacity: 0.7; color: #505961; } .fa.fa-question-circle:hover { opacity: 1; } .btn-link:hover { text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.125); box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.125); } .btn { font-weight: bold !important; } /* Form Changes */ input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus { outline: thin dotted; outline: 0; outline-offset: 0; } input.has-error { border-color: #A94442; } label.has-error { color: #A94442; font-size: 12px; } .form-control, .bootstrap-tagsinput { display: block; width: 100%; padding: 3px 7px; font-size: 14px; line-height: 1.42857143; color: #888; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; border-radius: 4px; background-clip: padding-box; } .form-control:focus, .bootstrap-tagsinput:focus { border-color: #66afe9; box-shadow: none; -webkit-box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.3); outline: 0; } .bootstrap-tagsinput { height: 34px; } .navbar-collapse { padding-left: 0; } .nav-pills li a:focus { color: inherit; background-color: transparent !important; outline: 0; } /* Hack for Dropdown Sub-menu */ .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; border-radius: 0; background-clip: padding-box; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -7px; } .dropdown-submenu:hover > a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; border-radius: 0; background-clip: padding-box; } /* Bootstrap tags.js */ .bootstrap-tagsinput { display: inline-block; padding: 4px 6px 6px; color: #ffe700; vertical-align: middle; border-radius: 4px; max-width: inherit; line-height: 22px; } .bootstrap-tagsinput input { border: none; -webkit-box-shadow: none; box-shadow: none; outline: none; background-color: transparent; padding: 0; margin: 0; width: auto !important; max-width: inherit; } .bootstrap-tagsinput input:focus { border: none; -webkit-box-shadow: none; box-shadow: none; } .bootstrap-tagsinput .tag { margin-right: 2px; padding: 4px 6px; color: white; } .bootstrap-tagsinput .tag.label-info { background-color: #aaa; } .bootstrap-tagsinput .tag[data-role="remove"] { margin-left: 8px; cursor: pointer; } .bootstrap-tagsinput .tag[data-role="remove"]:after { content: "x"; padding: 0px 2px; } .bootstrap-tagsinput .tag[data-role="remove"]:hover { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .bootstrap-tagsinput .tag[data-role="remove"]:hover:active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .modal { overflow-y: auto; } .modal-open { overflow: auto; } .modal-header .close { top: 2px; margin-top: 2px; } li.list-group-item a { display: block; } .scrollable-menu { height: auto; max-height: 300px; overflow-x: hidden; font-size: 12px; } .scrollable-menu .ul-sub-menu { list-style-type: none; padding-left: 20px; } .scrollable-menu .ul-sub-menu li { list-style-type: none; } .scrollable-menu .ul-sub-menu li a { color: #595959; padding: 3px 10px; } .scrollable-menu .ul-sub-menu li a:hover { color: #262626; } .scrollable-menu option { padding: 2px 20px; } .scrollable-menu::-webkit-scrollbar { -webkit-appearance: none; width: 4px; } .scrollable-menu::-webkit-scrollbar-thumb { border-radius: 3px; background-color: lightgray; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); } /*-----------------------------------------------------------------------------------*/ /* 3.Header (Navigation, Search, etc.) /*-----------------------------------------------------------------------------------*/ /* Search Form --------------------------------------------- */ form#search { margin-top: 20px; } /* Search Suggestions Dropdown */ .pm-search-suggestions { position: relative; } .pm-search-suggestions ul.pm-search-suggestions-list { position: absolute; top: 0; left: 0; background-color: #FFF; border: 1px solid #ddd; -webkit-box-shadow: 0 1px 2px #999; box-shadow: 0 1px 2px #999; z-index: 100; } .pm-search-suggestions ul.pm-search-suggestions-list li { padding: 0; margin: 0; clear: both; } .pm-search-suggestions ul.pm-search-suggestions-list li:hover { background-color: #eee; } .pm-search-suggestions ul.pm-search-suggestions-list li a.selected { color: #000 !important; background-color: #EEE; font-weight: bold; } .pm-search-suggestions ul.pm-search-suggestions-list li.selected a { background-color: #EEE; } .pm-search-suggestions ul.pm-search-suggestions-list li.selected a.selected { color: #000 !important; } .pm-search-suggestions ul.pm-search-suggestions-list li .pm-sl-thumb { height: 35px; max-height: 35px; margin-right: 10px; float: left; } .pm-search-suggestions ul.pm-search-suggestions-list li a { padding: 6px 14px; font-size: 12px; display: block; float: left; width: 100%; } /*-----------------------------------------------------------------------------------*/ /* 4.Index page (Featured, New Videos, etc.) /*-----------------------------------------------------------------------------------*/ /* Featured Videos Listing * Usage: Homepage Widget --------------------------------------------- */ .header-groen{background-color: #069106;} #pm-featured { position: relative; margin: 0; padding: 0 15px; } #pm-featured .row-featured { position: relative; background-color: #069106; } .pm-featured-highlight { margin: 0; padding: 0; display: inline-block; position: absolute; height: 100%; width: 50%; overflow: hidden; text-decoration: none; } .pm-featured-highlight:hover { text-decoration: none; } .pm-featured-highlight:hover .play-button { opacity: 1.0; } .pm-featured-highlight a { color: #FFF; } .pm-featured-highlight img { position: absolute; height: 100%; background-size: 100% 100%; background-size: cover; } .pm-featured-highlight .play-button { position: absolute; top: 38%; left: 45%; background: url(../img/pm-social-watermark-48.png) center center no-repeat; z-index: 100; display: block; width: 48px; height: 48px; opacity: .7; } .pm-featured-highlight .pm-featured-highlight-title { display: block; position: absolute; bottom: 0; padding: 0 10px; z-index: 100; background: #361919; /* Fall-back for browsers that don't support rgba */ background: rgba(54, 25, 25, 0.5); width: 100%; } .pm-featured-highlight .pm-featured-highlight-title h3 { color: #FFF; font-size: 16px; line-height: 1.2em; padding: 0 6px; margin: 10px 0; } .pm-featured-highlight .pm-featured-highlight-title h3 a { color: #FFF; } .pm-featured-sidelist { margin: 0; padding: 0 6px; width: 50%; display: inline-block; float: right; height: 220px; overflow: hidden; overflow-y: scroll; } .pm-featured-sidelist a { color: #FFF; } .pm-featured-sidelist::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 9, 0, 0.3); background-color: #F5F5F5; } .pm-featured-sidelist::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; } .pm-featured-sidelist::-webkit-scrollbar-thumb { background-color: #777777; } .pm-featured-sidelist ul { padding: 2px 0; margin: 0; list-style-type: none; } .pm-featured-sidelist ul li { display: block; margin: 2px 0; padding-left: 6px; position: relative; border-bottom: 1px solid #444; } .pm-featured-sidelist ul li h3 { font-size: 13px; line-height: 1.3em; min-width: 45%; display: inline-block; position: absolute; top: 6px; margin: 0; overflow: hidden !important; word-wrap: break-word; width: 60%; } /* Article List * Usage: Homepage Widget --------------------------------------------- */ .pm-sidebar-articles { margin-top: 16px; } .pm-sidebar-articles li.media { font-family: 'Roboto', Arial, Helvetica, sans-serif; background-color: #ffffff; } .pm-sidebar-articles li.media .media-object { padding: 2px; border: 1px solid #eee; } .pm-sidebar-articles li.media .media-heading { padding: 0; } .pm-sidebar-articles li.media span { font-size: 13px; line-height: 1.2em; } /* Categories List * Type: Widget --------------------------------------------- */ .pm-ul-list-categories li { padding: 0; margin: 0; } .pm-ul-list-categories li a { padding: 6px 0; display: block; width: 100; } .pm-ul-list-categories li a:hover { background-color: #EEE; } .pm-ul-list-categories li.dropdown-submenu a.dropdown-submenu:after { display: none; background-image: none; content: none; border: none; } .pm-ul-list-categories li.dropdown-submenu ul.dropdown-menu { display: none; } /*-----------------------------------------------------------------------------------*/ /* 5.Video Pages /*-----------------------------------------------------------------------------------*/ #content-main { display: block; } #content-main .row, #content-main .col-md-12, #content-main.container-fluid { margin: 0; padding: 0; position: relative; } .pm-restricted-item { color: #333; padding: 20px 40px; background-color: #d9d9d9; } .pm-restricted-item h2 { color: #111; } .pm-restricted-item a { color: #333 !important; } .pm-restricted-item a:visited { color: #333 !important; } .pm-restricted-item .pm-restricted-login-form { width: 50%; } .pm-video-watch-featured #Playerholder { width: 100%; } .pm-video-watch-featured #Playerholder * { /*box-sizing:initial;*/ } .pm-video-watch-featured #Playerholder *.jwplayer { -webkit-box-sizing: inherit !important; box-sizing: inherit !important; } .pm-video-watch-main { position: relative; float: left !important; display: block; } .pm-video-watch-main .pm-video-heading .col-md-9, .pm-video-watch-main .pm-video-heading .col-md-3 { padding: 0; margin: 0; } .pm-video-watch-main .pm-video-heading h1, .pm-video-watch-main .pm-video-heading .pm-video-watch-featured h2 a, .pm-video-watch-featured h2 .pm-video-watch-main .pm-video-heading a { padding: 0; margin: 0; } .pm-video-watch-main .pm-video-heading .pm-video-adjust { text-align: right; float: right; } .pm-video-watch-sidebar { float: right !important; display: block; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; margin-bottom: 20px; } .pm-video-watch-sidebar .widget { display: block; position: relative; } .pm-video-watch-sidebar-normal { top: 0; } #pm-related { position: relative; } #pm-related.pm-related-with-autoplay { position: relative; } /**/ .pm-autoplay-select { display: block; width: 120px; position: absolute; top: 0px; right: 7px; } .pm-autoplay-select .pm-autoplay-info { position: absolute; font-size: 12px; font-weight: bold; color: #777; padding: 2px 0; } .pm-autoplay-select .pm-autoplay-switch { position: relative; width: 42px; margin-left: 76px; margin-top: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .pm-autoplay-select .pm-autoplay-switch .autoplayonoff-checkbox { display: none; } .pm-autoplay-select .pm-autoplay-switch .autoplayonoff-label { display: block; overflow: hidden; cursor: pointer; border-radius: 50px; } .pm-autoplay-select .pm-autoplay-switch .autoplayonoff-inner { display: block; width: 200%; margin-left: -100%; -webkit-transition: margin 0.10s ease-in 0s; transition: margin 0.10s ease-in 0s; } .pm-autoplay-select .pm-autoplay-switch .autoplayonoff-inner:before, .pm-autoplay-select .pm-autoplay-switch .autoplayonoff-inner:after { display: block; float: left; width: 50%; height: 15px; padding: 0; line-height: 15px; font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -webkit-box-sizing: border-box; box-sizing: border-box; } .pm-autoplay-select .pm-autoplay-switch .autoplayonoff-inner:before { content: "on"; padding-left: 5px; background-color: #67AD37; color: #FFF; } .pm-autoplay-select .pm-autoplay-switch .autoplayonoff-inner:after { content: ""; padding-right: 3px; background-color: #B8B8B8; color: #FFFFFF; text-align: right; } .pm-autoplay-select .pm-autoplay-switch .autoplayonoff-switch { display: block; width: 14px; margin: 2px; background: #fafafa; position: absolute; top: 0; bottom: 0; right: 24px; border: 2px solid #FFF; border-radius: 50px; -webkit-transition: all 0.10s ease-in 0s; transition: all 0.10s ease-in 0s; } .pm-autoplay-select .pm-autoplay-switch .autoplayonoff-checkbox:checked + .autoplayonoff-label .autoplayonoff-inner { margin-left: 0; } .pm-autoplay-select .pm-autoplay-switch .autoplayonoff-checkbox:checked + .autoplayonoff-label .autoplayonoff-switch { right: 0px; background-color: #FFF; } /**/ .pm-pro-social-links { padding: 0; margin: 0; } .pm-pro-social-links li { color: #666; padding: 3px 0; font-size: 13px; font-weight: bold; } .pm-pro-social-links li i { width: 25px; font-size: 16px; color: #888; } .pm-pro-social-links li a { color: #2092BF; } /* Emoji */ .emojione { font-size: inherit; height: 3ex; width: 3.1ex; min-height: 20px; min-width: 20px; display: inline-block; margin: -.2ex .15em .2ex; line-height: normal; vertical-align: middle; } img.emojione { width: auto; } #Playerholder { min-height: 401px; display: block; } #player { padding: 0; background-color: transparent; /*padding-bottom: 20px;*/ /* &.watch-small { padding: auto 15px; margin:0; float: left; } &.watch-large { width: 100%; height: 540px; #Playerholder, #video-wrapper video, #video-wrapper object, #video-wrapper embed, #video-wrapper iframe, #video-wrapper .video-js, #video-wrapper .jwplayer { width: 100%; @include respond-to(wide-screens) { height: 520px !important; } } } &.watch-with-playlist { #preroll_placeholder { overflow:scroll; max-height: 401px; } } */ /* #video-wrapper video, #video-wrapper object, #video-wrapper embed, #video-wrapper iframe, #video-wrapper .video-js, #video-wrapper .jwplayer { width: 100%; padding:0; margin:0; display: block; height:100% !important; }*/ } @media only screen and (min-width: 320px) and (max-width: 1023px) { #player { width: 100%; height: auto; } } .pm-video-tags { font-size: 12px; margin: 10px 0; color: #FFF; } .readmore-js-collapsed, .readmore-js-expanded { border-bottom: 1px solid #eee; } .readmore-js-collapsed { -webkit-box-shadow: inset 0 -10px 2px #f3f3f3; box-shadow: inset 0 -10px 2px #f3f3f3; } a.readmore-js-toggle { text-align: center; display: block; font-weight: bold; font-size: 14px; background: #fafafa; width: 80px; padding: 2px 6px; margin: 0 auto; border: 1px solid #ddd; border-top: 1px solid transparent; } a.readmore-js-toggle:hover { -webkit-box-shadow: 0 1px 2px #ddd; box-shadow: 0 1px 2px #ddd; background-color: #f3f3f3; } /* modals styling */ .pm-modal-share h5 { font-size: 1.6em; font-weight: bold; } .pm-modal-share h6 { font-size: 14px; font-weight: bold; } .pm-modal-share textarea { height: 34px !important; } .pm-modal-share span.input-group-addon { cursor: pointer; } .pm-modal-share .pm-modal-video-info { margin-top: 10px; } .pm-modal-share .pm-modal-video-info p { font-size: .8em; padding: 10px 0; color: #888; } /*.row.pm-video-control { display: block; form { padding: 0; margin: 0; display: inline; } .btn i { opacity: 0.6; } .btn:hover i { opacity: 0.8; } } */ #pm-vc-share-content .panel-1, #pm-vc-share-content .panel-3 { width: 33.333333%; float: left; } .pm-user-header { margin: 10px 0 !important; padding: 0 !important; } .pm-user-header .pm-verified-user { /* position: absolute; top: auto; right: 0; bottom: 6px;*/ } .pm-user-header .pm-verified-user img { height: 12px; width: 12px; margin: 0; padding: 0; } .pm-user-header .col-md-1 { padding-left: 0; } .pm-user-header .col-md-3 { padding-right: 0; } .pm-user-header .pm-video-posting-info { margin: 0; padding: 0; margin-top: 2px; margin-left: -22px; } .pm-user-header .pm-video-posting-info .author { font-size: 14px; font-weight: bold; } .pm-user-header .pm-video-posting-info .author a { color: #333; } .pm-user-header .pm-video-posting-info .author a:hover { color: #1c5dff; } .pm-user-header .pm-video-posting-info .publish-date { font-size: 11px; color: #888; } @media only screen and (max-width: 464px) { .pm-user-header .pm-video-posting-info { font-size: 11px; } } .pm-user-header .btn-follow, .pm-user-header .btn-unfollow { margin-top: 4px; } .pm-user-header .pm-video-views { text-align: right; display: block; float: right; color: #626262; padding: 0; } .pm-user-header .pm-video-views strong { font-weight: normal; font-size: 1.9em; display: block; line-height: 1em; } .pm-user-header .pm-video-views small { font-size: 12px; text-transform: lowercase; } .pm-user-header .progress { height: 2px; margin: 0; padding: 0; } .pm-user-header .progress .progress-bar.progress-bar-success { background-color: #acc95e; } .pm-user-header .progress .progress-bar.progress-bar-danger { background-image: -webkit-gradient(linear, left top, left bottom, from(linear), color-stop(#ff8162), to(#eb613f)); background-image: linear-gradient(linear, #ff8162, #eb613f); } .pm-video-main-methods { padding: 0; margin: 0; } .pm-video-main-methods li { padding: 0; margin: 0; } .pm-video-main-methods li a { border-radius: 0px; background-clip: padding-box; background-color: transparent; font-weight: bold; } .pm-video-main-methods li a:hover { background-color: transparent; } .pm-video-sharing-methods { padding: 0; margin: 0; } .pm-video-sharing-methods li { padding: 0; margin: 0; } .pm-video-sharing-methods li a { border-radius: 0px; background-clip: padding-box; background-color: transparent; font-weight: bold; } .pm-video-sharing-methods li a:hover { background-color: transparent; } .pm-video-sharing-methods li a:active, .pm-video-sharing-methods li a.active { border-bottom: 2px solid #000; background-color: transparent; outline: none; } .pm-video-main-panels li { padding: 14px 0; } /* Add to playlist list */ .pm-playlist-items li.list-group-item { padding: 0; font-size: 12px; } .pm-playlist-items li.list-group-item a { padding: 10px 15px; position: relative; } .pm-playlist-items li.list-group-item.pm-playlist-item-selected { background-color: #f1f1f1; color: #3583CC; } .pm-playlist-items li.list-group-item.pm-playlist-item-selected a { color: #3583CC; } .pm-playlist-items li:hover { background-color: #e5e5e5; } .pm-playlist-items li .pm-playlists-name { white-space: nowrap; width: 50%; display: inline-block; font-weight: bold; } .pm-playlist-items li .pm-playlists-video-count { width: 15%; display: inline-block; font-weight: normal; border-radius: 0; background-clip: padding-box; } .pm-playlist-items li .pm-playlist-visibility { width: 15%; display: inline-block; } .pm-playlist-items li .pm-playlist-response { display: inline-block; float: right; } /* Playlist * Usage: Sidebar Playlist --------------------------------------------- */ .pm-playlist-bg { display: block; background-color: #222; width: 96%; height: 401px; position: absolute; top: 0; left: 15px; } .pm-sidebar-playlist { position: relative; margin: 0; padding: 0; padding-left: 0px; padding-right: -20px; width: 100%; display: block; float: right; position: relative; background-color: #222; height: 401px; overflow-y: hidden; margin-bottom: 20px; } .pm-playlist-header { padding: 10px 16px; border-bottom: 1px solid #333; margin: 0; } .pm-playlist-name a { color: #FFF; font-size: 14px; } .pm-playlist-data, .pm-playlist-creator a { color: #aaa; font-size: 12px; } .pm-playlist-video-count { text-transform: lowercase; } .pm-playlist-controls { padding: 10px 16px; text-align: right; } .pm-playlist-controls a { color: #aaa; } .pm-playlist-controls a:hover { color: #fff; } .pm-playlist-controls i { margin-left: 8px; } .pm-playlist-controls i:hover { opacity: 1.0; } .pm-video-playlist { width: 100%; height: 343px; display: block; overflow-x: hidden; overflow-y: auto; position: relative; } .pm-video-playlist .pm-video-li-thumb-info { font-size: 9px; } .pm-video-playlist .pm-video-index { display: block; width: 18px; height: 100%; float: left; color: #ddd; font-size: 10px; text-align: center; vertical-align: middle; padding: 14px 5px 0 0; } .pm-video-playlist ul li { display: block; position: relative; width: 100%; padding: 6px; margin: 0; } .pm-video-playlist ul li a { color: #ddd; font-weight: normal; } .pm-video-playlist ul li a:hover { color: #ddd; text-decoration: none; } .pm-video-playlist ul li a.pm-video-playlist-href { position: absolute; display: block; width: 100%; height: 100%; } .pm-video-playlist ul li .pm-video-thumb { display: block; float: left; position: relative; display: inline-block; border: 1px solid transparent; margin-right: 10px; } .pm-video-playlist ul li h3 { float: left; display: block; font-size: 12px; line-height: 1.25em; width: 55%; overflow: hidden; padding: 0; margin: 0; } .pm-video-playlist ul li .pm-video-playlist-remove { display: none; position: absolute; top: 3px; right: 20px; font-size: 18px; font-weight: bold; border: 0px solid #fc0; } .pm-video-playlist ul li:after { content: ""; display: table; clear: both; } .pm-video-playlist ul li:hover { background-color: #525252; } .pm-video-playlist ul li:hover .pm-video-playlist-remove { display: block; } li.pm-video-playlist-playing, li.pm-video-playlist-playing:hover { background-color: #3A3A3A; } li.pm-video-playlist-playing .pm-video-index { color: #FFF; } li.pm-video-playlist-playing a { color: #FFF; font-weight: bold; } /*-----------------------------------------------------------------------------------*/ /* 6.Articles & Pages /*-----------------------------------------------------------------------------------*/ .post img[style*="float: left"] { margin: 2px 8px 2px 0 !important; } .post img[style*="float: right"] { margin: 2px 0 2px 8px !important; } a[rel*="prettyPhoto"] img[style*="float: left"] { margin: 2px 8px 2px 0 !important; } a[rel*="prettyPhoto"] img[style*="float: right"] { margin: 2px 0 2px 8px !important; } /* Article Browsing Pages */ .pm-category-description { clear: both; display: table; width: 100%; margin: 20px 0; } ul.pm-ul-browse-articles li article.post img, ul.pm-ul-browse-articles li article.post iframe { max-width: 100%; height: auto; } /* Article Page */ article.post header { padding: 0 0 12px; } article.post header h3 { font-size: 20px; } article.post .entry-meta { font-size: 11px; text-transform: uppercase; } article.post .entry-meta a { color: #777; } article.post .entry-meta a:hover { color: #444; } article.post .entry-meta span { padding-right: 8px; } article.post .entry-meta .entry-category a { padding-left: 8px; } .entry-tags { margin-bottom: 20px; } .entry-tags a { background-color: #888; border-radius: 0 2px 2px 0; color: #fff; display: inline-block; font-size: 11px; font-weight: 700; line-height: 1.2727272727; margin: 2px 4px 2px 10px; padding: 3px 7px; position: relative; text-transform: uppercase; } .entry-tags a:hover { background-color: #4C9ED9; color: #fff; text-decoration: none; } .entry-tags a:before { border-top: 10px solid transparent; border-right: 8px solid #888; border-bottom: 10px solid transparent; content: ""; height: 0; position: absolute; top: 0; left: -8px; width: 0; } .entry-tags a:hover:before { border-right-color: #4C9ED9; } .entry-tags a:after { background-color: #fff; border-radius: 50%; content: ""; height: 4px; position: absolute; top: 8px; left: -2px; width: 4px; } /* Pages --------------------------------------------- */ /*-----------------------------------------------------------------------------------*/ /* 7.Listings (Top/New Videos, Regular Browsing, Search Results, etc.) /*-----------------------------------------------------------------------------------*/ /* Sidelist videos * Usage: Top videos, Featured videos (Homepage) --------------------------------------------- */ ul.pm-ul-sidelist-videos { padding: 0; margin: 0; } @media only screen and (min-width: 320px) and (max-width: 1023px) { ul.pm-ul-sidelist-videos { max-height: 272.58px; overflow-y: auto; -webkit-box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.2); border-radius: 3px; background-clip: padding-box; padding: 10px; } } @media only screen and (max-width: 464px) { ul.pm-ul-sidelist-videos { max-height: 272.58px; overflow: scroll; -webkit-box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.2); border-radius: 3px; background-clip: padding-box; padding: 10px; } } ul.pm-ul-sidelist-videos li { padding: 0; margin: 0; margin-bottom: 8px; width: 100%; clear: both; height: 70.8px; } ul.pm-ul-sidelist-videos .pm-video-thumb { position: relative; display: block; float: left; width: 30%; } ul.pm-ul-sidelist-videos .pm-video-thumb img { max-height: 59px; width: 100%; } @media only screen and (min-width: 320px) and (max-width: 1023px) { ul.pm-ul-sidelist-videos .pm-video-thumb img { max-height: 70.8px; } } @media only screen and (max-width: 464px) { ul.pm-ul-sidelist-videos .pm-video-thumb img { max-height: 70.8px; } } ul.pm-ul-sidelist-videos h3 { display: block; float: left; width: 70%; margin: 0; padding: 0; padding-left: 10px; } ul.pm-ul-sidelist-videos .pm-video-meta { font-size: 11px; display: inline-block; clear: both; padding: 0; margin: 0; padding-left: 10px; } ul.pm-ul-sidelist-videos .pm-video-meta a { color: inherit; } /* Default Video Listing * Usage: On all video listing pages: * Home, Top, New, Tag, Search, etc. --------------------------------------------- */ ul.pm-ul-browse-videos { /* padding:0; margin:0; overflow: hidden; li { max-width: 234px; height: 200px; position: relative; overflow: hidden; padding:0; margin:0 6px 8px 0; font-size: 11px; } */ } ul.pm-ul-browse-videos li { margin-bottom: 10px; padding: 3px !important; } ul.pm-ul-browse-videos li:hover .btn-edit-video { /*Animation*/ opacity: 1.0; -webkit-animation-name: zoomIn; animation-name: zoomIn; } ul.pm-ul-browse-videos li .btn-edit-video { position: absolute; top: 4px; right: 4px; color: #FFF; background-color: #ea4335; background-image: none; text-shadow: none; font-size: 12px; line-height: 1em; margin: 0; padding: 4px 6px; /*Animation*/ opacity: 0; z-index: 10; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; border-radius: 2px; background-clip: padding-box; } @media only screen and (max-width: 464px) { ul.pm-ul-browse-videos li .btn-edit-video { opacity: .8; } } ul.pm-ul-browse-videos .pm-video-thumb { display: block; width: 100%; position: relative; height: 0; padding: 56.25% 0 0 0; overflow: hidden; background-color: #fafafa; } ul.pm-ul-browse-videos img { /* width: $thumb-stacked-width; height: $thumb-stacked-height; max-height: $thumb-stacked-height; */ position: absolute; display: block; max-width: 100%; max-height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100% !important; height: 100% !important; } ul.pm-ul-browse-videos .thumbnail { border-radius: 0px; background-clip: padding-box; display: block; margin-bottom: 20px; line-height: 1.42857; border: none; background-color: transparent; width: 100%; height: 0; padding-bottom: 75%; } ul.pm-ul-browse-videos .pm-video-meta { font-size: 12px; } ul.pm-ul-browse-videos .pm-video-meta .pm-video-author { margin-right: 5px; color: #888; } ul.pm-ul-browse-videos .pm-video-meta .pm-video-author a { color: #888; } ul.pm-ul-browse-videos .pm-video-meta .pm-video-since { color: #666; } ul.pm-ul-browse-videos .pm-video-desc { display: none; } ul.pm-ul-browse-videos .pm-video-pending .pm-video-thumb img.img-responsive { opacity: 0.3; } ul.pm-ul-browse-videos .pm-video-pending .pm-video-li-thumb-info { opacity: 1.0; top: 0; left: 0; } ul.pm-ul-browse-videos .pm-video-pending .pm-video-li-thumb-info .label-pending { opacity: 1.0; position: absolute; left: 0; top: 0; width: 100%; color: #333; padding: 5px 0; z-index: 10; } ul.pm-ul-browse-videos .thumbnail_watch_all { padding: 22%; background-color: #bad0ff; text-align: center; border-radius: 4px; background-clip: padding-box; } /* Horizontal Carousel for Video Listings * Usage: Currently on homepage --------------------------------------------- */ ul.pm-ul-carousel-videos { /*direction: ltr;*/ margin: 0; padding: 0; width: 100%; /*left: -5px;*/ /*FIX: align (thumbnail) with heading text - no longer req. with */ } ul.pm-ul-carousel-videos li { max-height: auto; vertical-align: top; max-width: 252px; padding: 0; } ul.pm-ul-carousel-videos li .thumbnail { min-height: 170px; display: block; margin-bottom: 20px; line-height: 1.42857; border: none; background-color: transparent; width: 100%; height: 0; padding-bottom: 75%; border-radius: 0px; background-clip: padding-box; } @media only screen and (max-width: 464px) { ul.pm-ul-carousel-videos li .thumbnail { min-height: 128px; } } ul.pm-ul-carousel-videos li .pm-video-thumb { display: block; width: 100%; position: relative; height: 0; padding: 56.25% 0 0 0; overflow: hidden; background-color: #fafafa; } ul.pm-ul-carousel-videos li img { /* width: $thumb-stacked-width; height: $thumb-stacked-height; max-height: $thumb-stacked-height; */ position: absolute; display: block; max-width: 100%; max-height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } ul.pm-ul-carousel-videos .pm-video-meta { color: #777; font-size: 12px; } ul.pm-ul-carousel-videos .pm-video-meta .pm-video-author { margin-right: 5px; color: #888; } ul.pm-ul-carousel-videos .pm-video-meta .pm-video-author a { color: #888; } ul.pm-ul-carousel-videos .pm-video-meta .pm-video-views { display: inline; margin-left: 5px; text-transform: lowercase; } /*-----------------------------------------------------------------------------------*/ /* 8.User Profile/Channel /*-----------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* 9.Playlists /*-----------------------------------------------------------------------------------*/ /* List of Playlists * Usage: On user's profile page --------------------------------------------- */ ul.pm-ul-browse-playlists img { width: 100%; max-height: 140px; border-radius: 3px; background-clip: padding-box; } ul.pm-ul-browse-playlists .thumbnail { border-radius: 0px; background-clip: padding-box; display: block; padding: 0px; margin-bottom: 20px; line-height: 1.42857; position: relative; overflow: hidden; min-height: 180px; border-radius: 3px; background-clip: padding-box; } ul.pm-ul-browse-playlists .thumbnail .pm-pl-count { font-size: 12px; position: absolute; bottom: 0; color: #FFF; padding: 6px 0; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5); text-transform: uppercase; text-align: center; width: 100%; } ul.pm-ul-browse-playlists .thumbnail .pm-pl-items { font-weight: bold; } ul.pm-ul-browse-playlists .thumbnail .pm-video-thumb { overflow: hidden; position: relative; } ul.pm-ul-browse-playlists .thumbnail .pm-video-thumb a.thumbnail-overlay { display: none; } ul.pm-ul-browse-playlists .thumbnail .pm-video-thumb:hover a.thumbnail-overlay { display: block; position: absolute; top: 0; left: 0; color: #FFF; font-size: 16px; font-weight: bold; width: 100%; height: 100%; padding: 22% 0; text-align: center; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7); text-decoration: none; } ul.pm-ul-browse-playlists .pm-video-meta { font-size: 12px; } ul.pm-ul-browse-playlists .pm-video-meta .pm-video-author { margin-right: 5px; color: #888; } ul.pm-ul-browse-playlists .pm-video-meta .pm-video-author a { color: #888; } ul.pm-ul-browse-playlists .pm-video-meta .pm-video-since { color: #666; } ul.pm-ul-browse-playlists .pm-video-meta .pm-video-views { display: inline; color: #777; margin-left: 5px; text-transform: lowercase; } /* Playlist edit/view * Usage: On user's playlist page --------------------------------------------- */ /* Playlist Header */ .pm-playlist-edit { /*??*/ } .pm-pl-header { margin-bottom: 20px; } .pm-pl-header .pm-pl-thumb { overflow: hidden; display: block; position: relative; } .pm-pl-header .pm-pl-thumb img { max-height: 153px; width: 100%; } .pm-pl-header .pm-pl-thumb .thumbnail-overlay { display: none; } .pm-pl-header .pm-pl-thumb:hover .thumbnail-overlay { display: block; position: absolute; top: 0; left: 0; color: #FFF; font-size: 16px; font-weight: bold; width: 100%; max-height: 100%; padding: 25% 0; text-align: center; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7); text-decoration: none; } .pm-pl-header .pm-pl-header-title h3 { display: inline; overflow: hidden; white-space: nowrap; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; text-overflow: ellipsis; } .pm-pl-header .pm-pl-status-icon { display: inline; } /* Playlist Items */ ul.pm-pl-list li:last-child { border-bottom: none; } ul.pm-pl-list li { border-bottom: 1px solid #e8e8e8; position: relative; padding: 8px 0; } .pm-pl-list-index, .pm-pl-list-thumb, .pm-pl-list-title, .pm-pl-list-author, .pm-pl-list-action { display: inline-block; clear: both; vertical-align: middle; } .pm-pl-list-index { display: block; height: 100%; float: left; color: #777; font-size: 10px; text-align: center; vertical-align: middle; padding-top: 12px; width: 20px; overflow: hidden; } .pm-pl-list-thumb { width: 90px; } .pm-pl-list-thumb img { max-width: 70px; max-height: 40px; width: 70px; height: 40px; } .pm-pl-list-title { width: 60%; } .pm-pl-list-author { width: 16%; } .pm-pl-list-author a { color: #999; } .pm-pl-list-action { padding: 0; right: 0; text-align: right; display: none; width: 10%; } .pm-pl-list-action i { padding: 0; margin: 0; line-height: 1em; } ul.pm-pl-list li:hover .pm-pl-list-action { display: inline-block; } ul.pm-pl-list li:hover a { color: #2793E6; } ul.pm-pl-list li p { text-align: center; } /* Profile Page Elements */ /* .pm-channel { border: 1px solid #ddd; margin: 0 0 30px 0; @include border-radius(4px); .pm-channel-header { position: relative; } .pm-channel-cover { display: block; background: #eee; height: 80px; @include border-radius(4px 4px 0 0); } .pm-channel-profile-pic { width: 80px; max-width: 80px; max-height: 80px; position: absolute; top: 20px; left: 20px; img { border: 1px solid #ddd; @include border-radius(4px); } } .pm-channel-body { padding: 20px; display: block; position: relative; h3 { font-size: 14px; vertical-align: baseline; padding:0 } .pm-channel-stats { color: $gray-light; font-size: 11px; padding: 4px 0; } .pm-channel-desc { padding: 0 0 10px; font-size: 12px; } .pm-channel-buttons { } } } */ .pm-channel:hover { -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); } .pm-profile { background-color: #fafafa; } .pm-profile:hover .pm-profile-avatar-edit, .pm-profile:hover .pm-profile-cover-edit { display: block; opacity: 1.0; -webkit-transition: opacity .8s ease; transition: opacity .8s ease; } .pm-profile .pm-profile-header { position: relative; display: block; } .pm-profile .pm-profile-header .pm-profile-cover { display: block; background-size: cover; max-height: 290px; height: 200px; overflow-x: hidden; } @media only screen and (max-width: 464px) { .pm-profile .pm-profile-header .pm-profile-cover { height: 110px; max-height: 220px; } } @media only screen and (min-width: 320px) and (max-width: 1023px) { .pm-profile .pm-profile-header .pm-profile-cover { height: 100%; max-height: 220px; } } .pm-profile .pm-profile-header .pm-profile-cover .img-channel-cover { width: 100%; } @media only screen and (max-width: 464px) { .pm-profile .pm-profile-header .pm-profile-cover .img-channel-cover { height: 100%; max-height: 100%; } } @media only screen and (min-width: 320px) and (max-width: 1023px) { .pm-profile .pm-profile-header .pm-profile-cover .img-channel-cover { height: 100%; max-height: 100%; } } .pm-profile .pm-profile-header .pm-profile-cover .pm-profile-avatar-pic { width: 120px; max-width: 120px; max-height: 120px; position: absolute; bottom: -80px; left: 20px; z-index: 1; padding: 0; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.07); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.07); border-radius: 4px; background-clip: padding-box; /* .cropit-image-preview { width: $channel-avatar-width; height: $channel-avatar-height; max-width: $channel-avatar-width; max-height: $channel-avatar-height; }*/ } .pm-profile .pm-profile-header .pm-profile-cover .pm-profile-avatar-pic img { border: 4px solid #FFF; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); background-clip: padding-box; border-radius: 4px; background-clip: padding-box; } .pm-profile .pm-profile-header .pm-profile-cover .pm-profile-user-info { background: rgba(0, 0, 0, 0.6); display: block; height: 50px; padding-left: 160px; position: absolute; bottom: 0; width: 100%; } .pm-profile .pm-profile-header .pm-profile-cover .pm-profile-user-info h1, .pm-profile .pm-profile-header .pm-profile-cover .pm-profile-user-info .pm-video-watch-featured h2 a, .pm-video-watch-featured h2 .pm-profile .pm-profile-header .pm-profile-cover .pm-profile-user-info a { padding: 0; margin: 0; margin-top: 10px; color: #FFF; font-size: 2em; } @media only screen and (max-width: 464px) { .pm-profile .pm-profile-header .pm-profile-cover .pm-profile-user-info h1, .pm-profile .pm-profile-header .pm-profile-cover .pm-profile-user-info .pm-video-watch-featured h2 a, .pm-video-watch-featured h2 .pm-profile .pm-profile-header .pm-profile-cover .pm-profile-user-info a { font-size: 1.2em; margin-top: 20px; } } .pm-profile .pm-profile-header .pm-profile-cover .pm-profile-user-info .pm-profile-buttons { position: absolute; right: 20px; bottom: 10px; } .pm-profile .pm-profile-header .pm-profile-cover .pm-profile-user-info .label { font-weight: 100; font-size: 11px; vertical-align: middle; background-color: transparent; border: 1px solid #FFF; color: #FFF; } .pm-profile .pm-profile-header .pm-profile-cover .pm-profile-user-info .label:hover { background-color: rgba(0, 0, 0, 0.5); cursor: default; } .pm-profile .pm-profile-body { display: block; padding: 20px 20px 20px 160px; position: relative; } .pm-profile .pm-profile-body .pm-profile-stats, .pm-profile .pm-profile-body .pm-profile-links { padding: 6px 0; } @media only screen and (max-width: 464px) { .pm-profile .pm-profile-body .pm-profile-stats, .pm-profile .pm-profile-body .pm-profile-links { padding: 0; } } @media only screen and (min-width: 320px) and (max-width: 1023px) { .pm-profile .pm-profile-body .pm-profile-stats, .pm-profile .pm-profile-body .pm-profile-links { padding: 0; } } .pm-profile .pm-profile-body .pm-profile-stats li, .pm-profile .pm-profile-body .pm-profile-links li { font-size: 18px; font-weight: bold; } @media only screen and (max-width: 464px) { .pm-profile .pm-profile-body .pm-profile-stats li, .pm-profile .pm-profile-body .pm-profile-links li { font-size: 12px; display: block; float: none; } } @media only screen and (min-width: 320px) and (max-width: 1023px) { .pm-profile .pm-profile-body .pm-profile-stats li, .pm-profile .pm-profile-body .pm-profile-links li { font-size: 12px; display: block; float: none; } } .pm-profile .pm-profile-body .pm-profile-stats li span, .pm-profile .pm-profile-body .pm-profile-links li span { font-size: 14px !important; font-weight: normal; } @media only screen and (max-width: 464px) { .pm-profile .pm-profile-body .pm-profile-stats li span, .pm-profile .pm-profile-body .pm-profile-links li span { font-size: 12px !important; } } @media only screen and (min-width: 320px) and (max-width: 1023px) { .pm-profile .pm-profile-body .pm-profile-stats li span, .pm-profile .pm-profile-body .pm-profile-links li span { font-size: 12px !important; } } .pm-profile .pm-profile-body .pm-profile-links { padding: 6px 0; } .pm-profile .pm-profile-body .pm-profile-links li { font-size: 18px; font-weight: bold; color: #555; } .pm-profile .pm-profile-body .pm-profile-links li a { color: #888; } .pm-profile .pm-profile-body .pm-profile-links li a:hover { color: #333; } .pm-profile .pm-profile-body .pm-profile-links li a .fa-facebook { color: #3d5a98; } .pm-profile .pm-profile-body .pm-profile-links li a .fa-twitter { color: #1da1f2; } .pm-profile .pm-profile-body .pm-profile-links li span { font-size: 14px !important; font-weight: normal; } .pm-profile .pm-profile-body .pm-profile-desc { font-size: 13px; color: #888; } .pm-profile-header { background-color: #fafafa; border-bottom: 1px solid #333; } .pm-profile-header .pm-profile-cover-edit, .pm-profile-header .pm-profile-avatar-edit { position: absolute; top: 0; right: 0; display: none; } .pm-profile-header .cropit-image-loaded .pm-profile-cover-edit, .pm-profile-header .cropit-image-loaded .pm-profile-avatar-edit { opacity: 1.0; } .pm-profile-header .pm-profile-avatar-pic { position: relative; left: 1%; border-radius: 2px; background-clip: padding-box; } .pm-profile-header:hover .pm-profile-avatar-edit { display: block; } /* Profile Users List */ ul.pm-users-list li .pm-user { border: 1px solid #e3e3e3; display: block; position: relative; margin-bottom: 1em; border-radius: 4px; background-clip: padding-box; } ul.pm-users-list li .pm-user-avatar { display: inline-block; float: left; } ul.pm-users-list li .pm-user-avatar .pm-avatar.img-responsive { width: 80px; height: 80px; } ul.pm-users-list li .pm-user-data { display: inline-block; margin: 0 0 0 10px; float: left; max-width: 60%; } ul.pm-users-list li .pm-user-data .pm-username { display: block; padding: 4px 0; } ul.pm-users-list li .pm-user-data .pm-user-location { font-size: 11px; } ul.pm-users-list li .pm-user-data .pm-user-last-seen { font-size: 11px; } ul.pm-users-list li .pm-user-data .label.label-social-follows { position: absolute; left: 0; bottom: 0; } ul.pm-users-list li .pm-user-data .btn-follow, ul.pm-users-list li .pm-user-data .btn-unfollow { display: block; clear: both; position: absolute; top: 2px; right: 2px; } ul.pm-channels-list .pm-channel { border: 1px solid #ddd; margin: 0 0 30px 0; border-radius: 4px; background-clip: padding-box; } ul.pm-channels-list .pm-channel .pm-channel-header { position: relative; } ul.pm-channels-list .pm-channel .pm-channel-cover { display: block; background: #eee; height: 80px; border-radius: 4px 4px 0 0; background-clip: padding-box; } ul.pm-channels-list .pm-channel .pm-channel-cover img { height: 100%; width: 100%; opacity: 0.5; } ul.pm-channels-list .pm-channel .pm-channel-profile-pic { width: 80px; max-width: 80px; max-height: 80px; position: absolute; top: 20px; left: 20px; } ul.pm-channels-list .pm-channel .pm-channel-profile-pic img { border: 1px solid #ddd; border-radius: 4px; background-clip: padding-box; } ul.pm-channels-list .pm-channel .pm-channel-body { padding: 20px; display: block; position: relative; } ul.pm-channels-list .pm-channel .pm-channel-body h3 { font-size: 16px; vertical-align: baseline; padding: 6px 0 0; } ul.pm-channels-list .pm-channel .pm-channel-body h3 a { color: #333; } ul.pm-channels-list .pm-channel .pm-channel-body h3 a:hover { color: #1c5dff; } ul.pm-channels-list .pm-channel .pm-channel-body .pm-channel-stats { color: #888; font-size: 11px; padding: 0 0 6px; } ul.pm-channels-list .pm-channel .pm-channel-body .pm-channel-desc { padding: 0 0 10px; font-size: 12px; } /* Profile Newsfeed Item */ .pm-activity-stream li.media { position: relative; border-bottom: 1px solid #e7e7e7; padding: 12px 0; margin: 10px 0; } .pm-activity-stream li.media .media-body { position: relative; } .pm-activity-stream li.media .media-date { font-size: 11px; color: #b3b3b3; display: block; } .pm-activity-stream li.media .media-actions { position: absolute; top: 16px; right: 0px; padding: 4px; color: #888; } .pm-activity-stream li.media .media-actions:hover { color: #000; } .pm-activity-stream li.media .pm-social-obj-video { margin: 10px 0; display: block; max-width: 400px; } .pm-activity-stream li.media .pm-social-obj-video .pm-video-thumb { float: left; margin: 0 10px 0 0; position: relative; } .pm-activity-stream li.media .pm-social-obj-video .pm-video-thumb img { max-width: 146px !important; max-height: 80px !important; display: block; } .pm-activity-stream li.media .pm-social-obj-video .pm-social-obj-title { display: compact; padding: 0; margin: 0; line-height: 1.3em; } @media only screen and (max-width: 464px) { .pm-activity-stream li.media .pm-social-obj-video .pm-social-obj-title { display: table; min-width: auto; } } /*-----------------------------------------------------------------------------------*/ /* 10.Comments (Both Videos & Articles) /*-----------------------------------------------------------------------------------*/ .pm-comments-container ul.pm-ul-comments { /* Comment List (Item) */ } .pm-comments-container ul.pm-ul-comments .pm-top-comment { position: relative; overflow: visible; border: 0; border-bottom: 1px solid #4C9ED9; } .pm-comments-container ul.pm-ul-comments .pm-top-comment .label-top-comment { color: #FFF; font-size: 11px; position: absolute; top: -12px; right: -1px; background-color: #4C9ED9; padding: 2px 6px; } .pm-comments-container ul.pm-ul-comments .pm-downvoted-comment { opacity: 0.4; } .pm-comments-container ul.pm-ul-comments .pm-downvoted-comment:hover { opacity: 1.0; } .pm-comments-container ul.pm-ul-comments li.media { padding: 10px 0; margin: 0; } .pm-comments-container ul.pm-ul-comments li.media .media-body { position: relative; } .pm-comments-container ul.pm-ul-comments li.media .media-body.media-body-banned { color: #010; } .pm-comments-container ul.pm-ul-comments li.media .media-body.media-body-banned p { opacity: .3; } .pm-comments-container ul.pm-ul-comments li.media .media-body .media-heading a.pm-comment-user { font-weight: bold; } .pm-comments-container ul.pm-ul-comments li.media .media-body .media-heading .media-date, .pm-comments-container ul.pm-ul-comments li.media .media-body .media-heading .pm-comment-user-ip { display: inline; font-style: italic; color: #888; font-size: 12px; } .pm-comments-container ul.pm-ul-comments li.media .media-body .media-heading .pm-comment-user-ip { font-size: 11px; font-style: normal; } .pm-comments-container ul.pm-ul-comments li.media .media-actions { position: absolute; top: 0; right: 4px; } .pm-comments-container ul.pm-ul-comments li.media .media-actions button { color: #919191; border-radius: 2px; background-clip: padding-box; text-decoration: none; } .pm-comments-container ul.pm-ul-comments li.media .media-actions button:hover { color: #3575D3; } .pm-comments-container ul.pm-ul-comments li.media .media-actions button.active { -webkit-box-shadow: none; box-shadow: none; color: #3575D3; font-weight: bold; background-color: #fafafa; border: 1px solid #f3f3f3; } /*-----------------------------------------------------------------------------------*/ /* 11.Footer /*-----------------------------------------------------------------------------------*/ footer { margin-top: 30px; } .pm-language .pm-language-list { width: 320px; } @media only screen and (max-width: 464px) { .pm-language .pm-language-list { width: 320px; padding: 0; margin-right: -15px; } } .pm-language .pm-language-list li { width: 100px; float: left; } /*-----------------------------------------------------------------------------------*/ /* 12.Other /*-----------------------------------------------------------------------------------*/ /* Fix For JW 6 */ /*.jwplayer .jwcontrolbar { display: inline-block !important; opacity: 1 !important; }*/ /* Forms --------------------------------------------- */ .btn-refresh { font-size: 14px; color: #333; } /* Ads --------------------------------------------- */ /* Classic Ads */ .pm-ads-banner { display: block; padding: 5px 0; } .widget .pm-ads-banner { padding: 0 0 12px; } /* Floating Ads */ .pm-ads-floating-left, .pm-ads-floating-right { display: none; overflow: hidden; vertical-align: top; height: auto; width: 200px; position: absolute; z-index: 1; } .pm-ads-floating-left { left: 0; text-align: left; } .pm-ads-floating-right { right: 0; text-align: right; } /* Preroll Video Ads */ #preroll_placeholder { color: #444; background-color: #f4f4f4; text-align: center; vertical-align: middle; height: 100%; min-height: 401px; position: relative; overflow: hidden; } #preroll_placeholder .preroll_countdown { color: #888; background-color: #d8d8d8; font-size: 16px; font-weight: bold; padding-top: 10px; margin: 0 0 20px; padding: 16px 0; position: relative; } @media only screen and (max-width: 464px) { #preroll_placeholder .preroll_countdown { font-size: 12px; text-align: left; padding-left: 10px; } } #preroll_placeholder .preroll_timeleft { color: #719a00; } #preroll_placeholder iframe { margin: 0 auto; } #preroll_placeholder .preroll_skip_button { margin: 0; padding: 0; z-index: 1000; position: absolute; right: 12px; top: 12px; } #preroll_placeholder #preroll_skip_btn { margin: 0; display: block; display: none; } /* Socialite Widget */ #pm-socialite { position: relative; padding: 0px; z-index: 999; } #pm-socialite .addthis_floating_style.addthis_counter_style { width: 70px; border-radius: 0; text-align: center; } #pm-socialite .social-buttons { background-color: transparent; left: -100px; position: absolute; z-index: 100; } /* Floating Share Widget from GitHub/tmort/Socialite --------------------------------------------- */ .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .cf { zoom: 1; } *:first-child + html .cf { zoom: 1; } .vhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .social-buttons { display: block; list-style: none; padding: 0; width: 60px; } .social-buttons > li { display: block; margin: 0; padding: 10px 0; } .social-buttons .socialite { display: block; position: relative; background: url("../img/social-sprite.png") 0 0 no-repeat; margin: 0 auto; text-align: center; } .social-buttons .socialite-loaded { background: none !important; } .social-buttons .twitter-share { width: 55px; height: 65px; background-position: 0 0; } .social-buttons .googleplus-one { width: 50px; height: 65px; background-position: -75px 0; } .social-buttons .facebook-like { width: 50px; height: 65px; background-position: -145px 0; } .social-buttons .pinterest-pinit { width: 60px; height: 65px; background-position: -215px 0; } /* Lightbox */ #lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity: 0.85; display: none; } #lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-weight: normal; } #lightbox img { width: 100%; height: auto; } #lightbox a img { border: none; } .lb-outerContainer { border-radius: 4px; background-clip: padding-box; position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-container { padding: 10px; } .lb-loader { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-prev, .lb-next { width: 49%; height: 100%; /* Trick IE into showing hover */ display: block; } .lb-prev { left: 0; float: left; } .lb-next { right: 0; float: right; } .lb-prev:hover { background: url(../img/lb-prev.png) left 48% no-repeat; } .lb-next:hover { background: url(../img/lb-next.png) right 48% no-repeat; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; border-radius: 4px; background-clip: padding-box; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 10px; color: #bbb; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 11px; } .lb-data .lb-close { width: 35px; float: right; padding-bottom: 0.7em; } .lb-data .lb-close:hover { cursor: pointer; } /*-----------------------------------------------------------------------------------*/ /* 13.Theme Outline (Customize layout elements based on their database ID & more) /*-----------------------------------------------------------------------------------*/ /* Customize individual pages */ /* Labels */ /* Basic listings for comments or articles */ /* /// * Usage: 'list' layout for videos --------------------------------------------- */ ul.pm-ul-browse-videos-list li { margin-bottom: 0; } ul.pm-ul-browse-videos-list .col-md-3, ul.pm-ul-browse-videos-list .col-md-4, ul.pm-ul-browse-videos-list .col-md-2 { width: 100%; } ul.pm-ul-browse-videos-list .col-md-3 .thumbnail, ul.pm-ul-browse-videos-list .col-md-4 .thumbnail, ul.pm-ul-browse-videos-list .col-md-2 .thumbnail { margin: 10px 0; display: list-item; min-height: 60px; width: 100%; height: 0; padding-bottom: NaN%; padding-left: 0; padding-bottom: 0px !important; } ul.pm-ul-browse-videos-list .col-md-3 .pm-video-thumb, ul.pm-ul-browse-videos-list .col-md-4 .pm-video-thumb, ul.pm-ul-browse-videos-list .col-md-2 .pm-video-thumb { display: block; float: left; } ul.pm-ul-browse-videos-list .col-md-3 h3, ul.pm-ul-browse-videos-list .col-md-4 h3, ul.pm-ul-browse-videos-list .col-md-2 h3 { font-size: 1.3em; } ul.pm-ul-browse-videos-list .col-md-3 .caption, ul.pm-ul-browse-videos-list .col-md-4 .caption, ul.pm-ul-browse-videos-list .col-md-2 .caption { margin-left: 10px; float: left; } ul.pm-ul-browse-videos-list .col-xs-6 .caption, ul.pm-ul-browse-videos-list .col-sm-6 .caption { width: 60%; } ul.pm-ul-browse-videos-list .col-xs-6 .pm-video-thumb, ul.pm-ul-browse-videos-list .col-sm-6 .pm-video-thumb { width: 25%; max-width: 25%; padding: 14.25% 0 0 0; } @media only screen and (max-width: 464px) { ul.pm-ul-browse-videos-list#pm-grid h3 { font-size: 1em; line-height: 1.3em; margin: 0; } } /* Upload Page */ .fileinput { position: relative; margin-bottom: 0; width: 200px; height: 150px; } .fileinput.fileinput-new { background: url("../img/no-thumbnail.jpg") no-repeat top left; background-size: 100%; } .fileinput .fileinput-exists { max-width: 200px; max-height: 150px; } .fileinput-buttons { position: absolute; bottom: 6px; } .fileinput-filename { overflow: hidden; } .btn-upload { width: 120px; height: 30px; display: inline-block; color: #666; text-shadow: 0 1px 0px rgba(255, 255, 255, 0.75); background-color: #f0f0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#ececec)); background-image: linear-gradient(to bottom, #f8f8f8, #ececec); background-image: -moz-linear-gradient(top, #f8f8f8, #ececec); background-repeat: repeat-x; border: 1px solid #c6c6c6; *border: 0; border-color: inherit; border-color: #c6c6c6; border-bottom-color: #c6c6c6; *zoom: 1; -webkit-box-shadow: inset 0 0px 0px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 0px 0px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.05); outline: 0; line-height: 1.8em; } .btn-upload object { width: 120px; height: 30px; display: block; } #uploadLog { margin: 0; padding: 0; width: 400px; float: left; display: block; } #uploadLog li.success { color: #199400; } #uploadLog li { list-style-type: none; margin: 5px 0; font-size: 11px; color: #333; position: relative; } #uploadLog li p { margin: 5px 0 0; font-size: 11px; line-height: 17px; font-weight: bold; } #uploadLog li span.cancel { color: #FF6600; font-size: 11px; font-weight: bold; margin: 0 4px; cursor: pointer; } #uploadLog li .progressbar { border-radius: 4px; background-clip: padding-box; position: relative; height: 8px; padding-right: 2px; background-color: #abb2bc; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #949daa), to(#abb2bc)); background: linear-gradient(#949daa 0, #abb2bc 100%); -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5), 0px 1px 0 0 white; -o-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5), 0px 1px 0 0 white; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5), 0px 1px 0 0 white; } #uploadLog li .progress { border-radius: 4px; background-clip: padding-box; position: relative; display: block; overflow: hidden; height: 6px; -webkit-background-size: 11px 11px; -moz-background-size: 12px 12px; background-color: #74d04c; background: -moz-repeating-linear-gradient(top left -30deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.17) 15px, rgba(255, 255, 255, 0) 15px, rgba(255, 255, 255, 0) 30px), -moz-linear-gradient(rgba(255, 255, 255, 0.25) 0, rgba(255, 255, 255, 0) 100%), #74d04c; -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4), inset 0 -1px 1px rgba(0, 0, 0, 0.2); -o-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4), inset 0 -1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4), inset 0 -1px 1px rgba(0, 0, 0, 0.2); border: 1px solid #4c8932; } /* Social Notifications List */ #pm-social-notifications-container { position: absolute; top: 60px; left: -80px; width: 300px; max-width: 350px; max-height: 300px; background-color: #000; border: 3px solid #000; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); z-index: 100; overflow-y: auto; overflow-x: hidden; -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25); box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25); border-radius: 4px; background-clip: padding-box; } #pm-social-notifications-container:after { bottom: 100%; left: 35%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-bottom-color: #000000; border-width: 12px; margin-left: -12px; z-index: 300; } #pm-social-notifications-container span#log { background-color: #FFF; padding: 20px 14px; width: 100%; display: block; } ul.pm-social-ul-notifications { margin: 3px 1px; padding: 0; color: #FFF; } ul.pm-social-ul-notifications::-webkit-scrollbar { width: 10px; } ul.pm-social-ul-notifications::-webkit-scrollbar-track { border-radius: 10px; background-clip: padding-box; -webkit-box-shadow: inset 0 0 6px #FFF; /*rgba(0,0,0,0.3)*/ } ul.pm-social-ul-notifications::-webkit-scrollbar-thumb { border-radius: 10px; background-clip: padding-box; background: #FFF; /*rgba(0,0,0,0.8)*/ -webkit-box-shadow: inset 0 0 6px #FFF; /* rgba(0,0,0,0.5)*/ } ul.pm-social-ul-notifications::-webkit-scrollbar-thumb:window-inactive { background: #EEE; /*rgba(0,0,0,0.4)*/ } ul.pm-social-ul-notifications li.media { border-radius: 4px; background-clip: padding-box; color: #FFF; font-size: 11px; line-height: 1.5em; border-bottom: 1px solid #000; padding: 4px 10px; } ul.pm-social-ul-notifications li.media a { color: #FFF; font-weight: bold; padding: 0; margin: 0; } ul.pm-social-ul-notifications li.media a:hover { color: #FC0; } ul.pm-social-ul-notifications li.media .media-body { padding: 0 0 0 8px; } ul.pm-social-ul-notifications li.media .media-body .media-date { color: #aaa; font-size: 11px; display: block; margin: 0; padding: 0; } ul.pm-social-ul-notifications li.media:hover { background-color: #333; } ul.pm-social-ul-notifications .media.media-unread { background-color: #5db95b; border-bottom-color: #4b914a; } ul.pm-social-ul-notifications .media.media-unread a { color: #FFF; text-shadow: 0 1px 0 #3b9739; } ul.pm-social-ul-notifications .media.media-unread .media-body .media-date { color: #FFF; } ul.pm-social-ul-notifications .media.media-unread:hover { background-color: #5db95b; } /* Social Notification Bubble (Number) */ li.pm-social-me a { padding: 4px; margin: 6px; } .pm-social-notifications-count { position: absolute; top: 0; right: 0; z-index: 1; background-color: #FC0; } /* Social Notifications List */ .pm-social-ul-notifications li.media .media-heading { padding: 0; } .pm-social-ul-notifications li.media .media-date { font-size: 12px; } .pm-ul-browse-categories li { padding: 0; margin: 0; position: relative; float: left; padding: 0; margin: 10px 0; width: 25%; } .pm-ul-browse-categories li:hover h3 { color: #FFF; text-decoration: none; background-color: #20A8E1; } .pm-ul-browse-categories li:hover img { -webkit-animation-name: expandImage; animation-name: expandImage; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1.0; } .pm-ul-browse-categories li:hover ul { display: block; } .pm-ul-browse-categories li h3 { line-height: 1em; display: block; clear: both; overflow: hidden; bottom: 0; left: 0; margin: 0; padding: 12px 0 12px 14px; background-color: #2196C4; width: 95%; color: #f1f1f1; font-size: 14px; letter-spacing: -0.02em; } .pm-ul-browse-categories li .pm-li-category { position: relative; display: table-cell; border: none; padding: 0; overflow: hidden; } .pm-ul-browse-categories li .pm-li-category a { text-decoration: none; } .pm-ul-browse-categories li ul { position: absolute; top: 0; right: -10px; padding: 10px; display: none; } .pm-ul-browse-categories li ul.pm-subcategories li { display: block; position: relative; background: red; padding: 0; margin: 0; float: none; width: 100%; } /* facebook comments width=0 fix */ .fb-comments, .fb-comments iframe { width: 652px !important; } @-webkit-keyframes expandImage { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } } @keyframes expandImage { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } } a { color: #333; text-decoration: none; } a:hover, a:focus { color: #3496ff; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } h1, .pm-video-watch-featured h2 a, h2, h3, h4, h5, h6, .h1, .h2, .h3, ul.pm-ul-sidelist-videos h3, ul.pm-ul-browse-videos h3, ul.pm-ul-carousel-videos h3, ul.pm-ul-browse-playlists h3, ul.pm-ul-browse-videos-list .col-md-3 h3, ul.pm-ul-browse-videos-list .col-md-4 h3, ul.pm-ul-browse-videos-list .col-md-2 h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; } h1 small, .pm-video-watch-featured h2 a small, h1 .small, .pm-video-watch-featured h2 a .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, ul.pm-ul-sidelist-videos h3 small, ul.pm-ul-browse-videos h3 small, ul.pm-ul-carousel-videos h3 small, ul.pm-ul-browse-playlists h3 small, ul.pm-ul-browse-videos-list .col-md-3 h3 small, ul.pm-ul-browse-videos-list .col-md-4 h3 small, ul.pm-ul-browse-videos-list .col-md-2 h3 small, .h3 .small, ul.pm-ul-sidelist-videos h3 .small, ul.pm-ul-browse-videos h3 .small, ul.pm-ul-carousel-videos h3 .small, ul.pm-ul-browse-playlists h3 .small, ul.pm-ul-browse-videos-list .col-md-3 h3 .small, ul.pm-ul-browse-videos-list .col-md-4 h3 .small, ul.pm-ul-browse-videos-list .col-md-2 h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; } h1, .pm-video-watch-featured h2 a, .h1, h2, .h2, h3, .h3, ul.pm-ul-sidelist-videos h3, ul.pm-ul-browse-videos h3, ul.pm-ul-carousel-videos h3, ul.pm-ul-browse-playlists h3, ul.pm-ul-browse-videos-list .col-md-3 h3, ul.pm-ul-browse-videos-list .col-md-4 h3, ul.pm-ul-browse-videos-list .col-md-2 h3 { margin-top: 0; margin-bottom: 0; } h1 small, .pm-video-watch-featured h2 a small, h1 .small, .pm-video-watch-featured h2 a .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, ul.pm-ul-sidelist-videos h3 small, ul.pm-ul-browse-videos h3 small, ul.pm-ul-carousel-videos h3 small, ul.pm-ul-browse-playlists h3 small, ul.pm-ul-browse-videos-list .col-md-3 h3 small, ul.pm-ul-browse-videos-list .col-md-4 h3 small, ul.pm-ul-browse-videos-list .col-md-2 h3 small, .h3 .small, ul.pm-ul-sidelist-videos h3 .small, ul.pm-ul-browse-videos h3 .small, ul.pm-ul-carousel-videos h3 .small, ul.pm-ul-browse-playlists h3 .small, ul.pm-ul-browse-videos-list .col-md-3 h3 .small, ul.pm-ul-browse-videos-list .col-md-4 h3 .small, ul.pm-ul-browse-videos-list .col-md-2 h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; margin-bottom: 0; } h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; } h1, .pm-video-watch-featured h2 a, .h1 { font-size: 22px; } h2, .h2 { font-size: 20px; } h3, .h3, ul.pm-ul-sidelist-videos h3, ul.pm-ul-browse-videos h3, ul.pm-ul-carousel-videos h3, ul.pm-ul-browse-playlists h3, ul.pm-ul-browse-videos-list .col-md-3 h3, ul.pm-ul-browse-videos-list .col-md-4 h3, ul.pm-ul-browse-videos-list .col-md-2 h3 { font-size: 18px; } h4, .h4 { font-size: 16px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } .alert { padding: 10px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link, .alert a { color: inherit; text-decoration: underline; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 30px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #29b262; border-color: #29b262; color: #ffffff; } .alert-success hr { border-top-color: #249d57; } .alert-success .alert-link { color: #e6e6e6; } .alert-info { background-color: #0099BC; border-color: #0099BC; color: #ffffff; } .alert-info hr { border-top-color: #0084a3; } .alert-info .alert-link { color: #e6e6e6; } .alert-warning { background-color: #ff8800; border-color: #ff8800; color: #ffffff; } .alert-warning hr { border-top-color: #e67a00; } .alert-warning .alert-link { color: #e6e6e6; } .alert-danger, .alert-error { background-color: #cc0000; border-color: #cc0000; color: #ffffff; } .alert-danger hr, .alert-error hr { border-top-color: #b30000; } .alert-danger .alert-link, .alert-error .alert-link { color: #e6e6e6; } .btn { margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 60ms ease-in; transition: all 60ms ease-in; } .btn, .btn:active, .btn.active { outline: 0; } .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #fff; text-decoration: none; outline: 0; } .btn:active, .btn.active { outline: 0; background-image: none; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #fff; background-color: #888; border-color: #888; outline: 0; } .btn-default:focus, .btn-default.focus { color: #fff; outline: 0; background-color: #7b7b7b; border-color: #7b7b7b; -webkit-box-shadow: none; box-shadow: none; } .btn-default:hover { color: #fff; background-color: #7b7b7b; border-color: #7b7b7b; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #fff; outline: 0; background-color: #888888; border-color: #888888; -webkit-box-shadow: none; box-shadow: none; } .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #fff; background-color: dimgray; border-color: dimgray; -webkit-box-shadow: none; box-shadow: none; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #888; border-color: #888; } .btn-default .badge { color: #888; background-color: #fff; } .btn-primary { color: #fff; background-color: #3496ff; border-color: #3496ff; outline: 0; } .btn-primary:focus, .btn-primary.focus { color: #fff; outline: 0; background-color: #1b89ff; border-color: #1b89ff; -webkit-box-shadow: none; box-shadow: none; } .btn-primary:hover { color: #fff; background-color: #1b89ff; border-color: #1b89ff; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; outline: 0; background-color: #3496ff; border-color: #3496ff; -webkit-box-shadow: none; box-shadow: none; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #0077f6; border-color: #0077f6; -webkit-box-shadow: none; box-shadow: none; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { background-color: #3496ff; border-color: #3496ff; } .btn-primary .badge { color: #3496ff; background-color: #fff; } .btn-success { color: #fff; background-color: #249d57; border-color: #249d57; outline: 0; } .btn-success:focus, .btn-success.focus { color: #fff; outline: 0; background-color: #1f884c; border-color: #1f884c; -webkit-box-shadow: none; box-shadow: none; } .btn-success:hover { color: #fff; background-color: #1f884c; border-color: #1f884c; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; outline: 0; background-color: #249d57; border-color: #249d57; -webkit-box-shadow: none; box-shadow: none; } .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #196b3b; border-color: #196b3b; -webkit-box-shadow: none; box-shadow: none; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus { background-color: #249d57; border-color: #249d57; } .btn-success .badge { color: #249d57; background-color: #fff; } .btn-info { color: #fff; background-color: #0099BC; border-color: #0099BC; outline: 0; } .btn-info:focus, .btn-info.focus { color: #fff; outline: 0; background-color: #0084a3; border-color: #0084a3; -webkit-box-shadow: none; box-shadow: none; } .btn-info:hover { color: #fff; background-color: #0084a3; border-color: #0084a3; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; outline: 0; background-color: #0099bc; border-color: #0099bc; -webkit-box-shadow: none; box-shadow: none; } .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #00677f; border-color: #00677f; -webkit-box-shadow: none; box-shadow: none; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus { background-color: #0099BC; border-color: #0099BC; } .btn-info .badge { color: #0099BC; background-color: #fff; } .btn-warning { color: #fff; background-color: #FFA534; border-color: #FFA534; outline: 0; } .btn-warning:focus, .btn-warning.focus { color: #fff; outline: 0; background-color: #ff9a1b; border-color: #ff9a1b; -webkit-box-shadow: none; box-shadow: none; } .btn-warning:hover { color: #fff; background-color: #ff9a1b; border-color: #ff9a1b; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; outline: 0; background-color: #ffa534; border-color: #ffa534; -webkit-box-shadow: none; box-shadow: none; } .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #f68900; border-color: #f68900; -webkit-box-shadow: none; box-shadow: none; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus { background-color: #FFA534; border-color: #FFA534; } .btn-warning .badge { color: #FFA534; background-color: #fff; } .btn-danger { color: #fff; background-color: #FB404B; border-color: #FB404B; outline: 0; } .btn-danger:focus, .btn-danger.focus { color: #fff; outline: 0; background-color: #fa2733; border-color: #fa2733; -webkit-box-shadow: none; box-shadow: none; } .btn-danger:hover { color: #fff; background-color: #fa2733; border-color: #fa2733; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; outline: 0; background-color: #fb404b; border-color: #fb404b; -webkit-box-shadow: none; box-shadow: none; } .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #f90514; border-color: #f90514; -webkit-box-shadow: none; box-shadow: none; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus { background-color: #FB404B; border-color: #FB404B; } .btn-danger .badge { color: #FB404B; background-color: #fff; } .btn-link { color: #3496ff; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #3496ff; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #888; text-decoration: none; } .form-control { display: block; width: 100%; height: 34px; font-size: 14px; line-height: 1.428571429; background-image: none; border: 2px solid #ccc; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; } .form-control:focus { border: 2px solid #aaa; } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #ADAFAE; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } .dropdown-menu { border-radius: 2px; } svg { width: 18px; display: block; margin: 0 auto; } .path { stroke-dasharray: 1000; stroke-dashoffset: 0; } .path.circle { -webkit-animation: dash .9s ease-in-out; animation: dash .9s ease-in-out; } .path.line { stroke-dashoffset: 1000; -webkit-animation: dash .9s .35s ease-in-out forwards; animation: dash .9s .35s ease-in-out forwards; } .path.check { stroke-dashoffset: -100; -webkit-animation: dash-check .9s .35s ease-in-out forwards; animation: dash-check .9s .35s ease-in-out forwards; } .btn-loader { position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 1em; height: 1em; border-radius: 100%; border: 2px solid rgba(255, 255, 255, 0.2); border-top-color: #FFF; padding: 0; margin: 0 4px 0 0; vertical-align: baseline; top: 2px; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } @-webkit-keyframes spin { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } .ripple { overflow: hidden; } .ripple-effect { position: absolute; border-radius: 50%; width: 50px; height: 50px; background: white; -webkit-animation: ripple-animation 2s; animation: ripple-animation 2s; z-index: 1; } @-webkit-keyframes ripple-animation { from { -webkit-transform: scale(1); transform: scale(1); opacity: 0.4; } to { -webkit-transform: scale(100); transform: scale(100); opacity: 0; } } @keyframes ripple-animation { from { -webkit-transform: scale(1); transform: scale(1); opacity: 0.4; } to { -webkit-transform: scale(100); transform: scale(100); opacity: 0; } } /*! * animsition v4.0.1 * A simple and easy jQuery plugin for CSS animated page transitions. * http://blivesta.github.io/animsition * License : MIT * Author : blivesta (http://blivesta.com/) */ .animsition, .animsition-overlay { position: relative; opacity: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animsition-overlay-slide { position: fixed; z-index: 1; width: 100%; height: 100%; background-color: #ddd; } .animsition-loading, .animsition-loading:after { width: 32px; height: 32px; position: fixed; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; border-radius: 50%; z-index: 2; } .animsition-loading { background-color: transparent; border-top: 5px solid rgba(0, 0, 0, 0.2); border-right: 5px solid rgba(0, 0, 0, 0.2); border-bottom: 5px solid rgba(0, 0, 0, 0.2); border-left: 5px solid #eee; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-name: animsition-loading; animation-name: animsition-loading; } @-webkit-keyframes animsition-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes animsition-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .pm-horizontal-loader { -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -webkit-animation-name: horizontalProgressBar; animation-name: horizontalProgressBar; -webkit-animation-timing-function: ease; animation-timing-function: ease; background: red; height: 2px; left: 0; position: fixed; top: 0; width: 0%; z-index: 9999; } @keyframes horizontalProgressBar { 0% { width: 0%; } 25% { width: 22%; } 50% { width: 55%; } 75% { width: 83%; } 100% { width: 100%; } } @-webkit-keyframes horizontalProgressBar /* Safari and Chrome */ { 0% { width: 0%; } 25% { width: 22%; } 50% { width: 55%; } 75% { width: 83%; } 100% { width: 100%; } } @-webkit-keyframes dash { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } @keyframes dash { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } @-webkit-keyframes dash-check { 0% { stroke-dashoffset: -100; } 100% { stroke-dashoffset: 900; } } @keyframes dash-check { 0% { stroke-dashoffset: -100; } 100% { stroke-dashoffset: 900; } } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes expandImage { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } } @keyframes expandImage { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /*-------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* 1.Document Setup (body, common classes, structure etc) /*-----------------------------------------------------------------------------------*/ html { height: 100%; } body { background-color: #fbfbfb; height: 100%; font-family: 'Forma DJR Deck',Helvetica,Arial,sans-serif; font-size: 13px; } body.article-category h1 a, body.article-category .pm-video-watch-featured h2 a a, .pm-video-watch-featured h2 body.article-category a a, body.article-read h1 a, body.article-read .pm-video-watch-featured h2 a a, .pm-video-watch-featured h2 body.article-read a a { color: #555; } body.article-category h1 a:hover, body.article-category .pm-video-watch-featured h2 a a:hover, .pm-video-watch-featured h2 body.article-category a a:hover, body.article-read h1 a:hover, body.article-read .pm-video-watch-featured h2 a a:hover, .pm-video-watch-featured h2 body.article-read a a:hover { color: #888; text-decoration: underline; } body.article-category .mastcontent-wrap .col-md-4, body.article-category .mastcontent-wrap .col-md-8, body.article-read .mastcontent-wrap .col-md-4, body.article-read .mastcontent-wrap .col-md-8 { padding-left: 26px; padding-right: 26px; } body.article-category .widget, body.article-read .widget { margin-top: 0px; } h1, .pm-video-watch-featured h2 a, h2, h3, h4 { font-family: 'Forma DJR Deck', Arial, Verdana, sans-serif; letter-spacing: -0.025em; font-weight: 700 !important; } .row.no-padding { padding: 0; margin: 0; } /*.container-fluid { padding-left: 24px; padding-right: 24px; }*/ .container-fluid.no-padding { padding: 0; margin: 0; } .mastcontent-wrap { /* margin-top: $header-height + 0;*/ min-height: 100%; position: relative; padding-bottom: 100px; } .mastcontent-wrap .row-page-heading { padding: 0 0 20px; margin-bottom: 24px; border-bottom: 1px solid #eee; } .mastcontent-wrap .row-page-heading h1, .mastcontent-wrap .row-page-heading .pm-video-watch-featured h2 a, .pm-video-watch-featured h2 .mastcontent-wrap .row-page-heading a { display: inline-block; /*font-size: 22px;*/ margin: 0; vertical-align: middle; line-height: 1.42857143; } .mastcontent-wrap .row-page-heading h1 a, .mastcontent-wrap .row-page-heading .pm-video-watch-featured h2 a a, .pm-video-watch-featured h2 .mastcontent-wrap .row-page-heading a a { color: inherit; } .mastcontent-wrap .row-page-heading .btn { margin-right: 10px; vertical-align: middle; } .mastcontent-wrap .row-page-heading .btn i { vertical-align: middle; } #content { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); position: relative; display: block; margin: 0 auto; background-color: #FFF; height: auto; min-height: 100%; } @media only screen and (min-width: 1336px) { #content { width: 1170px; } } @media only screen and (min-width: 1336px) { #content.content-narrow { width: 975px; } } #content.content-narrow .container-fluid { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } #content.content-narrow .row { margin: 20px; } #content.content-detached { border-radius: 4px; background-clip: padding-box; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } #content.content-video-handler .container-fluid { padding-left: 0; padding-right: 0; } #content.content-video-handler .container-fluid .row { margin-left: 0; margin-right: 0; padding-bottom: 20px; } .container { max-width: 1170px; background-color: transparent; padding-bottom: 2em; } #content-main h2, .widget h4, .pm-section-head h2, .pm-section-head h3, footer h3 { display: block; background-color:#1684a; font-family: "Forma DJR Deck", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 700; padding-bottom: 6px; margin: 0; position: relative; letter-spacing: -0.025rem; line-height: 1.3em; color: #1684a; text-transform: uppercase; padding: 1rem 0 0.5rem; } #content-main h2 a, .widget h4 a, .pm-section-head h2 a, .pm-section-head h3 a, footer h3 a { color: #182637; /*#1a1a1a*/ } #content-main h2 a:hover, .widget h4 a:hover, .pm-section-head h2 a:hover, .pm-section-head h3 a:hover, footer h3 a:hover { color: #ffffff; text-decoration: none; } footer h3 { border-bottom: none; color: #333; font-size: 13px; } #content-main h2 { margin-top: 50px; } /*-----------------------------------------------------------------------------------*/ /* 2.BootStrap Elements Redesigned for PHP Melody (modal, pagination, badges, etc.) /*-----------------------------------------------------------------------------------*/ .form-control, .bootstrap-tagsinput { color: #444; } button, a { outline: 0; } button:active, a:active { outline: 0; } button:focus, a:focus { outline: 0; } /* Pagination */ ul.pagination li a { border: 1px solid transparent; border-radius: 3px; color: #999; margin: 0 2px; } ul.pagination li a:hover { border: 1px solid #DDD; color: #999; } ul.pagination li.active a { border-color: #3496ff; background-color: #3496ff; } ul.pagination li.active a:hover { cursor: pointer; border-color: #3496ff; background-color: #3496ff; } ul.pagination li.disabled a { opacity: 0.5; border-color: transparent; } /* Modals */ @media only screen and (min-width: 320px) and (max-width: 1023px) { .modal-dialog { margin-top: 100px; } } @media only screen and (min-width: 1336px) { .modal-dialog { margin-top: 100px; } } .modal-md { /* @include respond-to(medium-screens) { width: 400px; } @include respond-to(wide-screens) { width: 400px; }*/ } @media only screen and (max-width: 464px) { .modal-lg { width: 95%; } } @media only screen and (min-width: 320px) and (max-width: 1023px) { .modal-lg { width: 95%; } } @media only screen and (min-width: 1336px) { .modal-lg { width: 60%; } } .modal-title { font-family: 'Roboto', Arial, Helvetica, sans-serif; } .modal-content { border-radius: 3px; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5); border: none; } .modal-backdrop { background: rgba(10, 10, 10, 0.6); opacity: 0.75 !important; } .modal-header { border-top: 1px solid transparent; border-bottom: 1px solid #e5e5e5; padding: 12px 22px; } .modal-header h4 { line-height: 1.8em; } .modal-header .close { padding: 5px 0px; margin-top: -2px; margin-right: -4px; } .modal-body { padding: 12px 22px; } .modal-body h4 { line-height: 1.8em; margin-bottom: 1em; } .modal-body h6 { line-height: 1.8em; } .modal-footer { border-top: 1px solid #e5e5e5; } /*Animations*/ .modal.fade .modal-dialog { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: slideInDown; animation-name: slideInDown; } .modal.in .modal-dialog { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: slideInUp; animation-name: slideInUp; } /* Modal Fix for Movement When Opened*/ body, .navbar-fixed-top, .navbar-fixed-bottom { padding-right: 0 !important; } .bootstrap-tagsinput { border-width: 2px; } .tooltip, .tooltip-inner { z-index: 1090 !important; } /*-----------------------------------------------------------------------------------*/ /* 3.Header (Navigation, Search, etc.) /*-----------------------------------------------------------------------------------*/ header { position: relative; width: 100%; z-index: 100; background-color: ##172331 /* margin-bottom: 20px;*/ /* .header-login-actions { float: right; margin: 0 8px; .btn { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 0.025em; text-transform: uppercase; &.btn-link { color: #333; border: none; &:hover { text-decoration: underline; } &:focus { box-shadow: none; } } } }*/ } header.sticky-head { position: fixed; } header .pm-top-head { display: table; background-color: #172331; background-image:url('topbg.png'); /* border-left: 1px solid $pm-top-head-border-color; border-right: 1px solid $pm-top-head-border-color; border-bottom: 1px solid $pm-top-head-border-color;*/ padding: 14px 0; margin: 0 auto; max-height: auto; width: 100%; max-width: 1170px; } header .header-logo { display: inline-block; /* @include respond-to(handhelds) { width: 120px; }*/ } header .header-logo img { display: inline-block; vertical-align: top; max-width: 100%; max-height: 60px; } header h3 { margin-top: 3px; font-weight: bold; font-size: 22px; } @media only screen and (max-width: 464px) { header h3 { font-size: 18px; } } header h3 a { color: #3496ff; } header h3 a:focus, header h3 a:hover { text-decoration: none; color: #1b89ff; } header form#search.pm-search-form { margin-top: 0; } header form#search.pm-search-form .input-group { position: relative; } header form#search.pm-search-form .input-group-btn { /* position: relative; right: 40px; z-index: 100; */ } header form#search.pm-search-form .input-group { border: 1px solid #f5f5f5; border-radius: 3px; background-color: #FFFFFF; } header form#search.pm-search-form .input-group.focused, header form#search.pm-search-form .input-group:focus, header form#search.pm-search-form .input-group:active, header form#search.pm-search-form .input-group:hover { background-color: #FFFFFF; border-color: #e0e0e0; -webkit-box-shadow: 2px 1px 2px #EEE; box-shadow: 2px 1px 2px #EEE; -webkit-transition: border-color 100ms ease-in; transition: border-color 100ms ease-in; } header form#search.pm-search-form .input-group.focused i.fa, header form#search.pm-search-form .input-group:focus i.fa, header form#search.pm-search-form .input-group:active i.fa, header form#search.pm-search-form .input-group:hover i.fa { color: #666; -webkit-transition: color 100ms ease-in; transition: color 100ms ease-in; } header form#search.pm-search-form input { padding-right: 40px; padding-left: 14px; border: 0 solid transparent; border-radius: 3px 0 0 3px; } header form#search.pm-search-form button { border-left: 0; border-width: 1px; border-radius: 0 3px 3px 0; border-color: #FFFFFF; background-color: #FFFFFF; } header form#search.pm-search-form button i.fa { color: #999; } header #pm-top-search.animated { z-index: 1000; } header #pm-top-search.show-me { position: absolute; width: 60%; display: block !important; } header .row { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pm-top-nav { display: table; background-color: ##172331; padding: 6px 0; margin: 0 auto; border-bottom: none; -webkit-box-shadow: 0px 1px 1px rgba(56, 56, 55, 0.1); box-shadow: 0px 1px 1px rgba(56, 56, 56, 0.1); width: 100%; /*// border-bottom: 1px solid $pm-top-head-border-color; // border-bottom: 1px solid #eee; // box-shadow: 0 1px 1px rgba(34,45,57,.15); */ /* @include border-radius(4px); border-top-left-radius: 0; border-top-right-radius: 0; */ } .pm-top-nav .row { max-width: 1170px; padding: 0; } .pm-top-nav .row .col-md-8 { margin: 0; padding-left: 0; padding-right: 0; } .pm-top-nav .row .btn { float: right; } .pm-top-nav ul.nav { max-width: 1170px; border: none; margin: 0 auto; } .pm-top-nav ul.nav li { border: none; } .pm-top-nav ul.nav li a { color: #000000; border: none; font-weight: bold; } @media only screen and (max-width: 464px) { .pm-top-nav ul.nav li a { font-style: 11px; padding: 8px 10px; } } .pm-top-nav ul.nav li a:hover { color: #288ce4; border: none; background: none; } .pm-top-nav ul.nav li a:focus { color: ##172331; border: none; background: none; } .pm-top-nav ul.nav li.active { color: #288ce4; border-bottom-color: #288ce4; } .pm-top-nav ul.nav li.active a { color: #288ce4; border: none; } .pm-top-nav ul.nav li.active a:focus { color: #288ce4; border: none; outline: 0; } .pm-top-nav ul.nav li.active a:hover { color: #288ce4; border: none; } .pm-top-nav ul.nav li .mico { font-size: 14px !important; width: 20px; height: 17px; margin: 0; padding: 0; margin-right: 6px; color: #777; vertical-align: middle; display: inline-block; } .pm-top-nav .dropdown-menu { z-index: 2000; border-color: #f2f2f2; border-radius: 2px; background-clip: padding-box; } .pm-top-nav .dropdown-menu:after, .pm-top-nav .dropdown-menu:before { bottom: 100%; right: 8%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .pm-top-nav .dropdown-menu li { margin-right: 0; } .pm-top-nav .dropdown-menu li a { font-size: 13px; padding: 6px 20px; } .pm-top-nav .dropdown-menu li a:hover { color: #FFF; background-color: #288ce4; } /* Search Suggestions Dropdown */ .pm-search-suggestions { z-index: 200; } .pm-search-suggestions ul.pm-search-suggestions-list { display: block; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); width: 100%; z-index: 1000; } @media only screen and (max-width: 464px) { .pm-search-suggestions ul.pm-search-suggestions-list { width: auto; } } .pm-search-suggestions ul.pm-search-suggestions-list li { display: block; position: relative; } .pm-search-suggestions ul.pm-search-suggestions-list li:hover a { color: #222; background-color: #f1f1f1; text-decoration: none; } .pm-search-suggestions ul.pm-search-suggestions-list li a.selected { color: #222 !important; background-color: #f1f1f1; font-weight: bold; } .pm-search-suggestions ul.pm-search-suggestions-list li.selected a { color: #fff; background-color: #3496ff; } .pm-search-suggestions ul.pm-search-suggestions-list li.selected a.selected { color: #fff !important; } .pm-search-suggestions ul.pm-search-suggestions-list li a { font-size: 13px; color: #888; } /* Right Side User Menu: Upload, Notifications, User */ .navbar-pmuser { padding: 0; margin: 2px 0; float: right; } .navbar-pmuser li { position: relative; margin-left: 0px; text-transform: capitalize; } @media only screen and (max-width: 464px) { .navbar-pmuser li { margin-right: 2px; padding: 2px; } } .navbar-pmuser li.nav-menu-item { font-weight: bold; font-size: 12px; padding-right: 0; margin-right: 0; } .navbar-pmuser li.nav-menu-item img { border-radius: 100px; } .navbar-pmuser .dropdown-menu { width: 200px; margin-top: 19px; left: -120px; padding-top: 0; font-family: 'Roboto', Arial, Helvetica, sans-serif; border-radius: 2px; background-clip: padding-box; border-color: #f2f2f2; } .navbar-pmuser .dropdown-menu:after, .navbar-pmuser .dropdown-menu:before { bottom: 100%; right: 8%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .navbar-pmuser .dropdown-menu:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #f9f9f9; border-width: 8px; margin-right: 0px; } .navbar-pmuser .dropdown-menu:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #5f6c73; border-bottom-color: #f2f2f2; border-width: 8px; margin-right: 0px; } .navbar-pmuser .dropdown-menu li { margin-right: 0; } .navbar-pmuser .dropdown-menu li a { font-size: 13px; padding: 8px 20px; color: #888; font-weight: bold; font-size: 13px; } .navbar-pmuser .dropdown-menu li a:hover { color: #288ce4; background-color: #f9f9f9; } .navbar-pmuser .nav-menu-item .header-avatar { background-color: #f8f8f8; display: inline-block; } .navbar-pmuser .nav-menu-item .dropdown-menu { left: -160px; } .navbar-pmuser .nav-menu-item .dropdown-menu li:first-child { padding: 0 20px; background-color: #f3f3f3; } .navbar-pmuser .nav-menu-item .dropdown-menu li:first-child a { color: #111; font-weight: bold; line-height: 3em; padding: 0; margin: 0; } .navbar-pmuser .nav-menu-item .dropdown-menu li:first-child a:hover { color: #111; background-color: transparent; } .navbar-pmuser .nav-menu-item .dropdown-menu li:first-child .btn-nav-edit-profile { position: absolute; right: 16px; top: 2px; opacity: .5; color: #555; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .navbar-pmuser .nav-menu-item .dropdown-menu li:first-child .btn-nav-edit-profile:hover { background-color: transparent; opacity: 1.0; } .navbar-pmuser #pm-top-mobile-search-show, .navbar-pmuser #pm-social-notifications-show { margin: 0 !important; padding: 10px 0 !important; } .navbar-pmuser #pm-top-mobile-search-show:focus, .navbar-pmuser #pm-top-mobile-search-show:hover, .navbar-pmuser #pm-social-notifications-show:focus, .navbar-pmuser #pm-social-notifications-show:hover { color: #333; text-decoration: none; } .navbar-pmuser #pm-top-mobile-search-show i.mico, .navbar-pmuser #pm-social-notifications-show i.mico { padding: 0 !important; margin: 0 !important; font-size: 24px; vertical-align: middle; color: #cccccc; } .navbar-pmuser #pm-top-mobile-search-show i.mico.mico-notifications_active, .navbar-pmuser #pm-social-notifications-show i.mico.mico-notifications_active { color: #666; } @media only screen and (max-width: 464px) { .navbar-pmuser #pm-top-mobile-search-show i.mico, .navbar-pmuser #pm-social-notifications-show i.mico { font-size: 24px; } } .navbar-pmuser .pm-social-notifications-count { display: block; top: -2px; right: 1px; font-size: 8px; padding: 3px 4px; background-color: #F6353E; border-radius: 50%; background: #ff3019; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #ff3019 0%, #cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } /* Social Notifications List */ #pm-social-notifications-container { position: absolute; top: 50px; right: 0; left: auto; background-color: #FFF; z-index: 100; padding: 0; margin: 0; max-width: 300px; width: 300px; border: 1px solid #c2c2c2; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); border-radius: 2px; overflow-y: scroll; overflow-x: visible; } @media only screen and (max-width: 464px) { #pm-social-notifications-container { right: -50px; } } #pm-social-notifications-container span#loading { margin: 8px 4px; font-size: 13px; font-weight: bold; display: block; text-align: center; } #pm-social-notifications-container span#log { padding: 20px 4px; width: 100%; display: block; } ul.pm-social-ul-notifications { margin: 3px 0; padding: 0; color: #333; text-shadow: none; } ul.pm-social-ul-notifications::-webkit-scrollbar { width: 10px; } ul.pm-social-ul-notifications::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px #FFF; /*rgba(0,0,0,0.3)*/ } ul.pm-social-ul-notifications::-webkit-scrollbar-thumb { border-radius: 10px; background: #FFF; /*rgba(0,0,0,0.8)*/ -webkit-box-shadow: inset 0 0 6px #FFF; /* rgba(0,0,0,0.5)*/ } ul.pm-social-ul-notifications::-webkit-scrollbar-thumb:window-inactive { background: #EEE; /*rgba(0,0,0,0.4)*/ } ul.pm-social-ul-notifications li.media { color: #333; font-size: 11px; line-height: 1.5em; border-bottom: 1px solid #e9e9e9; padding: 6px 10px; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; margin: 0; } ul.pm-social-ul-notifications li.media a { color: #222; font-weight: bold; padding: 0; margin: 0; } ul.pm-social-ul-notifications li.media a:hover { color: #1c5dff; text-decoration: none; } ul.pm-social-ul-notifications li.media .media-object { margin-top: 4px; } ul.pm-social-ul-notifications li.media .media-body { padding: 0 0 0 8px; color: #000; } ul.pm-social-ul-notifications li.media .media-body .media-date { color: #aaa; font-size: 11px; display: block; margin: 0; padding: 0; } ul.pm-social-ul-notifications li.media:hover { background-color: #DDD; } ul.pm-social-ul-notifications .media.media-unread { background-color: #3879d9; border-bottom-color: #FFF; } ul.pm-social-ul-notifications .media.media-unread a { color: #FFF; text-shadow: none; } ul.pm-social-ul-notifications .media.media-unread a:hover { color: #FFF; } ul.pm-social-ul-notifications .media.media-unread .media-body { color: #FFF; } ul.pm-social-ul-notifications .media.media-unread:hover { background-color: #3879d9; } /*-----------------------------------------------------------------------------------*/ /* 4.Index page (Featured, New Videos, etc.) /*-----------------------------------------------------------------------------------*/ ul.pm-ul-browse-videos { /* &#pm-grid { h3 { margin:0 !important; font-size: 1.2em; } }*/ } ul.pm-ul-browse-videos li { margin-bottom: 12px; padding: 6px !important; } .pm-carousel-sidebuttons { position: relative; opacity: 0.3; } .pm-carousel-sidebuttons .btn-slider { position: absolute; height: 132px; width: 20px; border-radius: 0; padding: 0; padding-top: 6px; margin: 0; color: #FFF; font-size: 20px; top: 4px; } .pm-carousel-sidebuttons .btn-slider:hover { background-color: #555; } .pm-carousel-sidebuttons .btn-slider.btn-car-next { right: -20px; } .pm-carousel-sidebuttons .btn-slider.btn-car-prev { left: -25px; } .col-md-sidebar { border-left: 1px solid #eee; } .pm-vbwrn-list-row { padding-bottom: 20px; border-bottom: 1px solid #eee; } .pm-featured-list-row { background-color: #F9F9F9; border-bottom: 1px solid #F9F9F9; } .pm-featured-cat-row { padding: 20px 0; } .pm-featured-cat-row .pm-section-head { padding-bottom: 10px; border-bottom: solid 3px #eee; } .pm-featured-cat-row .pm-section-head h2 { display: initial; padding-bottom: 6px; line-height: 28px; } .pm-featured-cat-row .pm-section-head h2::after { content: ''; display: block; width: 0; height: 3px; -webkit-transition: width .3s; transition: width .3s; border-bottom: 3px solid #288ce4; margin-bottom: -13px; } .pm-featured-cat-row .pm-section-head .btn-group { position: absolute; border-radius: 0; padding: 0; margin: 0; color: #3496ff; font-size: 20px; top: 3px; right: 0; } .pm-featured-cat-row .pm-section-head .btn-group .btn:active, .pm-featured-cat-row .pm-section-head .btn-group .btn:focus, .pm-featured-cat-row .pm-section-head .btn-group .btn:hover { background-color: transparent; } .pm-featured-cat-row .pm-section-head .btn-group .btn:first-child, .pm-featured-cat-row .pm-section-head .btn-group .btn.slick-arrow { margin-left: 3px; border-radius: 50%; width: 22px; height: 22px; margin: 0; padding: 0; -webkit-transition: none; transition: none; } .pm-featured-cat-row .pm-section-head .btn-group .btn:first-child i, .pm-featured-cat-row .pm-section-head .btn-group .btn.slick-arrow i { padding: 0; margin: 0; text-align: center; } .pm-featured-cat-row .pm-section-head .btn-group .btn:first-child:focus, .pm-featured-cat-row .pm-section-head .btn-group .btn:first-child:active, .pm-featured-cat-row .pm-section-head .btn-group .btn.slick-arrow:focus, .pm-featured-cat-row .pm-section-head .btn-group .btn.slick-arrow:active { outline: none; background-color: transparent; } .pm-featured-cat-row .pm-section-head .btn-group .btn:first-child:focus i, .pm-featured-cat-row .pm-section-head .btn-group .btn:first-child:active i, .pm-featured-cat-row .pm-section-head .btn-group .btn.slick-arrow:focus i, .pm-featured-cat-row .pm-section-head .btn-group .btn.slick-arrow:active i { opacity: 1.0; } .pm-featured-cat-row:hover h2::after { width: 100%; } /*-----------------------------------------------------------------------------------*/ /* 5.Video Pages /*-----------------------------------------------------------------------------------*/ #video-control, #content-main { /*box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);*/ } #video-control .row, #video-control .col-md-12, #video-control.container-fluid, #content-main .row, #content-main .col-md-12, #content-main.container-fluid { margin: 12px 0; } #video-control { margin: 0; margin-top: -38px; padding: 4px 0; height: 66px; } #player { margin: 0 auto; padding-bottom: 0; background-color: transparent; } #player.wide-player { width: 100%; padding: 0; margin: 0; background-color: transparent; } #player.wide-player #video-wrapper object, #player.wide-player #video-wrapper embed, #player.wide-player #video-wrapper iframe, #player.wide-player #video-wrapper .video-js, #player.wide-player #video-wrapper .jwplayer { width: 100%; padding: 0; margin: 0 auto; } .pm-video-heading { padding: 24px 0; background-color: transparent; } .pm-video-heading h1, .pm-video-heading .pm-video-watch-featured h2 a, .pm-video-watch-featured h2 .pm-video-heading a { padding: 0; margin: 0; color: #333; font-weight: 700; } @media only screen and (max-width: 464px) { .pm-video-heading h1, .pm-video-heading .pm-video-watch-featured h2 a, .pm-video-watch-featured h2 .pm-video-heading a { font-size: 22px; line-height: 1em; } } .pm-video-heading h6 { color: #888; line-height: 1.6em; margin: 0; } .pm-video-heading h6 a { color: #888; } .pm-video-heading .pm-video-adjust { text-align: right; float: right; } .pm-video-heading .label-featured { position: absolute; top: -24px; left: 15px; color: #111; font-size: 12px; background-color: #FC0; padding: 3px 8px; margin: 0; border-radius: 0; background-clip: padding-box; } .row.pm-video-control { display: block; border-bottom: 1px solid #eee; } .row.pm-video-control a { color: #999; } .row.pm-video-control a:hover { color: #222; } .row.pm-video-control form { padding: 0; margin: 0; display: inline; } .row.pm-video-control .btn.btn-video { color: #999; border: 1px solid transparent; background: transparent; font-weight: bold; padding-top: 10px; } .row.pm-video-control .btn.btn-video:focus { outline: 0; } .row.pm-video-control .btn.btn-video:hover { color: #222; background: transparent; } .row.pm-video-control .btn.btn-video.active { border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .row.pm-video-control .btn.btn-video.active#bin-rating-like { color: #249d57; } .row.pm-video-control .btn.btn-video.active#bin-rating-dislike { color: #c20b09; } .row.pm-video-control .btn i { opacity: 1.0; } .row.pm-video-control .btn:hover i { opacity: 1.0; } .row.pm-video-control #bin-rating-like-confirmation, .row.pm-video-control #bin-rating-dislike-confirmation { position: absolute; left: -18px; bottom: 28px; border: 2px solid #FFF !important; width: 250px; background-color: #FFF; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); color: #555; z-index: 1000; } .row.pm-video-control #bin-rating-like-confirmation:after, .row.pm-video-control #bin-rating-like-confirmation:before, .row.pm-video-control #bin-rating-dislike-confirmation:after, .row.pm-video-control #bin-rating-dislike-confirmation:before { top: 100%; left: 12%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; margin-top: 2px; } .row.pm-video-control #bin-rating-like-confirmation:after, .row.pm-video-control #bin-rating-dislike-confirmation:after { border-color: rgba(255, 255, 255, 0); border-top-color: #FFF; border-width: 8px; margin-right: 0px; } .row.pm-video-control #bin-rating-like-confirmation:before, .row.pm-video-control #bin-rating-dislike-confirmation:before { border-color: rgba(204, 204, 204, 0); border-top-color: #e0dee0; border-top-color: #e0dee0; border-width: 8px; margin-right: 0px; } .row.pm-video-control #bin-rating-like-confirmation .tooltip, .row.pm-video-control #bin-rating-dislike-confirmation .tooltip { z-index: 3000; } .row.pm-video-control #bin-rating-like-confirmation a, .row.pm-video-control #bin-rating-dislike-confirmation a { display: inline-block; padding-right: 5px; } .row.pm-video-control #bin-rating-dislike-confirmation { left: 36px; top: -88px; } @media only screen and (max-width: 464px) { .row.pm-video-control #bin-rating-dislike-confirmation { left: 50px; } } .row.pm-video-control .pm-video-views { display: block; color: #626262; font-weight: 400; font-size: 14px; line-height: 1em; padding: 12px 20px; text-transform: lowercase; } .row.pm-video-control .progress { height: 4px; margin: 0; padding: 0; width: 100px; border-radius: 0; -webkit-box-shadow: 0; box-shadow: 0; } .row.pm-video-control .progress .progress-bar.progress-bar-success { background-color: #acc95e; } .row.pm-video-control .progress .progress-bar.progress-bar-danger { background-image: -webkit-gradient(linear, left top, left bottom, from(linear), color-stop(#ff8162), to(#eb613f)); background-image: linear-gradient(linear, #ff8162, #eb613f); } .pm-video-main-methods li a i.mico { font-size: 20px; } /* Playlist */ .pm-video-playlist li a { font-family: 'Roboto', Arial, Helvetica, sans-serif; } .pm-playlist-controls { position: absolute; top: 8px; right: 0; } .pm-playlist-controls i { margin-left: 4px; font-size: 16px; } /* Video Description */ .pm-video-description { font-size: 13px; } .pm-video-description .dl-horizontal { line-height: 1.9em; font-weight: bold; margin: 20px 0; padding: 0; } .pm-video-description .dl-horizontal dt { width: 100px; text-align: left; } .pm-video-description .dl-horizontal dd { color: #ADAFAE; margin-left: 120px; } @media only screen and (max-width: 464px) { .pm-video-description .dl-horizontal dd { margin-left: 0; padding: 4px 0; } } .pm-video-description .dl-horizontal dd a { margin-right: 4px; } .pm-video-description .dl-horizontal dd a:hover { text-decoration: underline; } .readmore-js-collapsed { -webkit-box-shadow: none; box-shadow: none; background: transparent url("../img/bg-desc-shadow.png") no-repeat center bottom; background: none; } a.readmore-js-toggle { color: #666; display: block; font-weight: bold; font-size: 12px; background: none; padding: 10px 0; margin: 0; margin-bottom: 20px; border: 0; width: auto; text-align: left; text-transform: uppercase; } a.readmore-js-toggle:hover, a.readmore-js-toggle:focus { color: #111; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .pm-section-highlighted { /*background-color: #070d19;*/ background-color: transparent; color: #fafafa; /*overflow: hidden;*/ padding: 0; margin: 0 auto; width: 100%; max-width: 1170px; border-radius: 0; position: relative; display: table; height: auto; /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);*/ /* ul.pm-ul-carousel-videos { margin: 20px auto; padding:0; li { .thumbnail { color: #fafafa; @include respond-to(wide-screens) { min-height: 180px; } @include respond-to(medium-screens) { min-height: 180px; } @include respond-to(small-screens) { min-height: 120px; } margin-bottom: 0; padding-bottom:0; .pm-video-thumb { background-color: transparent; border: 1px solid #333; } .caption { a { color: #fafafa; } } } } }*/ } @media only screen and (max-width: 464px) { .pm-section-highlighted { max-width: 100%; } } @media only screen and (min-width: 1023px) and (max-width: 1335px) { .pm-section-highlighted { max-width: 100%; } } @media only screen and (min-width: 320px) and (max-width: 1023px) { .pm-section-highlighted { max-width: 100%; } } .pm-section-highlighted .col-md-8 { padding: 0; } .pm-section-highlighted .container { margin-bottom: 0; padding-bottom: 0; } @media only screen and (max-width: 464px) { .pm-section-highlighted .container { width: 100%; max-width: 100%; } } @media only screen and (min-width: 1023px) and (max-width: 1335px) { .pm-section-highlighted .container { width: 100%; max-width: 100%; } } .pm-section-highlighted .pm-ads-banner { padding: 0; } @media only screen and (max-width: 464px) { .pm-section-highlighted .pm-ads-banner { padding: 14px 0; } } @media only screen and (min-width: 320px) and (max-width: 1023px) { .pm-section-highlighted .pm-ads-banner { padding: 14px 0; } } .pm-section-highlighted #Playerholder_wrapper, .pm-section-highlighted #Playerholder { display: block; width: 100%; height: 100%; min-height: 300px; /* min-height: 100%;*/ } .pm-section-highlighted #Playerholder_wrapper, .pm-section-highlighted #video-wrapper { margin: 0; padding: 0; width: 100%; height: auto; display: block; position: relative; /*@include respond-to(handhelds) { margin: 0 auto; }*/ } .pm-section-highlighted #Playerholder_wrapper .embedded-video, .pm-section-highlighted #video-wrapper .embedded-video { position: relative; padding-bottom: 56%; padding-top: 20px; height: 0; } .pm-section-highlighted #Playerholder_wrapper .embedded-video iframe, .pm-section-highlighted #video-wrapper .embedded-video iframe { position: absolute; top: 0; left: 0 !important; width: 100%; height: 100%; } .pm-section-highlighted #Playerholder_wrapper iframe, .pm-section-highlighted #video-wrapper iframe { height: 100% !important; } .pm-section-highlighted #Playerholder_wrapper video, .pm-section-highlighted #video-wrapper video { /* width: 100%; min-height: 360px; display: block; @include respond-to(wide-screens) { min-height: $break-1336 / 3;} @include respond-to(large-screens) { min-height: $break-1500 / 3; }*/ } .pm-section-highlighted #Playerholder_wrapper video, .pm-section-highlighted #Playerholder_wrapper object, .pm-section-highlighted #Playerholder_wrapper embed, .pm-section-highlighted #Playerholder_wrapper iframe, .pm-section-highlighted #Playerholder_wrapper .video-js, .pm-section-highlighted #Playerholder_wrapper .jwplayer, .pm-section-highlighted #video-wrapper video, .pm-section-highlighted #video-wrapper object, .pm-section-highlighted #video-wrapper embed, .pm-section-highlighted #video-wrapper iframe, .pm-section-highlighted #video-wrapper .video-js, .pm-section-highlighted #video-wrapper .jwplayer { display: block; width: 100%; } @media only screen and (min-width: 1500px) { .pm-section-highlighted #Playerholder_wrapper video, .pm-section-highlighted #Playerholder_wrapper object, .pm-section-highlighted #Playerholder_wrapper embed, .pm-section-highlighted #Playerholder_wrapper iframe, .pm-section-highlighted #Playerholder_wrapper .video-js, .pm-section-highlighted #Playerholder_wrapper .jwplayer, .pm-section-highlighted #video-wrapper video, .pm-section-highlighted #video-wrapper object, .pm-section-highlighted #video-wrapper embed, .pm-section-highlighted #video-wrapper iframe, .pm-section-highlighted #video-wrapper .video-js, .pm-section-highlighted #video-wrapper .jwplayer { min-height: 500px; } } @media only screen and (min-width: 1336px) { .pm-section-highlighted #Playerholder_wrapper video, .pm-section-highlighted #Playerholder_wrapper object, .pm-section-highlighted #Playerholder_wrapper embed, .pm-section-highlighted #Playerholder_wrapper iframe, .pm-section-highlighted #Playerholder_wrapper .video-js, .pm-section-highlighted #Playerholder_wrapper .jwplayer, .pm-section-highlighted #video-wrapper video, .pm-section-highlighted #video-wrapper object, .pm-section-highlighted #video-wrapper embed, .pm-section-highlighted #video-wrapper iframe, .pm-section-highlighted #video-wrapper .video-js, .pm-section-highlighted #video-wrapper .jwplayer { min-height: 556.6666666667px; } } @media only screen and (min-width: 1023px) and (max-width: 1335px) { .pm-section-highlighted #Playerholder_wrapper video, .pm-section-highlighted #Playerholder_wrapper object, .pm-section-highlighted #Playerholder_wrapper embed, .pm-section-highlighted #Playerholder_wrapper iframe, .pm-section-highlighted #Playerholder_wrapper .video-js, .pm-section-highlighted #Playerholder_wrapper .jwplayer, .pm-section-highlighted #video-wrapper video, .pm-section-highlighted #video-wrapper object, .pm-section-highlighted #video-wrapper embed, .pm-section-highlighted #video-wrapper iframe, .pm-section-highlighted #video-wrapper .video-js, .pm-section-highlighted #video-wrapper .jwplayer { min-height: 512px; } } @media only screen and (min-width: 320px) and (max-width: 1023px) { .pm-section-highlighted #Playerholder_wrapper video, .pm-section-highlighted #Playerholder_wrapper object, .pm-section-highlighted #Playerholder_wrapper embed, .pm-section-highlighted #Playerholder_wrapper iframe, .pm-section-highlighted #Playerholder_wrapper .video-js, .pm-section-highlighted #Playerholder_wrapper .jwplayer, .pm-section-highlighted #video-wrapper video, .pm-section-highlighted #video-wrapper object, .pm-section-highlighted #video-wrapper embed, .pm-section-highlighted #video-wrapper iframe, .pm-section-highlighted #video-wrapper .video-js, .pm-section-highlighted #video-wrapper .jwplayer { min-height: 426.6666666667px; } } @media only screen and (max-width: 464px) { .pm-section-highlighted #Playerholder_wrapper video, .pm-section-highlighted #Playerholder_wrapper object, .pm-section-highlighted #Playerholder_wrapper embed, .pm-section-highlighted #Playerholder_wrapper iframe, .pm-section-highlighted #Playerholder_wrapper .video-js, .pm-section-highlighted #Playerholder_wrapper .jwplayer, .pm-section-highlighted #video-wrapper video, .pm-section-highlighted #video-wrapper object, .pm-section-highlighted #video-wrapper embed, .pm-section-highlighted #video-wrapper iframe, .pm-section-highlighted #video-wrapper .video-js, .pm-section-highlighted #video-wrapper .jwplayer { min-height: 257.7777777778px; } } .pm-section-highlighted #Playerholder_wrapper video video, .pm-section-highlighted #Playerholder_wrapper object video, .pm-section-highlighted #Playerholder_wrapper embed video, .pm-section-highlighted #Playerholder_wrapper iframe video, .pm-section-highlighted #Playerholder_wrapper .video-js video, .pm-section-highlighted #Playerholder_wrapper .jwplayer video, .pm-section-highlighted #video-wrapper video video, .pm-section-highlighted #video-wrapper object video, .pm-section-highlighted #video-wrapper embed video, .pm-section-highlighted #video-wrapper iframe video, .pm-section-highlighted #video-wrapper .video-js video, .pm-section-highlighted #video-wrapper .jwplayer video { height: auto; max-height: auto; } .pm-section-highlighted #Playerholder_wrapper video .jwlogo, .pm-section-highlighted #Playerholder_wrapper object .jwlogo, .pm-section-highlighted #Playerholder_wrapper embed .jwlogo, .pm-section-highlighted #Playerholder_wrapper iframe .jwlogo, .pm-section-highlighted #Playerholder_wrapper .video-js .jwlogo, .pm-section-highlighted #Playerholder_wrapper .jwplayer .jwlogo, .pm-section-highlighted #video-wrapper video .jwlogo, .pm-section-highlighted #video-wrapper object .jwlogo, .pm-section-highlighted #video-wrapper embed .jwlogo, .pm-section-highlighted #video-wrapper iframe .jwlogo, .pm-section-highlighted #video-wrapper .video-js .jwlogo, .pm-section-highlighted #video-wrapper .jwplayer .jwlogo { display: none !important; } @media only screen and (min-width: 1336px) { .pm-section-highlighted #player.narrow-player #Playerholder_wrapper, .pm-section-highlighted #player.narrow-player #Playerholder { min-height: 477.1428571429px; } } @media only screen and (min-width: 1500px) { .pm-section-highlighted #player.narrow-player #Playerholder_wrapper, .pm-section-highlighted #player.narrow-player #Playerholder { min-height: 535.7142857143px; } } .pm-section-highlighted #player.narrow-player #Playerholder_wrapper, .pm-section-highlighted #player.narrow-player #video-wrapper { width: 100%; } @media only screen and (min-width: 1023px) and (max-width: 1335px) { .pm-section-highlighted #player.narrow-player #Playerholder_wrapper video, .pm-section-highlighted #player.narrow-player #Playerholder_wrapper object, .pm-section-highlighted #player.narrow-player #Playerholder_wrapper embed, .pm-section-highlighted #player.narrow-player #Playerholder_wrapper iframe, .pm-section-highlighted #player.narrow-player #Playerholder_wrapper .video-js, .pm-section-highlighted #player.narrow-player #Playerholder_wrapper .jwplayer, .pm-section-highlighted #player.narrow-player #video-wrapper video, .pm-section-highlighted #player.narrow-player #video-wrapper object, .pm-section-highlighted #player.narrow-player #video-wrapper embed, .pm-section-highlighted #player.narrow-player #video-wrapper iframe, .pm-section-highlighted #player.narrow-player #video-wrapper .video-js, .pm-section-highlighted #player.narrow-player #video-wrapper .jwplayer { min-height: 426.6666666667px; } } @media only screen and (min-width: 1336px) { .pm-section-highlighted #player.narrow-player #Playerholder_wrapper video, .pm-section-highlighted #player.narrow-player #Playerholder_wrapper object, .pm-section-highlighted #player.narrow-player #Playerholder_wrapper embed, .pm-section-highlighted #player.narrow-player #Playerholder_wrapper iframe, .pm-section-highlighted #player.narrow-player #Playerholder_wrapper .video-js, .pm-section-highlighted #player.narrow-player #Playerholder_wrapper .jwplayer, .pm-section-highlighted #player.narrow-player #video-wrapper video, .pm-section-highlighted #player.narrow-player #video-wrapper object, .pm-section-highlighted #player.narrow-player #video-wrapper embed, .pm-section-highlighted #player.narrow-player #video-wrapper iframe, .pm-section-highlighted #player.narrow-player #video-wrapper .video-js, .pm-section-highlighted #player.narrow-player #video-wrapper .jwplayer { min-height: 477.1428571429px; } } @media only screen and (min-width: 1500px) { .pm-section-highlighted #player.narrow-player #Playerholder_wrapper video, .pm-section-highlighted #player.narrow-player #Playerholder_wrapper object, .pm-section-highlighted #player.narrow-player #Playerholder_wrapper embed, .pm-section-highlighted #player.narrow-player #Playerholder_wrapper iframe, .pm-section-highlighted #player.narrow-player #Playerholder_wrapper .video-js, .pm-section-highlighted #player.narrow-player #Playerholder_wrapper .jwplayer, .pm-section-highlighted #player.narrow-player #video-wrapper video, .pm-section-highlighted #player.narrow-player #video-wrapper object, .pm-section-highlighted #player.narrow-player #video-wrapper embed, .pm-section-highlighted #player.narrow-player #video-wrapper iframe, .pm-section-highlighted #player.narrow-player #video-wrapper .video-js, .pm-section-highlighted #player.narrow-player #video-wrapper .jwplayer { min-height: 535.7142857143px; } } .pm-video-watch-featured { margin: 0 auto; padding: 0; width: 100%; /* width: $content-width; max-width: $content-width; */ /* @include respond-to(wide-screens) { width: $content-width; }*/ } .pm-video-watch-featured h2 { padding: 24px 0; position: relative; display: block; } .pm-video-watch-featured h2 a { font-weight: 700; color: #333; } .pm-video-watch-featured h2 a:hover { color: #1c5dff; text-decoration: none; } .pm-video-watch-featured h2 a:visited { color: #333; } /* Sidelist videos --------------------------------------------- */ .btn-group-nice-dropdown.open .dropdown-toggle { box-shadow: none !important; -webkit-box-shadow: none !important; } .btn-group-nice-dropdown a:hover, .btn-group-nice-dropdown a:focus { text-decoration: none; } .btn-group-nice-dropdown a.toggle-strong { font-weight: bold; margin-bottom: 1em; margin-right: 1em; } .btn-group-nice-dropdown a.toggle-strong .badge { font-size: 10px !important; margin-left: 6px; margin-right: 6px; border-radius: 3px !important; background-color: rgba(255, 255, 255, 0.2); color: #FFF; } .btn-group-nice-dropdown .dropdown-menu { z-index: 5000; margin-top: 0px; border-color: #f2f2f2; border-radius: 2px; background-clip: padding-box; } .btn-group-nice-dropdown .dropdown-menu:after, .btn-group-nice-dropdown .dropdown-menu:before { bottom: 100%; right: 8%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .btn-group-nice-dropdown .dropdown-menu li { margin-right: 0; } .btn-group-nice-dropdown .dropdown-menu li a { font-size: 13px; padding: 6px 20px; } .btn-group-nice-dropdown .dropdown-menu li a.active { color: #FFF; background-color: #288ce4; } .btn-group-nice-dropdown .dropdown-menu li a:hover, .btn-group-nice-dropdown .dropdown-menu li a:focus { color: #FFF; background-color: #288ce4; } #pm-related { position: relative; } #pm-related.pm-related-with-autoplay { position: relative; } #pm-related h4 { display: block-inline; font-size: 16px; } #pm-related .pm-autoplay-select { top: -1px; right: 0; width: auto; } #pm-related .pm-autoplay-select .pm-autoplay-info { top: -1px; position: absolute; font-size: 13px; font-weight: 500; } #pm-related .pm-autoplay-select .pm-autoplay-info i { vertical-align: middle; cursor: help; } #pm-related .pm-autoplay-select .pm-autoplay-switch { margin-left: 60px; } #pm-related .pm-autoplay-select .pm-autoplay-switch .autoplayonoff-inner:before { font-family: 'Material-Icon-PHP-Melody' !important; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1.3; font-size: 12px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e5ca"; } #pm-related ul.pm-ul-sidelist-videos { margin-top: 20px; } #pm-related ul.pm-ul-sidelist-videos li { margin-bottom: 20px; } #pm-related ul.pm-ul-sidelist-videos li:first-child { /* display: table; border-bottom: 1px solid #e1e1e1; padding-bottom:14px; margin-bottom: 16px;*/ } #pm-related ul.pm-ul-sidelist-videos li.li-now-playing { display: table; border-bottom: 1px solid #e1e1e1; padding-bottom: 14px; margin-bottom: 16px; border-top: 1px solid #e1e1e1; padding-top: 14px; margin-top: 16px; } #pm-related ul.pm-ul-sidelist-videos li h3 { width: 60%; font-size: 14px; margin-top: 0; line-height: 1.4em; } @media only screen and (max-width: 464px) { #pm-related ul.pm-ul-sidelist-videos li h3 { width: 64%; } } @media only screen and (min-width: 320px) and (max-width: 1023px) { #pm-related ul.pm-ul-sidelist-videos li h3 { width: 66%; } } #pm-related ul.pm-ul-sidelist-videos li h3 a { color: #333; font-weight: 700; } #pm-related ul.pm-ul-sidelist-videos li h3 a:hover { color: #1c5dff; text-decoration: none; } #pm-related ul.pm-ul-sidelist-videos li h3 a:visited { color: #408; } #pm-related ul.pm-ul-sidelist-videos li .pm-video-thumb { width: 38%; } @media only screen and (max-width: 464px) { #pm-related ul.pm-ul-sidelist-videos li .pm-video-thumb { width: 34%; } } #pm-related ul.pm-ul-sidelist-videos li .pm-video-thumb img { max-height: 76px; } #pm-related ul.pm-ul-sidelist-videos li .pm-video-meta span { display: block; font-size: 11px; } #pm-related ul.pm-ul-sidelist-videos li .pm-video-meta .pm-video-since { display: none; } #pm-related ul.pm-ul-sidelist-videos li .pm-video-meta .pm-video-views { text-transform: lowercase; } @media only screen and (min-width: 320px) and (max-width: 1023px) { #pm-related ul.pm-ul-sidelist-videos li .pm-video-thumb { /*width: 30%;*/ max-width: 110px; } } /* 'Add to playlist' List */ .modal .pm-playlist-items { max-height: 350px !important; overflow-y: auto !important; } .pm-playlist-items li.list-group-item { font-weight: normal; padding: 0; font-size: 13px; border: none; } .pm-playlist-items li.list-group-item a { padding: 10px 15px; position: relative; color: #888; font-weight: normal; } .pm-playlist-items li.list-group-item:hover { color: #333; background-color: #EEF6FF; } .pm-playlist-items li.list-group-item.pm-playlist-item-selected { background-color: transparent; color: #333; } .pm-playlist-items li.list-group-item.pm-playlist-item-selected a { color: #0F9D58; } .pm-playlist-items li.list-group-item.pm-playlist-item-selected a .pm-playlist-name { color: #0F9D58; font-weight: 400; } .pm-playlist-items li .pm-playlists-name { padding-left: 20px; font-weight: normal; } .pm-playlist-items li .pm-playlists-visibility { color: #888 !important; } .pm-playlist-items li .pm-playlists-video-count { color: #888; text-transform: lowercase; width: 30%; text-align: right; } .pm-playlist-items li .pm-playlist-response { display: inline-block; float: right; position: absolute; left: 7px; } /* Sources Nav */ .pm-sources-nav.nav { background-color: transparent; border-bottom: none; } .pm-sources-nav.nav li { border-radius: none; margin: 0; } .pm-sources-nav.nav li:active a { border: 0; border-bottom: 2px solid #3496ff; font-weight: bold; } .pm-sources-nav.nav li a { border: 0; border-radius: 0 !important; padding: 8px 10px; border-bottom: 2px solid transparent; } .pm-sources-nav.nav li a:hover { border-radius: 0; border: 0; border-bottom: 2px solid #3496ff; background-color: transparent; } /* Episode Selector */ .pm-episodes-nav { background-color: #292929; margin-top: 0; height: 40px; padding: 0; margin: 0; } .pm-episodes-nav a, .pm-episodes-nav i { color: #FFF; line-height: 1.4em; /*vertical-align: baseline;*/ } .pm-episodes-nav i { /*vertical-align: middle;*/ } .pm-episodes-nav a { /*vertical-align: middle;*/ padding: 0; } .pm-episodes-nav a:hover, .pm-episodes-nav a:active, .pm-episodes-nav a:focus { text-decoration: none; } .pm-episodes-nav .pm-nav-back, .pm-episodes-nav .pm-nav-forward { text-align: center; width: 40px; } .pm-episodes-nav .pm-nav-back a, .pm-episodes-nav .pm-nav-forward a { display: block; width: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .pm-episodes-nav .pm-nav-back a:hover, .pm-episodes-nav .pm-nav-forward a:hover { margin-left: 6px; } .pm-episodes-nav .pm-nav-back a:hover { margin-right: 6px; margin-left: -6px; } .pm-episodes-nav .pm-nav-modal { width: 92%; text-align: center; font-size: 14px; line-height: 1em; font-weight: bold; } .pm-episodes-nav .pm-nav-modal a { padding: 0; margin: 0; text-transform: uppercase; } .pm-episodes-nav .pm-nav-modal i { vertical-align: sub; margin-right: 6px; } /* Episode Modal */ .pm-ul-episodes { max-width: 100%; margin: 0; padding: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pm-ul-episodes .pm-li-episode { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 3px 0; padding: 0; width: 32%; } @media only screen and (min-width: 320px) and (max-width: 1023px) { .pm-ul-episodes .pm-li-episode { width: 49%; } } @media only screen and (max-width: 464px) { .pm-ul-episodes .pm-li-episode { width: 49%; } } .pm-ul-episodes .pm-li-episode.active { border: 2px solid #249d57; border-radius: 4px; background-clip: padding-box; background-color: rgba(36, 157, 87, 0.2); } .pm-ul-episodes .pm-li-episode.active a { color: #249d57; } .pm-ul-episodes .pm-li-episode.active a:active, .pm-ul-episodes .pm-li-episode.active a:hover { color: #249d57; text-decoration: none; } .pm-ul-episodes .pm-li-episode a { padding: 3px 6px; margin: 3px 0; width: 100%; text-align: left; font-size: 12px; font-weight: bold; } .pm-ul-episodes .pm-li-episode a:active, .pm-ul-episodes .pm-li-episode a:hover { color: #249d57; text-decoration: none; } /*-----------------------------------------------------------------------------------*/ /* 6.Articles & Pages /*-----------------------------------------------------------------------------------*/ /* Article Browsing Pages */ .pm-category-description { clear: both; display: block; width: 100%; max-width: 100%; margin: 15px 0; padding: 0; } .pm-category-description .row-fluid, .pm-category-description .container { width: 100%; max-width: 100%; padding: 0 !important; margin: 0 !important; } .pm-category-description img { display: block; max-width: 100%; height: auto; } article.post { line-height: 1.8em; } ul.pm-ul-browse-articles { /*margin-top: 2em;*/ } ul.pm-ul-browse-articles li { /*width: 32.333%;*/ /* display: inline-block;*/ padding: 20px 0; border: 2px solid transparent; } ul.pm-ul-browse-articles li article.post { padding: 20px 0; /*border-bottom: 1px solid rgba(51, 51, 51, 0.1);*/ } ul.pm-ul-browse-articles li header { background-color: transparent; z-index: 0; } ul.pm-ul-browse-articles li header h2 { font-weight: bold; line-height: 1.5em; } ul.pm-ul-browse-articles li .entry-summary a.entry-read-more { background-color: #FFF; font-size: 13px; border-color: #3496ff !important; color: #3496ff !important; } ul.pm-ul-browse-articles li .entry-summary a.entry-read-more:hover { border-color: #3496ff !important; color: #3496ff; } /* Article Page */ article.post header { z-index: 0; margin-bottom: 30px; } article.post header h1, article.post header .pm-video-watch-featured h2 a, .pm-video-watch-featured h2 article.post header a { line-height: 1.6em; font-size: 2.2em; font-weight: bold; } article.post .entry-meta { font-size: 11px; text-transform: uppercase; color: #777; } article.post .entry-meta a { color: #777; } article.post .entry-meta a:hover { color: #444; } article.post .entry-meta span { padding-right: 8px; } article.post .entry-meta .entry-category a { padding-left: 8px; } article.post .entry-post p { font-size: 14px; } article.post .entry-post img { max-width: 100% !important; height: auto; } article.post .entry-post iframe { max-width: 100% !important; } article.post .pm-restricted-item { background-color: #ededed; border-radius: 2px; margin-bottom: 2em; } article.post .pm-restricted-item a { color: #333 !important; } article.post .pm-restricted-item a:visited { color: #333 !important; } article.post .pm-restricted-item h2 { margin-top: 0 !important; } /*-----------------------------------------------------------------------------------*/ /* 7.Listings (Top/New Videos, Regular Browsing, Search Results, etc.) /*-----------------------------------------------------------------------------------*/ #category-header { width: 100%; margin: 0; padding: 0; } #category-header.pm-search-videos-page, #category-header.pm-new-videos-page, #category-header.pm-popular-videos-page { padding: 0 !important; margin: 0 !important; } #category-header .pm-category-highlight h1, #category-header .pm-category-highlight .pm-video-watch-featured h2 a, .pm-video-watch-featured h2 #category-header .pm-category-highlight a { font-weight: 700; padding: 0; position: relative; } @media only screen and (max-width: 464px) { #category-header .pm-category-highlight h1, #category-header .pm-category-highlight .pm-video-watch-featured h2 a, .pm-video-watch-featured h2 #category-header .pm-category-highlight a { font-size: 2em; padding: 0; } #category-header .pm-category-highlight h1 .mark, #category-header .pm-category-highlight .pm-video-watch-featured h2 a .mark, .pm-video-watch-featured h2 #category-header .pm-category-highlight a .mark, #category-header .pm-category-highlight h1 mark, #category-header .pm-category-highlight .pm-video-watch-featured h2 a mark, .pm-video-watch-featured h2 #category-header .pm-category-highlight a mark { margin: 12px 0; } } #category-header .pm-category-header-subcats { display: block; position: relative; padding: 0; margin: 30px -13px; } #category-header .pm-category-header-subcats .pm-section-head { border: none; padding: 0; margin: 0; } #category-header .pm-category-header-subcats .pm-section-head h2 { color: #888; font-family: "Open Sans", Arial, Helvetica, sans-serif; /*font-size: 14px;*/ text-transform: none; border: none; margin: 0; padding: 0; } #category-header .pm-category-header-subcats .btn-group { position: absolute; border-radius: 0; padding: 0; margin: 0; color: #3496ff; font-size: 20px; top: 0; right: 0; } #category-header .pm-category-header-subcats .btn-group .btn:active, #category-header .pm-category-header-subcats .btn-group .btn:focus, #category-header .pm-category-header-subcats .btn-group .btn:hover { background-color: transparent; } #category-header .pm-category-header-subcats .pm-category-subcats { margin: 0 auto; } @media only screen and (min-width: 1336px) { #category-header .pm-category-header-subcats .pm-category-subcats { /*width: $content-width;*/ } } #category-header .pm-category-header-subcats .pm-category-subcats h5 { font-size: 13px; display: inline; margin: 0 10px; } #category-header .pm-category-header-subcats .pm-category-subcats ul { display: inline; height: 100px; } #category-header .pm-category-header-subcats .pm-category-subcats ul li { margin: 4px 0; } #category-header .pm-category-header-subcats .pm-category-subcats ul li a { color: #888; padding: 2px 4px; border-radius: 2px; background-clip: padding-box; } #category-header .pm-category-header-subcats .pm-category-subcats ul li a:hover { color: #FFF; background-color: #3496ff; } .pm-video-meta span { color: #aaa !important; font-size: 12px; } /* Video Item with Overlay and Play Icon */ .thumbnail { border: none; background-color: transparent; padding: -15px; } .thumbnail:hover .overlay { opacity: 1.0; } .thumbnail .overlay { position: absolute; border: 0; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.1); background-image: url(../img/icon-play-48.png); background-repeat: no-repeat; background-position: center center; opacity: 0; -webkit-transition: .10s; transition: .10s; } .thumbnail.thumbnail-small .overlay { background-image: url(../img/icon-play-24.png); } .thumbnail.thumbnail-medium .overlay { background-image: url(../img/icon-play-32.png); } .thumbnail.thumbnail-large .overlay { background-image: url(../img/icon-play-48.png); } .thumbnail .caption { padding: 0; color: inherit; } .thumbnail .caption h3 { overflow: hidden; line-height: 1.4em; margin: 10px 0 4px 0; font-size: 14px; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; /* @include respond-to(handhelds) { font-size: 16px !important; line-height: 1.4em !important; margin:0 !important; padding:0 !important; }*/ } @media only screen and (max-width: 464px) { .thumbnail .caption h3 { font-size: 12px; } } .thumbnail .caption h3 a { color: #444; } .thumbnail .caption h3 a:hover { color: #1c5dff; text-decoration: none; } .thumbnail .caption h3 a:visited { color: #408; } /* Video Category Page --------------------------------------------- */ .pm-ul-browse-categories li { padding: 0; margin: 0; position: relative; float: left; padding: 0; margin: 10px 0; width: 25%; } @media only screen and (min-width: 320px) and (max-width: 1023px) { .pm-ul-browse-categories li { width: 50%; } } @media only screen and (max-width: 464px) { .pm-ul-browse-categories li { width: 50%; } } .pm-ul-browse-categories li img { min-height: 136px; } .pm-ul-browse-categories li:hover h3 { color: #fff; text-decoration: none; background-color: #1b89ff; } .pm-ul-browse-categories li:hover img { -webkit-animation-name: none; animation-name: none; -webkit-animation-duration: 0; animation-duration: 0; -webkit-animation-fill-mode: both; animation-fill-mode: none; opacity: 1.0; } .pm-ul-browse-categories li:hover ul { display: block; } .pm-ul-browse-categories li .pm-li-category { position: relative; display: inline-block; border: none; padding: 0; overflow: hidden; width: 98%; border-radius: 3px; } .pm-ul-browse-categories li .pm-li-category h3 { position: absolute; line-height: 1em; display: block; clear: both; overflow: hidden; bottom: 0; left: 0; margin: 0; padding: 12px 0 12px 14px; width: 100%; color: #fff; font-size: 14px; background-color: transparent; background: url("../img/bg-mask-poster.png") top repeat-x; } .pm-ul-browse-categories li .pm-li-category a { text-decoration: none; } .pm-ul-browse-categories li .pm-li-category a .pm-video-thumb img { width: 100% !important; } .pm-ul-browse-subcategories li { position: relative; float: left; padding: 0; margin: 10px 0; width: 20%; } @media only screen and (min-width: 320px) and (max-width: 1023px) { .pm-ul-browse-subcategories li { width: 50%; } } @media only screen and (max-width: 464px) { .pm-ul-browse-subcategories li { width: 50%; } } .pm-ul-browse-subcategories li:hover h3 { text-decoration: none; } .pm-ul-browse-subcategories li:hover img { /* -webkit-animation-name: none; animation-name: none; -webkit-animation-duration: 0; animation-duration: 0; -webkit-animation-fill-mode: both; animation-fill-mode: none; opacity: 1.0; */ } .pm-ul-browse-subcategories li:hover ul { display: block; } .pm-ul-browse-subcategories li h3 { color: #FFF; font-size: 14px; line-height: 1.2em; display: block; clear: both; overflow: hidden; bottom: 0; left: 0; margin: 0; padding: 12px 0 12px 14px; width: 100%; /*position: absolute;*/ /* background-color: transparent; background: url('../img/bg-mask-poster.png') top repeat-x;*/ background-color: #FFF; color: #3496ff; } .pm-ul-browse-subcategories li .pm-li-category { position: relative; display: inline-block; border: 1px solid #f2f2f2; padding: 0; overflow: hidden; width: 98%; border-radius: 6px; background-clip: padding-box; } .pm-ul-browse-subcategories li .pm-li-category:hover, .pm-ul-browse-subcategories li .pm-li-category:focus { border: 1px solid #d9d9d9; -webkit-transition: border-color 300ms; transition: border-color 300ms; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .pm-ul-browse-subcategories li .pm-li-category a { text-decoration: none; } /* Series Listings (Series-Browse) --------------------------------------------- */ ul.pm-ul-carousel-videos { visibility: hidden; } ul.pm-ul-carousel-videos.slick-initialized { visibility: visible; } ul.pm-ul-carousel-videos.pm-ul-carousel-series li { max-width: 158px; } ul.pm-ul-carousel-series li { width: 158px; /*@include respond-to(medium-screens) { max-width: 144px; }*/ } ul.pm-ul-carousel-series li .thumbnail { min-height: 198px; display: block; margin-bottom: 20px; line-height: 1.42857; border: none; background-color: transparent; border-radius: 0; background-clip: padding-box; height: 100%; padding-bottom: 0%; } @media only screen and (max-width: 464px) { ul.pm-ul-carousel-series li .thumbnail { min-height: 100%; } } ul.pm-ul-carousel-series li .thumbnail.thumbnail-poster { position: relative; } ul.pm-ul-carousel-series li .thumbnail.thumbnail-poster .pm-video-thumb { display: block; /*width: 100%;*/ min-height: 198px !important; position: relative; padding: 0; overflow: hidden; background-color: #fafafa; } ul.pm-ul-carousel-series li .thumbnail.thumbnail-poster .pm-video-thumb img { -o-object-fit: fill !important; object-fit: fill !important; -o-object-position: 50% 50% !important; object-position: 50% 50% !important; width: 100%; height: 100% !important; border-radius: 3px; background-clip: padding-box; /*@include respond-to(medium-screens) { max-width: 140px; }*/ } ul.pm-ul-carousel-series li .thumbnail.thumbnail-poster .pm-episode-count { position: absolute; top: 14px; right: 14px; color: #fff; background: rgba(52, 150, 255, 0.9) none repeat scroll 0 0; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 11px; width: 40px; height: 40px; line-height: 13px; padding: 6px 7px; text-align: center; } ul.pm-ul-carousel-series li .thumbnail.thumbnail-poster .pm-episode-count span { color: #fff !important; clear: both; display: block; font-size: 14px; font-weight: bold; line-height: 14px; margin-top: 2px; } ul.pm-ul-carousel-series li .thumbnail.thumbnail-poster .overlay { background-image: url(../img/icon-play-54.png); background-color: rgba(52, 150, 255, 0.5); border-radius: 3px; background-clip: padding-box; } /* Series Page (Series-Single) --------------------------------------------- */ .content-series-page { padding-top: 0 !important; margin-top: 90px !important; } .content-series-page .series-header { margin-bottom: 40px; padding-bottom: 0; border-radius: 3px 3px 0 0; } .content-series-page .series-header .row { margin: 0 auto; position: relative; } .content-series-page .series-header .pm-series-brief { position: relative; top: -50px; } .content-series-page .series-header .pm-series-brief .pm-poster-img { display: inline-block; border: 4px solid #FFF; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); background-color: #fafafa; border-radius: 4px; background-clip: padding-box; margin: 0 15px 0 0; position: absolute; top: 0; left: 0; } .content-series-page .series-header .pm-series-brief .pm-poster-img img { border-radius: 4px; /* @include respond-to(large-screens) { min-height: $break-1500 / 3;} @include respond-to(wide-screens) { min-height: $break-1336 / 2.4;} @include respond-to(laptop-screens) { min-height: $break-1024 / 2;} @include respond-to(medium-screens) { min-height: $break-1024 / 2.4;} @include respond-to(handhelds) { min-height: $break-464 / 1.8;} */ } @media only screen and (max-width: 464px) { .content-series-page .series-header .pm-series-brief .pm-poster-img img { width: 96.6666666667px !important; height: 154.6666666667px !important; } } .content-series-page .series-header .pm-series-brief .pm-series-meta { position: relative; top: 70px; left: 180px; display: inline-block; width: 60%; } @media only screen and (max-width: 464px) { .content-series-page .series-header .pm-series-brief .pm-series-meta { left: 120.8333333333px !important; } } .content-series-page .series-header .pm-series-brief .pm-series-meta h1, .content-series-page .series-header .pm-series-brief .pm-series-meta .pm-video-watch-featured h2 a, .pm-video-watch-featured h2 .content-series-page .series-header .pm-series-brief .pm-series-meta a { font-size: 2em; font-weight: bold; display: inline-block; vertical-align: top; margin: 0; } .content-series-page .series-header .pm-series-brief .pm-series-meta .pm-series-details ul { padding: 0; margin: 0; } .content-series-page .series-header .pm-series-brief .pm-series-meta .pm-series-details li { padding: 0; } .content-series-page .series-header .pm-series-brief .pm-series-meta .pm-series-details li:after { content: ", "; } .content-series-page .series-header .pm-series-brief .pm-series-meta .pm-series-details li:last-child:after { content: ""; } .content-series-page .series-header .pm-series-brief .pm-series-meta .pm-series-details .wmin-100 { min-width: 80px; } .content-series-page .panel-group .panel { border-radius: 4px; background-clip: padding-box; } .content-series-page .panel-group .panel:hover { border-color: #3496ff; border-radius: 4px; background-clip: padding-box; } .content-series-page .panel-group .panel-collapse.in { border-color: #3496ff; } .content-series-page .panel-group .panel-heading { padding: 0; border-radius: 4px; background-clip: padding-box; } .content-series-page .panel-group .panel-heading.in { border-color: #3496ff; } .content-series-page .panel-group .panel-heading h4.panel-title a { display: block; padding: 10px 15px; color: #FFF; background-color: #3496ff; border-radius: 0px; background-clip: padding-box; } .content-series-page .panel-group .panel-heading h4.panel-title a.collapsed { color: #222; background-color: #fefefe; border-radius: 4px; background-clip: padding-box; } .content-series-page .panel-group .panel-heading h4.panel-title a.collapsed:focus, .content-series-page .panel-group .panel-heading h4.panel-title a.collapsed:active, .content-series-page .panel-group .panel-heading h4.panel-title a.collapsed:hover { border-radius: 4px; background-clip: padding-box; } .content-series-page .panel-group .panel-heading h4.panel-title a:focus, .content-series-page .panel-group .panel-heading h4.panel-title a:active, .content-series-page .panel-group .panel-heading h4.panel-title a:hover { /*color: $brand-primary;*/ text-decoration: none; } .content-series-page .panel-group .panel-body { padding: 0; } .content-series-page ul.pm-ul-list-episodes { margin: 0; padding: 0; } .content-series-page ul.pm-ul-list-episodes li.pm-episode { padding: 0; position: relative; } .content-series-page ul.pm-ul-list-episodes li.pm-episode:hover { background-color: #f6f6f6; } .content-series-page ul.pm-ul-list-episodes li.pm-episode.without-sources .title { font-style: italic; color: #aaa; } .content-series-page ul.pm-ul-list-episodes li.pm-episode a { display: inline-block; padding: 12px 14px; } .content-series-page ul.pm-ul-list-episodes li.pm-episode a:hover, .content-series-page ul.pm-ul-list-episodes li.pm-episode a:focus, .content-series-page ul.pm-ul-list-episodes li.pm-episode a:active { text-decoration: none !important; } .content-series-page ul.pm-ul-list-episodes li.pm-episode a:hover .text-muted, .content-series-page ul.pm-ul-list-episodes li.pm-episode a:focus .text-muted, .content-series-page ul.pm-ul-list-episodes li.pm-episode a:active .text-muted { color: #3496ff !important; } .content-series-page ul.pm-ul-list-episodes li.pm-episode a:visited { color: #408 !important; } .content-series-page ul.pm-ul-list-episodes li.pm-episode .identifier { min-width: 70px; } .content-series-page ul.pm-ul-list-episodes li.pm-episode .title h3 { font-size: 1em; line-height: 1.5em; margin: 0; } /* Episodes Page --------------------------------------------- */ #episode-player-container { position: relative; } .blank-player { background-color: #292929; text-align: center; vertical-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 1500px) { .blank-player { min-height: 500px; } } @media only screen and (min-width: 1336px) { .blank-player { min-height: 556.6666666667px; } } @media only screen and (min-width: 1023px) and (max-width: 1335px) { .blank-player { min-height: 512px; } } @media only screen and (min-width: 320px) and (max-width: 1023px) { .blank-player { min-height: 426.6666666667px; } } @media only screen and (max-width: 464px) { .blank-player { min-height: 257.7777777778px; } } .pm-ads-inplayer { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; bottom: 10%; left: 50%; min-width: 730px; margin-left: -375px; z-index: 50; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 464px) { .pm-ads-inplayer { display: block; min-width: 100%; width: 100% !important; bottom: 23%; left: 0; margin-left: 0; } .pm-ads-inplayer img { max-width: 100% !important; height: auto; } } .pm-ads-inplayer .close { position: absolute; top: -28px; right: 20px; padding: 1px 6px; border-radius: 50%; background-color: #3496ff !important; display: block; opacity: 1.0; text-align: center; } @media only screen and (max-width: 464px) { .pm-ads-inplayer .close { right: auto !important; left: 0; } } /*-----------------------------------------------------------------------------------*/ /* 8.User Profile/Channel /*-----------------------------------------------------------------------------------*/ .btn.btn-follow { color: #fff; background-color: #FB404B; border-color: #FB404B; outline: 0; } .btn.btn-follow:focus, .btn.btn-follow.focus { color: #fff; outline: 0; background-color: #fa2733; border-color: #fa2733; -webkit-box-shadow: none; box-shadow: none; } .btn.btn-follow:hover { color: #fff; background-color: #fa2733; border-color: #fa2733; } .btn.btn-follow:active, .btn.btn-follow.active, .open > .btn.btn-follow.dropdown-toggle { color: #fff; outline: 0; background-color: #fb404b; border-color: #fb404b; -webkit-box-shadow: none; box-shadow: none; } .btn.btn-follow:active:hover, .btn.btn-follow:active:focus, .btn.btn-follow:active.focus, .btn.btn-follow.active:hover, .btn.btn-follow.active:focus, .btn.btn-follow.active.focus, .open > .btn.btn-follow.dropdown-toggle:hover, .open > .btn.btn-follow.dropdown-toggle:focus, .open > .btn.btn-follow.dropdown-toggle.focus { color: #fff; background-color: #f90514; border-color: #f90514; -webkit-box-shadow: none; box-shadow: none; } .btn.btn-follow:active, .btn.btn-follow.active, .open > .btn.btn-follow.dropdown-toggle { background-image: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .btn.btn-follow.disabled:hover, .btn.btn-follow.disabled:focus, .btn.btn-follow.disabled.focus, .btn.btn-follow[disabled]:hover, .btn.btn-follow[disabled]:focus, .btn.btn-follow[disabled].focus, fieldset[disabled] .btn.btn-follow:hover, fieldset[disabled] .btn.btn-follow:focus, fieldset[disabled] .btn.btn-follow.focus { background-color: #FB404B; border-color: #FB404B; } .btn.btn-follow .badge { color: #FB404B; background-color: #fff; } .btn.btn-follow span { top: -1px; position: relative; background-color: #FFF; padding: 3px 5px; color: #555; font-size: .75em; vertical-align: middle; text-align: center; border-radius: 2px; background-clip: padding-box; } .pm-profile { background-color: transparent; } .pm-round-avatar, .pm-comments-container .pm-avatar, .pm-comments-container ul.pm-ul-comments li.media .media-object .pm-round-avatar { border-radius: 50%; background-color: #f8f8f8; display: block; } #profile-header { background-color: #FFF; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); margin-bottom: 60px; } #profile-header .row { margin: 0 auto; position: relative; } @media only screen and (min-width: 1336px) { #profile-header .row { width: 1170px; } } #profile-header .nav { position: absolute; bottom: 30px; left: 120px; border-bottom-color: transparent; } @media only screen and (max-width: 464px) { #profile-header .nav { position: relative; bottom: 0; left: 0; } } #profile-header .nav li { border-bottom-color: #FFF; } #profile-header .nav li.active { border-bottom-color: inherit; } #profile-header .nav a:focus { background-color: transparent; } #profile-header .pm-user-brief { position: relative; bottom: -30px; } @media only screen and (max-width: 464px) { #profile-header .pm-user-brief { bottom: 0; margin-top: 30px; } } #profile-header .pm-user-brief .pm-avatar { display: inline-block; border: 4px solid #FFF; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); background-color: #fafafa; border-radius: 4px; background-clip: padding-box; margin: 0 15px 0 0; } #profile-header .pm-user-brief .pm-avatar img { width: 100px; height: 100px; border-radius: 4px; } @media only screen and (max-width: 464px) { #profile-header .pm-user-brief .pm-avatar img { width: 60px; height: 60px; } } #profile-header .pm-user-brief .pm-username { font-size: 2em; font-weight: bold; display: inline-block; vertical-align: top; margin: 0 6px; } @media only screen and (max-width: 464px) { #profile-header .pm-user-brief .pm-username { font-size: 1.3em; } } /* Cover Editing -------------------------------------------- */ .pm-profile-header .uploader { display: none !important; visibility: hidden !important; } .pm-profile-header .cropit-form .btn { background-image: none; border: none; font-size: 12px !important; text-transform: none; font-weight: bold; padding: 4px 10px; height: auto; min-height: auto; line-height: 1.3em; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .pm-profile-header .btn.btn-edit { background-image: none; background-color: #FFF; border: none; color: #555; padding: 4px 8px; border-radius: 0; -webkit-box-shadow: -1px 1px 1px #ADAFAE; box-shadow: -1px 1px 1px #ADAFAE; } .cropit-image-background { opacity: .2; cursor: auto; } .pm-profile-cover { overflow: hidden; } .pm-profile-cover img.img-responsive { overflow: hidden; } .cropit-image-preview { border-radius: 5px; } .cropit-image-preview .img-responsive { width: 100%; } .pm-profile-cover-preview { position: relative; } .pm-profile-cover-preview .cropit-image-loaded .cropit-form, .pm-profile-cover-preview .cropit-disabled .cropit-image-loaded img { visibility: visible; } .pm-profile-cover-preview .cropit-disabled .cropit-image-loaded { cursor: auto; } .pm-profile-cover-preview .cropit-image-loaded { background-size: cover; cursor: move; } .pm-profile-cover-preview .cropit-image-zoom-input { visibility: visible; position: absolute; top: 4px; right: 39px; width: 90px; background-color: #FFF; padding: 2px 6px; border-radius: 4px; z-index: 1000 !important; } input.cropit-cover-input, input.cropit-image-input, .cropit-image-loaded img, .cropit-disabled .cropit-image-loaded, .cropit-disabled .cropit-form, .cropit-disabled .cropit-image-zoom-input, .cropit-disabled .cropit-image-loaded .cropit-form { visibility: hidden; } .cropit-image-zoom-input { visibility: visible; } .cropit-form { position: absolute; visibility: hidden; padding: 0; margin: 0; text-align: right; } #cropit-cover-form { bottom: 58px; right: 10px; z-index: 1000; /*Bug on mobile phones the buttons don't work*/ } @media only screen and (max-width: 464px) { #cropit-cover-form { bottom: 100px; } } @media only screen and (min-width: 320px) and (max-width: 1023px) { #cropit-cover-form { bottom: 100px; } } #cropit-cover-form button { z-index: 5000; } #cropit-avatar-form { bottom: 6px; right: 6px; } .tab-content-channel { margin-top: 20px; } .tab-content-channel h4 { line-height: 2em; } .tab-content-channel #loading { margin: 20px 0; display: block; } .pm-pro-social-links { padding: 0; margin: 0; margin-bottom: 20px; } .pm-pro-social-links li { color: #666; padding: 3px 0; font-size: 13px; font-weight: bold; } .pm-pro-social-links li i { width: 25px; font-size: 16px; color: #888; } .pm-pro-social-links li a { color: #2092BF; } /* Register Page --------------------------------------------- */ .pm-user-auth { padding: 30px 0; } .pm-user-auth nav.tabbable h1, .pm-user-auth nav.tabbable .pm-video-watch-featured h2 a, .pm-video-watch-featured h2 .pm-user-auth nav.tabbable a { position: absolute; padding: 0; margin: 0; line-height: 1em; font-size: 24px; } @media only screen and (max-width: 464px) { .pm-user-auth nav.tabbable h1, .pm-user-auth nav.tabbable .pm-video-watch-featured h2 a, .pm-video-watch-featured h2 .pm-user-auth nav.tabbable a { position: relative; } } .pm-user-auth .tab-content { margin-top: 40px; } .pm-user-auth .tab-content form { margin: 0 auto; } @media only screen and (min-width: 1336px) { .pm-user-auth .tab-content form { width: 50%; } } /* Profile Edit Page --------------------------------------------- */ fieldset { margin-top: 15px; } /*-----------------------------------------------------------------------------------*/ /* 9.Playlists /*-----------------------------------------------------------------------------------*/ /* List of Playlists * Usage: On user's profile page --------------------------------------------- */ ul.pm-ul-browse-playlists .thumbnail { display: block; padding: 0px; margin-bottom: 20px; line-height: 1.42857; position: relative; overflow: hidden; min-height: 180px; } @media only screen and (max-width: 464px) { ul.pm-ul-browse-playlists .thumbnail { min-height: 128px; } } ul.pm-ul-browse-playlists .thumbnail .pm-pl-count { font-size: 12px; position: absolute; bottom: 0; color: #FFF; padding: 6px 0; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3); text-transform: uppercase; text-align: center; width: 100%; text-align: center; -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: bounceInUp; animation-name: bounceInUp; border-radius: 3px; background-clip: padding-box; } @media only screen and (max-width: 464px) { ul.pm-ul-browse-playlists .thumbnail .pm-pl-count { width: 100%; } } @media only screen and (min-width: 320px) and (max-width: 1023px) { ul.pm-ul-browse-playlists .thumbnail .pm-pl-count { width: 100%; } } ul.pm-ul-browse-playlists .thumbnail .pm-pl-items { font-weight: bold; } ul.pm-ul-browse-playlists .thumbnail .pm-pl-items li .pm-pl-list-index { text-align: left; } ul.pm-ul-browse-playlists .thumbnail .pm-pl-items li .pm-pl-list-title { width: 60%; } ul.pm-ul-browse-playlists .thumbnail .pm-pl-items li .pm-pl-list-author { width: 16%; } ul.pm-ul-browse-playlists .thumbnail .pm-pl-items li .pm-pl-list-author a { color: #999; } ul.pm-ul-browse-playlists .thumbnail .pm-video-thumb { overflow: hidden; position: relative; min-height: 108px; border-radius: 3px; background-clip: padding-box; } ul.pm-ul-browse-playlists .thumbnail .pm-video-thumb img { width: 100% !important; border-radius: 3px; background-clip: padding-box; } @media only screen and (max-width: 464px) { ul.pm-ul-browse-playlists .thumbnail .pm-video-thumb img { height: auto !important; } } ul.pm-ul-browse-playlists .thumbnail .pm-video-thumb a.thumbnail-overlay { display: none; } ul.pm-ul-browse-playlists .thumbnail .pm-video-thumb:hover .pm-pl-count { visibility: hidden; } ul.pm-ul-browse-playlists .thumbnail .pm-video-thumb:hover a.thumbnail-overlay { display: block; position: absolute; top: 0; left: 0; color: #FFF; font-size: 16px; font-weight: bold; width: 100%; height: 100%; padding: 22% 0; text-align: center; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7); text-decoration: none; border-radius: 3px; background-clip: padding-box; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: expandImage; animation-name: expandImage; -webkit-transition: background .3s; transition: background .3s; } /* Playlist edit/view * Usage: On user's playlist page --------------------------------------------- */ /* Playlist Header */ .pm-playlist-edit { /*??*/ } .pm-pl-header { margin-bottom: 20px; border-bottom: 1px solid #eee; padding: 0 0 24px; } .pm-pl-header ul li { font-size: 13px; } .pm-pl-header ul li a { color: #444; } .pm-pl-header ul li a:hover { color: #1c5dff; text-decoration: none; } .pm-pl-header ul li a:visited { color: #408; } .pm-pl-header .pm-pl-thumb { overflow: hidden; display: block; position: relative; max-height: 120px; border-radius: 3px; background-clip: padding-box; } .pm-pl-header .pm-pl-thumb img { height: 100px; width: 100%; border-radius: 3px; background-clip: padding-box; } .pm-pl-header .pm-pl-thumb .thumbnail-overlay { display: none; } .pm-pl-header .pm-pl-thumb:hover .thumbnail-overlay { display: block; position: absolute; top: 0; left: 0; color: #FFF; font-size: 16px; font-weight: bold; width: 100%; max-height: 100%; padding: 24% 0; text-align: center; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7); text-decoration: none; border-radius: 3px; background-clip: padding-box; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: expandImage; animation-name: expandImage; -webkit-transition: background .3s; transition: background .3s; } .pm-pl-header .pm-pl-header-title { font-size: 1.4em; } .pm-pl-header .pm-pl-header-title h3 { display: inline; overflow: hidden; white-space: nowrap; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; text-overflow: ellipsis; } .pm-pl-header .pm-pl-header-title i { color: #ADAFAE; } .pm-pl-header .pm-pl-status-icon { display: inline; } /* Playlist Items */ ul.pm-pl-list li { border-bottom: 1px solid #e8e8e8; position: relative; padding: 8px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } ul.pm-pl-list li:nth-child(odd) { background-color: rgba(249, 249, 249, 0.76); /*#f9f9f9*/ } ul.pm-pl-list li:last-child { border-bottom: none; } ul.pm-pl-list li:hover .pm-pl-list-action { display: inline-block; } ul.pm-pl-list li:hover a { color: #2793E6; } ul.pm-pl-list li:hover .pm-pl-list-thumb img { -webkit-animation-name: expandImage; animation-name: expandImage; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } ul.pm-pl-list li p { text-align: center; } ul.pm-pl-list li .pm-pl-list-index, ul.pm-pl-list li .pm-pl-list-thumb, ul.pm-pl-list li .pm-pl-list-title, ul.pm-pl-list li .pm-pl-list-author, ul.pm-pl-list li .pm-pl-list-action { display: inline-block; clear: both; vertical-align: middle; } ul.pm-pl-list li .pm-pl-list-index { text-align: center; } ul.pm-pl-list li .pm-pl-list-thumb { width: 100px; } ul.pm-pl-list li .pm-pl-list-thumb img { max-width: 90px; max-height: 55px; width: 90px; height: 55px; border-radius: 3px; background-clip: padding-box; } ul.pm-pl-list li .pm-pl-list-title { width: 60%; padding: 10px 0; margin: 0; -ms-flex-item-align: stretch; align-self: stretch; } ul.pm-pl-list li .pm-pl-list-title h3 { overflow: hidden; font-size: 14px; } ul.pm-pl-list li .pm-pl-list-title h3 a { color: #444; } ul.pm-pl-list li .pm-pl-list-title h3 a:hover { color: #1c5dff; text-decoration: none; } ul.pm-pl-list li .pm-pl-list-title h3 a:visited { color: #408; } ul.pm-pl-list li .pm-pl-list-author { color: #999; display: inline-block; font-size: 11px; width: auto; } ul.pm-pl-list li .pm-pl-list-author a { color: #999; } ul.pm-pl-list li .pm-pl-list-action { padding: 0; display: none; width: 10%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } ul.pm-pl-list li .pm-pl-list-action i { padding: 0; margin: 0; line-height: 1em; color: #333; } ul.pm-pl-list li .pm-pl-list-action i:hover { color: #1c5dff; } /*-----------------------------------------------------------------------------------*/ /* 10.Comments (Both Videos & Articles) /*-----------------------------------------------------------------------------------*/ /* Comment Tabs */ ul.nav-underlined { font-family: 'Roboto', Arial, Helvetica, sans-serif; border: none; border-bottom: 2px solid #ccc; } @media only screen and (max-width: 464px) { ul.nav-underlined { display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; overflow-x: auto; overflow-y: none !important; } ul.nav-underlined.nav-right li { float: left !important; } ul.nav-underlined.nav-right li a { padding: 14px 2px; } } ul.nav-underlined li { border: none; border-bottom: 2px solid #ccc; margin-bottom: -2px; } @media only screen and (max-width: 464px) { ul.nav-underlined li { /*margin-bottom: 0;*/ } } ul.nav-underlined li a { color: #888; font-weight: normal; font-size: 13px; border: none; font-weight: bold; } @media only screen and (max-width: 464px) { ul.nav-underlined li a { font-size: 11px; } } ul.nav-underlined li a:hover { color: #288ce4; border: none; background: none; } ul.nav-underlined li.active { color: #288ce4; border-bottom-color: #288ce4; background-color: transparent; } ul.nav-underlined li.active a { color: #288ce4; border: none; background-color: transparent; } ul.nav-underlined li.active a:focus { color: #288ce4; border: none; outline: 0; } ul.nav-underlined li.active a:hover { color: #288ce4; border: none; } ul.nav-underlined.nav-right li { float: right; } /* Comment Container */ .pm-comments-container.tab-content { margin-top: 33px; } .pm-comments-container #be_the_first { margin-bottom: 20px; } .pm-comments-container .pm-avatar { width: 40px; height: 40px; display: inline-block; background-color: #f8f8f8; } .pm-comments-container #pm-post-form { position: relative; } .pm-comments-container #pm-post-form a.emoji-shortcut { color: #bdc3c7; -webkit-transition: color 300ms; transition: color 300ms; } .pm-comments-container #pm-post-form a.emoji-shortcut:hover { color: #888; } .pm-comments-container #pm-post-form a.emoji-shortcut i { position: absolute; right: 22px; top: 6px; font-size: 22px; border-radius: 50px; background-clip: padding-box; background-color: #FFF; } .pm-comments-container #pm-post-form textarea { font-size: 13px; } .pm-comments-container ul.pm-ul-comments { padding: 22px 0; /* Comment List (Item) */ } .pm-comments-container ul.pm-ul-comments .pm-top-comment { border: 0; border-bottom: 1px solid #eee; } .pm-comments-container ul.pm-ul-comments li.media .media-object { margin-left: 15px; /* margin: 0 10px; background-color: #Fc0; */ } .pm-comments-container ul.pm-ul-comments li.media .media-object .pm-avatar, .pm-comments-container ul.pm-ul-comments li.media .media-object .pm-round-avatar { width: 40px; height: 40px; display: inline-block; background-color: #f8f8f8; } .pm-comments-container ul.pm-ul-comments li.media .media-body { padding: 0 20px; } .pm-comments-container ul.pm-ul-comments li.media .media-body .media-heading { font-size: 12px; } .pm-comments-container ul.pm-ul-comments li.media .media-body .media-heading a.pm-comment-user { color: #333; } .pm-comments-container ul.pm-ul-comments li.media .media-body .media-heading a.pm-comment-user:hover { color: #1c5dff; } .pm-comments-container ul.pm-ul-comments li.media .media-body .media-heading .media-date, .pm-comments-container ul.pm-ul-comments li.media .media-body .media-heading .pm-comment-user-ip { color: #888; font-variant: normal; } @media only screen and (max-width: 464px) { .pm-comments-container ul.pm-ul-comments li.media .media-body .media-heading .media-date, .pm-comments-container ul.pm-ul-comments li.media .media-body .media-heading .pm-comment-user-ip { display: none; } } .pm-comments-container ul.pm-ul-comments li.media .media-body p { font-size: 13px; } .pm-comments-container ul.pm-ul-comments li.media .media-actions button { color: #919191; border-radius: 2px; background-clip: padding-box; } .pm-comments-container ul.pm-ul-comments li.media .media-actions button:hover { color: #3575D3; } .pm-comments-container ul.pm-ul-comments li.media .media-actions button.active { -webkit-box-shadow: none; box-shadow: none; color: #3575D3; background-color: #fafafa; border: 1px solid #f3f3f3; } /* Facebook Comments Width Hack */ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { min-width: 100% !important; width: 100% !important; } /*-----------------------------------------------------------------------------------*/ /* 11.Footer /*-----------------------------------------------------------------------------------*/ .container-footer { background-color: #f7f7f7; border-top: 1px solid #E3E3E3; bottom: 0; width: 100%; } .container-footer footer { font-size: 12px; padding: 0; max-width: 1170px; margin: 0 auto; } @media only screen and (min-width: 1336px) { .container-footer footer { width: 1170px; } } .container-footer footer a { color: #777; } .container-footer footer a:hover { color: #111; } .container-footer footer .row-footer-vertical { padding-top: 16px; } .container-footer footer .row-footer-vertical li { display: inline; padding: 0 8px; line-height: 1; font-weight: bold; } .container-footer footer .row-footer-vertical li:first-child { padding-left: 4px; border-left: 0; } .container-footer footer .row-footer-vertical .list-social-sites { font-size: 18px; } .container-footer footer .row-footer-vertical .list-social-sites i { width: 20px; margin-right: 4px; color: #777; } .container-footer footer .row-footer-vertical .list-social-sites i:hover { color: #111; } .container-footer footer .row-footer-horizontal { border-top: 1px solid #E3E3E3; padding-top: 16px; margin-top: 0px; } .container-footer footer .row-footer-horizontal p { color: #AAA; padding-left: 0; } .container-footer footer .row-footer-horizontal p strong { font-weight: normal; } .container-footer footer .row-footer-horizontal li { display: inline; padding: 0 8px; border-left: 1px solid #DDD; line-height: 1; font-weight: bold; } .container-footer footer .row-footer-horizontal li:first-child { padding-left: 4px; border-left: 0; } .container-footer footer .pm-language a.btn.btn-link { color: #777; border: 1px solid transparent; text-decoration: none; font-size: 12px; font-weight: bold; line-height: 1.3em; margin: 4px 0; border-radius: 3px; background-clip: padding-box; } .container-footer footer .pm-language a.btn.btn-link:hover { color: #111; border-color: #DDD; } .container-footer footer .pm-language li, .container-footer footer .pm-language li:first-child { display: inline; padding: 2px 0px; border-left: none; line-height: 1em; font-size: 13px; } .container-footer footer .pm-language li a { font-weight: bold; border: 1px solid transparent; } .container-footer footer .pm-language li a:hover { color: #111; background-color: #f9f9f9; border: 1px solid #e0e0e0; border-radius: 3px; background-clip: padding-box; } /*-----------------------------------------------------------------------------------*/ /* 12.Side Menu - Echo /*-----------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* 13.Other /*-----------------------------------------------------------------------------------*/ .pm-text-pages h1, .pm-text-pages .pm-video-watch-featured h2 a, .pm-video-watch-featured h2 .pm-text-pages a, .pm-text-pages .h1, .pm-text-pages h2, .pm-text-pages .h2, .pm-text-pages h3, .pm-text-pages .h3, .pm-text-pages ul.pm-ul-sidelist-videos h3, ul.pm-ul-sidelist-videos .pm-text-pages h3, .pm-text-pages ul.pm-ul-browse-videos h3, ul.pm-ul-browse-videos .pm-text-pages h3, .pm-text-pages ul.pm-ul-carousel-videos h3, ul.pm-ul-carousel-videos .pm-text-pages h3, .pm-text-pages ul.pm-ul-browse-playlists h3, ul.pm-ul-browse-playlists .pm-text-pages h3, .pm-text-pages ul.pm-ul-browse-videos-list .col-md-3 h3, ul.pm-ul-browse-videos-list .col-md-3 .pm-text-pages h3, .pm-text-pages ul.pm-ul-browse-videos-list .col-md-4 h3, ul.pm-ul-browse-videos-list .col-md-4 .pm-text-pages h3, .pm-text-pages ul.pm-ul-browse-videos-list .col-md-2 h3, ul.pm-ul-browse-videos-list .col-md-2 .pm-text-pages h3 { margin-top: 12px; margin-bottom: 12px; } .pm-text-pages h1 small, .pm-text-pages .pm-video-watch-featured h2 a small, .pm-video-watch-featured h2 .pm-text-pages a small, .pm-text-pages h1 .small, .pm-text-pages .pm-video-watch-featured h2 a .small, .pm-video-watch-featured h2 .pm-text-pages a .small, .pm-text-pages .h1 small, .pm-text-pages .h1 .small, .pm-text-pages h2 small, .pm-text-pages h2 .small, .pm-text-pages .h2 small, .pm-text-pages .h2 .small, .pm-text-pages h3 small, .pm-text-pages h3 .small, .pm-text-pages .h3 small, .pm-text-pages ul.pm-ul-sidelist-videos h3 small, ul.pm-ul-sidelist-videos .pm-text-pages h3 small, .pm-text-pages ul.pm-ul-browse-videos h3 small, ul.pm-ul-browse-videos .pm-text-pages h3 small, .pm-text-pages ul.pm-ul-carousel-videos h3 small, ul.pm-ul-carousel-videos .pm-text-pages h3 small, .pm-text-pages ul.pm-ul-browse-playlists h3 small, ul.pm-ul-browse-playlists .pm-text-pages h3 small, .pm-text-pages ul.pm-ul-browse-videos-list .col-md-3 h3 small, ul.pm-ul-browse-videos-list .col-md-3 .pm-text-pages h3 small, .pm-text-pages ul.pm-ul-browse-videos-list .col-md-4 h3 small, ul.pm-ul-browse-videos-list .col-md-4 .pm-text-pages h3 small, .pm-text-pages ul.pm-ul-browse-videos-list .col-md-2 h3 small, ul.pm-ul-browse-videos-list .col-md-2 .pm-text-pages h3 small, .pm-text-pages .h3 .small, .pm-text-pages ul.pm-ul-sidelist-videos h3 .small, ul.pm-ul-sidelist-videos .pm-text-pages h3 .small, .pm-text-pages ul.pm-ul-browse-videos h3 .small, ul.pm-ul-browse-videos .pm-text-pages h3 .small, .pm-text-pages ul.pm-ul-carousel-videos h3 .small, ul.pm-ul-carousel-videos .pm-text-pages h3 .small, .pm-text-pages ul.pm-ul-browse-playlists h3 .small, ul.pm-ul-browse-playlists .pm-text-pages h3 .small, .pm-text-pages ul.pm-ul-browse-videos-list .col-md-3 h3 .small, ul.pm-ul-browse-videos-list .col-md-3 .pm-text-pages h3 .small, .pm-text-pages ul.pm-ul-browse-videos-list .col-md-4 h3 .small, ul.pm-ul-browse-videos-list .col-md-4 .pm-text-pages h3 .small, .pm-text-pages ul.pm-ul-browse-videos-list .col-md-2 h3 .small, ul.pm-ul-browse-videos-list .col-md-2 .pm-text-pages h3 .small { font-size: 65%; } .pm-text-pages h4, .pm-text-pages .h4, .pm-text-pages h5, .pm-text-pages .h5, .pm-text-pages h6, .pm-text-pages .h6 { margin-top: 10px; margin-bottom: 10px; } .pm-text-pages h4 small, .pm-text-pages h4 .small, .pm-text-pages .h4 small, .pm-text-pages .h4 .small, .pm-text-pages h5 small, .pm-text-pages h5 .small, .pm-text-pages .h5 small, .pm-text-pages .h5 .small, .pm-text-pages h6 small, .pm-text-pages h6 .small, .pm-text-pages .h6 small, .pm-text-pages .h6 .small { font-size: 75%; } /* Image Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; text-align: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Navigation */ @media only screen and (min-width: 320px) and (max-width: 1023px) { .nav-responsive ul.nav.nav-underlined { padding: 0; margin: 0; background-color: transparent; } .nav-responsive ul.nav.nav-underlined li { border-size: 0; } .nav-responsive ul.nav.nav-underlined li.active { border-size: 2px !important; } } @media only screen and (min-width: 320px) and (max-width: 1023px) and (max-width: 464px) { .nav-responsive ul.nav.nav-underlined li a { padding: 10px 4px; } } @media only screen and (max-width: 464px) { .nav-responsive { /* .nav { display: flex; white-space: nowrap; overflow-x: auto; overflow-y: none !important; }*/ } .nav-responsive ul.nav.nav-underlined li { border: 0; } } @media only screen and (max-width: 464px) and (max-width: 464px) { .nav-responsive ul.nav.nav-underlined li a { padding: 10px 6px; } } /* Upload Modal */ #modal-addvideo .modal-body { padding: 0; margin: 0; text-align: center; } #modal-addvideo ul.pm-addvideo-modal { padding: 0; margin: 0; padding-bottom: 10px; } #modal-addvideo ul.pm-addvideo-modal li { width: 49%; display: inline-block; padding: 0; margin: 14px 0; } #modal-addvideo ul.pm-addvideo-modal li:first-child { border-right: 1px solid #eee; } #modal-addvideo ul.pm-addvideo-modal li a { color: #ADAFAE; -webkit-transition: color 300ms; transition: color 300ms; } #modal-addvideo ul.pm-addvideo-modal li a:hover, #modal-addvideo ul.pm-addvideo-modal li a:focus { color: #249d57; text-decoration: none; } #modal-addvideo ul.pm-addvideo-modal li i { display: block; font-size: 5.5em; } #modal-addvideo ul.pm-addvideo-modal li span { font-size: 1.3em; font-weight: bold; } /* Upload Video Page */ .pm-upload-file-select { clear: both; text-align: center; display: block; } .pm-upload-file-select i { font-size: 320px; color: #dedede; text-align: center; } .pm-video-manage-form { position: relative; margin-left: -15px; margin-right: -15px; /* border-top: 1px solid #ebebeb; */ } @media only screen and (max-width: 464px) { .pm-video-manage-form { margin-left: 0; margin-right: 0; } } @media only screen and (min-width: 320px) and (max-width: 1023px) { .pm-video-manage-form { margin-left: 0; margin-right: 0; } } .pm-video-manage-form .form-group { background: #f8f8f8; margin: 0; border-bottom: 1px solid #ebebeb; } @media only screen and (max-width: 464px) { .pm-video-manage-form .form-group { background-color: transparent; border: 0; } } .pm-video-manage-form .form-group .col-md-2, .pm-video-manage-form .form-group .col-sm-2 { background-color: #f8f8f8; padding: 5px 14px; margin: 0; margin-top: 10px; color: #959595; } @media only screen and (max-width: 464px) { .pm-video-manage-form .form-group .col-md-2, .pm-video-manage-form .form-group .col-sm-2 { background-color: transparent; border: 0; } } .pm-video-manage-form .form-group .col-md-2 label, .pm-video-manage-form .form-group .col-sm-2 label { padding: 0; margin: 0; } .pm-video-manage-form .form-group .col-md-10, .pm-video-manage-form .form-group .col-sm-10 { padding: 8px 50px 8px 10px; border-left: 1px solid #ebebeb; background-color: #FFF; } @media only screen and (max-width: 464px) { .pm-video-manage-form .form-group .col-md-10, .pm-video-manage-form .form-group .col-sm-10 { background-color: transparent; border: 0; } } .pm-video-manage-form .form-group #duration { width: 80px; } /* Upload Page */ .fileinput { position: relative; margin: 0; padding: 0; margin-bottom: 0; width: 200px; height: 133px; background-color: #ADAFAE; overflow: hidden; } .fileinput .thumbnail { margin: 0; padding: 0; border-radius: 0; background-clip: padding-box; } .fileinput .thumbnail img { visibility: hidden; } .fileinput.fileinput-new { background: url("../img/no-thumbnail.jpg") no-repeat top center; background-size: cover; max-height: 133px; } .fileinput .fileinput-exists { max-width: 100% !important; max-height: 100% !important; } .fileinput .fileinput-exists img { max-width: 100% !important; max-height: 100% !important; visibility: visible; } .fileinput .fileinput-buttons { /* input[name='capture'] { position: absolute; top:0; left:0; display: flex; width: 100%; padding: 30px 0 0 0; height: 30px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: transparent; }*/ } .fileinput-buttons { position: absolute; bottom: 2px; right: 2px; } .fileinput-filename { overflow: hidden; display: none; } .btn-upload { border-radius: 2px; background-clip: padding-box; } #upload-video-selected-files-container, #uploadLog { margin: 0; padding: 0; width: 400px; float: none; display: block; } @media only screen and (max-width: 464px) { #upload-video-selected-files-container, #uploadLog { width: 100%; } } #upload-video-selected-files-container li, #uploadLog li { list-style-type: none; margin: 5px 0; font-size: 11px; color: #333; position: relative; text-align: right; } #upload-video-selected-files-container li.success, #uploadLog li.success { color: #199400; } #upload-video-selected-files-container li p, #uploadLog li p { margin: 5px 0 0; font-size: 11px; line-height: 1em; font-weight: bold; padding: 0; margin: 0; } #upload-video-selected-files-container li span.cancel, #uploadLog li span.cancel { color: #FF6600; font-size: 11px; font-weight: bold; margin: 0 4px; cursor: pointer; } #upload-video-selected-files-container li .progressbar, #upload-video-selected-files-container li .progress-bar, #uploadLog li .progressbar, #uploadLog li .progress-bar { border-radius: 2px; background-clip: padding-box; position: relative; height: 8px; display: block; height: 10px; padding-right: 0; background-color: #74d04c; } #upload-video-selected-files-container li .progress, #uploadLog li .progress { border-radius: 2px; background-clip: padding-box; padding: 0; margin: 0; position: relative; overflow: hidden; height: 8px; border: 1px solid transparent; background-color: #eee; /* Missing animation -moz-animation:animate-stripes 2s linear infinite; -webkit-animation:animate-stripes 2s linear infinite; -o-animation:animate-stripes 2s linear infinite; -ms-animation:animate-stripes 2s linear infinite; -khtml-animation:animate-stripes 2s linear infinite; animation:animate-stripes 2s linear infinite; */ } #upload-video-selected-files-container li .status, #uploadLog li .status { padding: 0; margin: 2px 0; } #upload-video-selected-files-container li .hide-me, #uploadLog li .hide-me { display: none; } /* @Since v2.7*/ /* Upload.tpl */ .fileinput-button { position: relative; display: inline-block; overflow: hidden; } .fileinput-button input { font-size: 200px !important; position: absolute; top: 0; right: 0; margin: 0; cursor: pointer; opacity: .7; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; color: transparent; } @media screen\9 { .fileinput-button input { font-size: 100%; height: 100%; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; color: transparent; } } #upload-video-dropzone, #upload-video-dropzone.in, #upload-video-dropzone.hover { font-weight: bold; text-align: center; opacity: 1; border: 3px dashed transparent; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } #upload-video-dropzone.in { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: expandImage; animation-name: expandImage; } #upload-video-dropzone.in i { color: #249d57; -webkit-transition: color .3s; transition: color .3s; } .pm-upload-file-select { position: relative; display: block; clear: both; text-align: center; } .pm-upload-file-select i { font-size: 320px; cursor: default; text-align: center; color: #dedede; } .pm-upload-file-select p { position: absolute; right: 0; bottom: 60px; left: 0; margin: 0 auto; text-align: center; } #upload-video-form { overflow: hidden; height: 1px; padding-top: 20px; } #uniform-upload-video-file-btn .filename, #uniform-upload-video-file-btn .action { display: none; } .uploader { width: 300px; } .uploader .action { display: none; } .uploader .filename { font-size: 10px; line-height: 1em; display: block; margin-top: 10px; text-shadow: none; } .btn-upload { position: relative; margin-top: 10px; } .btn-upload-value { font-weight: bold; position: absolute; top: 3px; right: 0; bottom: 0; left: 0; text-align: center; } /*Suggest Page*/ #suggest-form .col-md-10::first-child { padding: 8px 50px 8px 10px; } /* Widget/Block */ .widget { margin-bottom: 30px; } .widget .pm-ul-list-categories li { width: 100%; } .widget .pm-ul-list-categories li a { color: #333; font-size: 14px; padding-left: 6px; margin-bottom: 3px; font-weight: 700; } .widget .pm-ul-list-categories li a:hover { color: #1c5dff; background-color: #f9f9f9; text-decoration: none; border-radius: 6px; } .widget .entry-tags a { background-color: #888; border-radius: 0 2px 2px 0; color: #fff; display: inline-block; font-size: 11px !important; font-weight: 700; line-height: 1.2727272727; margin: 2px 4px 2px 10px; padding: 3px 7px; position: relative; text-transform: uppercase; } .widget .entry-tags a:hover { background-color: #4C9ED9; color: #fff; text-decoration: none !important; } .widget .pm-ul-stats li { color: #777; font-size: 12px; margin-bottom: 8px; } .widget .pm-ul-stats li a { color: #777; } .widget .pm-ul-stats li a:hover { text-decoration: underline; } .widget .pm-ul-stats .pm-stats-count { font-weight: bold; float: right; } .widget .pm-sidebar-articles li.media .media-object { max-width: 80px; } .widget .pm-sidebar-articles li.media .media-heading { padding: 0; line-height: 1.4em; } .widget .pm-sidebar-articles li.media span { font-size: 12px; } .widget .pm-sidebar-articles h5 { margin-top: 0; } .fb-comments, .fb-comments iframe { width: 750px !important; } .pm-section-head { margin: 22px 4px; } .pm-section-head a.btn, .pm-section-head button.btn { background: transparent; background-color: transparent; border-color: transparent; color: #888; font-weight: bold; } .pm-section-head a.btn.open, .pm-section-head a.btn.dropdown-toggle, .pm-section-head a.btn.active, .pm-section-head a.btn:active, .pm-section-head a.btn:hover, .pm-section-head button.btn.open, .pm-section-head button.btn.dropdown-toggle, .pm-section-head button.btn.active, .pm-section-head button.btn:active, .pm-section-head button.btn:hover { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; border-color: transparent; color: #3c3c3c; } .pm-section-head a.btn.open:focus, .pm-section-head a.btn.dropdown-toggle:focus, .pm-section-head a.btn.active:focus, .pm-section-head a.btn:active:focus, .pm-section-head a.btn:hover:focus, .pm-section-head button.btn.open:focus, .pm-section-head button.btn.dropdown-toggle:focus, .pm-section-head button.btn.active:focus, .pm-section-head button.btn:active:focus, .pm-section-head button.btn:hover:focus { -webkit-box-shadow: none; box-shadow: none; background-color: #fafbfb; border-color: transparent; box-shadow: none; color: #3c3c3c; } .pm-section-head .dropdown-menu { border-radius: 2px; background-clip: padding-box; border-color: #f2f2f2; } .pm-section-head .dropdown-menu li.active a { color: #288ce4; background-color: #f9f9f9; } .pm-section-head .dropdown-menu li a { font-weight: bold; padding-top: 6px; padding-bottom: 6px; color: #888; font-weight: bold; font-size: 13px; } .pm-section-head .dropdown-menu li a:hover { color: #288ce4; background-color: #f9f9f9; } .pm-section-head .dropdown-menu .dropdown-header { text-transform: uppercase; font-size: 11px; } .pm-section-head .dropdown-menu .ul-sub-menu li a { padding: 6px 10px; display: block; } /* Ads --------------------------------------------- */ /* Floating Ads */ @media only screen and (min-width: 1500px) { .pm-ads-floating-left, .pm-ads-floating-right { display: block; top: 150px; z-index: 1 !important; } } /*-----------------------------------------------------------------------------------*/ /* 14.Responsive Layout Adjustments /*-----------------------------------------------------------------------------------*/ #video-thumb-placeholder .suggest-video-placeholder img { max-width: 200px; max-height: 133px; border: 1px solid #ADAFAE; } .growl.alert button.close { color: #fff; opacity: .9; font-size: 22px !important; padding: 0; padding-left: 10px; margin: 0; text-shadow: none; border-left: 1px dotted rgba(255, 255, 255, 0.3); border-left: none; } /* Emoji One CSS */ .emojione { font-size: inherit; height: 3ex; width: 3.1ex; min-height: 20px; min-width: 20px; display: inline-block; margin: -.2ex .15em .2ex; line-height: normal; vertical-align: middle; } .emojicode-list { max-height: 340px !important; overflow-y: scroll !important; } img.emojione { width: auto; } .pm-logo-image { position: relative; min-height: 60px; } .pm-logo-image img { position: absolute; top: 0; bottom: 0; margin: auto; } /*@Since v2.7*/ /* Buttons for Login and Register Modals */ .pm-social-accounts label { display: block; clear: both; } .pm-social-accounts .btn { font-size: 12px; font-weight: bold; line-height: 38px; padding: 0 5px; text-align: left; color: #fff; border: none; border-radius: 4px; background-image: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; margin: 0; margin-bottom: 6px; width: 100%; } .pm-social-accounts .btn:hover { opacity: .9; } .pm-social-accounts .btn.btn-facebook { background-color: #3b5998; } .pm-social-accounts .btn.btn-twitter { background-color: #00aced; } .pm-social-accounts .btn.btn-google { background-color: #4484f3; } .pm-social-accounts .btn i { font-size: 1.3em; float: left; margin: 0 8px; padding-top: 12px; padding-right: 6px; } /* User-register-twitter-form.tpl */ .pm-twitter-account { border: 0; background-color: #F2F8F9; overflow: hidden; border-radius: 4px; position: relative; width: 400px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); margin: 0 auto; padding-bottom: 20px; } .pm-twitter-account .pm-twitter-cover img { height: 120px; width: 100%; } .pm-twitter-account .pm-twitter-avatar { border: 3px solid #fff; border-radius: 4px; width: 100px; display: inline-block; margin-right: 20px; position: relative; left: 20px; vertical-align: top; top: -40px; } .pm-twitter-account .pm-twitter-avatar img { border-radius: 4px; } .pm-twitter-account .pm-twitter-account-details { margin-left: 20px; width: 50%; display: inline-block; } .pm-twitter-account .pm-twitter-account-details h3 { line-height: 1em; font-size: 18px; } .pm-twitter-account .pm-twitter-account-details label { text-transform: uppercase; font-size: 10px !important; font-weight: bold; } .pm-twitter-account .pm-twitter-account-details small { color: #aaa; } .pm-twitter-account .pm-twitter-account-details button { margin-top: 10px; } @-webkit-keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5); transform: scale(2.5); } } @keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5); transform: scale(2.5); } } /* Material Icons by Google */ @font-face { font-family: 'Material-Icon-PHP-Melody'; font-display: auto; src: url(fonts/Material-Icon-PHP-Melody.eot?206bv4); src: url(fonts/Material-Icon-PHP-Melody.eot?206bv4#iefix) format("embedded-opentype"), url(fonts/Material-Icon-PHP-Melody.ttf?206bv4) format("truetype"), url(fonts/Material-Icon-PHP-Melody.woff?206bv4) format("woff"), url(fonts/Material-Icon-PHP-Melody.svg?206bv4#Material-Icon-PHP-Melody) format("svg"); font-weight: 400; font-style: normal; } .mico { font-family: "Material-Icon-PHP-Melody" !important; font-display: auto; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mico.md-16 { font-size: 16px; } .mico.md-18 { font-size: 18px; } .mico.md-24 { font-size: 24px; } .mico.md-36 { font-size: 36px; } .mico.md-48 { font-size: 48px; } .mico-lg { font-size: 24px; } .mico-error:before { content: "\e000"; } .mico-error_outline:before { content: "\e001"; } .mico-warning:before { content: "\e002"; } .mico-add_alert:before { content: "\e003"; } .mico-album:before { content: "\e019"; } .mico-av_timer:before { content: "\e01b"; } .mico-closed_caption:before { content: "\e01c"; } .mico-equalizer:before { content: "\e01d"; } .mico-explicit:before { content: "\e01e"; } .mico-fast_forward:before { content: "\e01f"; } .mico-fast_rewind:before { content: "\e020"; } .mico-games:before { content: "\e021"; } .mico-hearing:before { content: "\e023"; } .mico-high_quality:before { content: "\e024"; } .mico-loop:before { content: "\e028"; } .mico-mic:before { content: "\e029"; } .mico-mic_none:before { content: "\e02a"; } .mico-mic_off:before { content: "\e02b"; } .mico-movie:before { content: "\e02c"; } .mico-library_add:before { content: "\e02e"; } .mico-library_books:before { content: "\e02f"; } .mico-library_music:before { content: "\e030"; } .mico-new_releases:before { content: "\e031"; } .mico-not_interested:before { content: "\e033"; } .mico-pause:before { content: "\e034"; } .mico-pause_circle_filled:before { content: "\e035"; } .mico-pause_circle_outline:before { content: "\e036"; } .mico-play_arrow:before { content: "\e037"; } .mico-play_circle_filled:before { content: "\e038"; } .mico-play_circle_outline:before { content: "\e039"; } .mico-playlist_add:before { content: "\e03b"; } .mico-queue:before { content: "\e03c"; } .mico-queue_music:before { content: "\e03d"; } .mico-radio:before { content: "\e03e"; } .mico-recent_actors:before { content: "\e03f"; } .mico-repeat:before { content: "\e040"; } .mico-repeat_one:before { content: "\e041"; } .mico-replay:before { content: "\e042"; } .mico-shuffle:before { content: "\e043"; } .mico-skip_next:before { content: "\e044"; } .mico-skip_previous:before { content: "\e045"; } .mico-snooze:before { content: "\e046"; } .mico-stop:before { content: "\e047"; } .mico-subtitles:before { content: "\e048"; } .mico-surround_sound:before { content: "\e049"; } .mico-video_collection:before { content: "\e04a"; } .mico-videocam:before { content: "\e04b"; } .mico-videocam_off:before { content: "\e04c"; } .mico-volume_down:before { content: "\e04d"; } .mico-volume_mute:before { content: "\e04e"; } .mico-volume_off:before { content: "\e04f"; } .mico-volume_up:before { content: "\e050"; } .mico-web:before { content: "\e051"; } .mico-hd:before { content: "\e052"; } .mico-sort_by_alpha:before { content: "\e053"; } .mico-airplay:before { content: "\e055"; } .mico-forward_10:before { content: "\e056"; } .mico-forward_30:before { content: "\e057"; } .mico-forward_5:before { content: "\e058"; } .mico-replay_10:before { content: "\e059"; } .mico-replay_30:before { content: "\e05a"; } .mico-replay_5:before { content: "\e05b"; } .mico-add_to_queue:before { content: "\e05c"; } .mico-fiber_dvr:before { content: "\e05d"; } .mico-fiber_new:before { content: "\e05e"; } .mico-playlist_play:before { content: "\e05f"; } .mico-art_track:before { content: "\e060"; } .mico-fiber_manual_record:before { content: "\e061"; } .mico-fiber_smart_record:before { content: "\e062"; } .mico-music_video:before { content: "\e063"; } .mico-subscriptions:before { content: "\e064"; } .mico-playlist_add_check:before { content: "\e065"; } .mico-queue_play_next:before { content: "\e066"; } .mico-remove_from_queue:before { content: "\e067"; } .mico-slow_motion_video:before { content: "\e068"; } .mico-web_asset:before { content: "\e069"; } .mico-fiber_pin:before { content: "\e06a"; } .mico-business:before { content: "\e0af"; } .mico-call:before { content: "\e0b0"; } .mico-call_end:before { content: "\e0b1"; } .mico-call_made:before { content: "\e0b2"; } .mico-call_merge:before { content: "\e0b3"; } .mico-call_missed:before { content: "\e0b4"; } .mico-call_received:before { content: "\e0b5"; } .mico-call_split:before { content: "\e0b6"; } .mico-chat:before { content: "\e0b7"; } .mico-clear_all:before { content: "\e0b8"; } .mico-comment:before { content: "\e0b9"; } .mico-contacts:before { content: "\e0ba"; } .mico-dialer_sip:before { content: "\e0bb"; } .mico-dialpad:before { content: "\e0bc"; } .mico-email:before { content: "\e0be"; } .mico-forum:before { content: "\e0bf"; } .mico-import_export:before { content: "\e0c3"; } .mico-invert_colors_off:before { content: "\e0c4"; } .mico-live_help:before { content: "\e0c6"; } .mico-location_off:before { content: "\e0c7"; } .mico-location_on:before { content: "\e0c8"; } .mico-message:before { content: "\e0c9"; } .mico-chat_bubble:before { content: "\e0ca"; } .mico-chat_bubble_outline:before { content: "\e0cb"; } .mico-no_sim:before { content: "\e0cc"; } .mico-phone:before { content: "\e0cd"; } .mico-portable_wifi_off:before { content: "\e0ce"; } .mico-contact_phone:before { content: "\e0cf"; } .mico-contact_mail:before { content: "\e0d0"; } .mico-ring_volume:before { content: "\e0d1"; } .mico-speaker_phone:before { content: "\e0d2"; } .mico-stay_current_landscape:before { content: "\e0d3"; } .mico-stay_current_portrait:before { content: "\e0d4"; } .mico-stay_primary_landscape:before { content: "\e0d5"; } .mico-stay_primary_portrait:before { content: "\e0d6"; } .mico-swap_calls:before { content: "\e0d7"; } .mico-textsms:before { content: "\e0d8"; } .mico-voicemail:before { content: "\e0d9"; } .mico-vpn_key:before { content: "\e0da"; } .mico-phonelink_erase:before { content: "\e0db"; } .mico-phonelink_lock:before { content: "\e0dc"; } .mico-phonelink_ring:before { content: "\e0dd"; } .mico-phonelink_setup:before { content: "\e0de"; } .mico-present_to_all:before { content: "\e0df"; } .mico-import_contacts:before { content: "\e0e0"; } .mico-mail_outline:before { content: "\e0e1"; } .mico-screen_share:before { content: "\e0e2"; } .mico-stop_screen_share:before { content: "\e0e3"; } .mico-call_missed_outgoing:before { content: "\e0e4"; } .mico-add:before { content: "\e145"; } .mico-add_box:before { content: "\e146"; } .mico-add_circle:before { content: "\e147"; } .mico-add_circle_outline:before { content: "\e148"; } .mico-archive:before { content: "\e149"; } .mico-backspace:before { content: "\e14a"; } .mico-block:before { content: "\e14b"; } .mico-clear:before { content: "\e14c"; } .mico-content_copy:before { content: "\e14d"; } .mico-content_cut:before { content: "\e14e"; } .mico-content_paste:before { content: "\e14f"; } .mico-create:before { content: "\e150"; } .mico-drafts:before { content: "\e151"; } .mico-filter_list:before { content: "\e152"; } .mico-flag:before { content: "\e153"; } .mico-forward:before { content: "\e154"; } .mico-gesture:before { content: "\e155"; } .mico-inbox:before { content: "\e156"; } .mico-link:before { content: "\e157"; } .mico-mail:before { content: "\e158"; } .mico-markunread:before { content: "\e159"; } .mico-redo:before { content: "\e15a"; } .mico-remove:before { content: "\e15b"; } .mico-remove_circle:before { content: "\e15c"; } .mico-remove_circle_outline:before { content: "\e15d"; } .mico-reply:before { content: "\e15e"; } .mico-reply_all:before { content: "\e15f"; } .mico-report:before { content: "\e160"; } .mico-save:before { content: "\e161"; } .mico-select_all:before { content: "\e162"; } .mico-send:before { content: "\e163"; } .mico-sort:before { content: "\e164"; } .mico-text_format:before { content: "\e165"; } .mico-undo:before { content: "\e166"; } .mico-font_download:before { content: "\e167"; } .mico-move_to_inbox:before { content: "\e168"; } .mico-unarchive:before { content: "\e169"; } .mico-next_week:before { content: "\e16a"; } .mico-weekend:before { content: "\e16b"; } .mico-access_alarm:before { content: "\e190"; } .mico-access_alarms:before { content: "\e191"; } .mico-access_time:before { content: "\e192"; } .mico-add_alarm:before { content: "\e193"; } .mico-airplanemode_inactive:before { content: "\e194"; } .mico-airplanemode_active:before { content: "\e195"; } .mico-battery_alert:before { content: "\e19c"; } .mico-battery_charging_full:before { content: "\e1a3"; } .mico-battery_full:before { content: "\e1a4"; } .mico-battery_std:before { content: "\e1a5"; } .mico-battery_unknown:before { content: "\e1a6"; } .mico-bluetooth:before { content: "\e1a7"; } .mico-bluetooth_connected:before { content: "\e1a8"; } .mico-bluetooth_disabled:before { content: "\e1a9"; } .mico-bluetooth_searching:before { content: "\e1aa"; } .mico-brightness_auto:before { content: "\e1ab"; } .mico-brightness_high:before { content: "\e1ac"; } .mico-brightness_low:before { content: "\e1ad"; } .mico-brightness_medium:before { content: "\e1ae"; } .mico-data_usage:before { content: "\e1af"; } .mico-developer_mode:before { content: "\e1b0"; } .mico-devices:before { content: "\e1b1"; } .mico-dvr:before { content: "\e1b2"; } .mico-gps_fixed:before { content: "\e1b3"; } .mico-gps_not_fixed:before { content: "\e1b4"; } .mico-gps_off:before { content: "\e1b5"; } .mico-location_disabled:before { content: "\e1b6"; } .mico-location_searching:before { content: "\e1b7"; } .mico-graphic_eq:before { content: "\e1b8"; } .mico-network_cell:before { content: "\e1b9"; } .mico-network_wifi:before { content: "\e1ba"; } .mico-nfc:before { content: "\e1bb"; } .mico-now_wallpaper:before { content: "\e1bc"; } .mico-now_widgets:before { content: "\e1bd"; } .mico-screen_lock_landscape:before { content: "\e1be"; } .mico-screen_lock_portrait:before { content: "\e1bf"; } .mico-screen_lock_rotation:before { content: "\e1c0"; } .mico-screen_rotation:before { content: "\e1c1"; } .mico-sd_storage:before { content: "\e1c2"; } .mico-settings_system_daydream:before { content: "\e1c3"; } .mico-signal_cellular_4_bar:before { content: "\e1c8"; } .mico-signal_cellular_connected_no_internet_4_bar:before { content: "\e1cd"; } .mico-signal_cellular_no_sim:before { content: "\e1ce"; } .mico-signal_cellular_null:before { content: "\e1cf"; } .mico-signal_cellular_off:before { content: "\e1d0"; } .mico-signal_wifi_4_bar:before { content: "\e1d8"; } .mico-signal_wifi_4_bar_lock:before { content: "\e1d9"; } .mico-signal_wifi_off:before { content: "\e1da"; } .mico-storage:before { content: "\e1db"; } .mico-usb:before { content: "\e1e0"; } .mico-wifi_lock:before { content: "\e1e1"; } .mico-wifi_tethering:before { content: "\e1e2"; } .mico-attach_file:before { content: "\e226"; } .mico-attach_money:before { content: "\e227"; } .mico-border_all:before { content: "\e228"; } .mico-border_bottom:before { content: "\e229"; } .mico-border_clear:before { content: "\e22a"; } .mico-border_color:before { content: "\e22b"; } .mico-border_horizontal:before { content: "\e22c"; } .mico-border_inner:before { content: "\e22d"; } .mico-border_left:before { content: "\e22e"; } .mico-border_outer:before { content: "\e22f"; } .mico-border_right:before { content: "\e230"; } .mico-border_style:before { content: "\e231"; } .mico-border_top:before { content: "\e232"; } .mico-border_vertical:before { content: "\e233"; } .mico-format_align_center:before { content: "\e234"; } .mico-format_align_justify:before { content: "\e235"; } .mico-format_align_left:before { content: "\e236"; } .mico-format_align_right:before { content: "\e237"; } .mico-format_bold:before { content: "\e238"; } .mico-format_clear:before { content: "\e239"; } .mico-format_color_fill:before { content: "\e23a"; } .mico-format_color_reset:before { content: "\e23b"; } .mico-format_color_text:before { content: "\e23c"; } .mico-format_indent_decrease:before { content: "\e23d"; } .mico-format_indent_increase:before { content: "\e23e"; } .mico-format_italic:before { content: "\e23f"; } .mico-format_line_spacing:before { content: "\e240"; } .mico-format_list_bulleted:before { content: "\e241"; } .mico-format_list_numbered:before { content: "\e242"; } .mico-format_paint:before { content: "\e243"; } .mico-format_quote:before { content: "\e244"; } .mico-format_size:before { content: "\e245"; } .mico-format_strikethrough:before { content: "\e246"; } .mico-format_textdirection_l_to_r:before { content: "\e247"; } .mico-format_textdirection_r_to_l:before { content: "\e248"; } .mico-format_underlined:before { content: "\e249"; } .mico-functions:before { content: "\e24a"; } .mico-insert_chart:before { content: "\e24b"; } .mico-insert_comment:before { content: "\e24c"; } .mico-insert_drive_file:before { content: "\e24d"; } .mico-insert_emoticon:before { content: "\e24e"; } .mico-insert_invitation:before { content: "\e24f"; } .mico-insert_link:before { content: "\e250"; } .mico-insert_photo:before { content: "\e251"; } .mico-merge_type:before { content: "\e252"; } .mico-mode_comment:before { content: "\e253"; } .mico-mode_edit:before { content: "\e254"; } .mico-publish:before { content: "\e255"; } .mico-space_bar:before { content: "\e256"; } .mico-strikethrough_s:before { content: "\e257"; } .mico-vertical_align_bottom:before { content: "\e258"; } .mico-vertical_align_center:before { content: "\e259"; } .mico-vertical_align_top:before { content: "\e25a"; } .mico-wrap_text:before { content: "\e25b"; } .mico-money_off:before { content: "\e25c"; } .mico-drag_handle:before { content: "\e25d"; } .mico-format_shapes:before { content: "\e25e"; } .mico-highlight:before { content: "\e25f"; } .mico-linear_scale:before { content: "\e260"; } .mico-short_text:before { content: "\e261"; } .mico-text_fields:before { content: "\e262"; } .mico-attachment:before { content: "\e2bc"; } .mico-cloud:before { content: "\e2bd"; } .mico-cloud_circle:before { content: "\e2be"; } .mico-cloud_done:before { content: "\e2bf"; } .mico-cloud_download:before { content: "\e2c0"; } .mico-cloud_off:before { content: "\e2c1"; } .mico-cloud_queue:before { content: "\e2c2"; } .mico-cloud_upload:before { content: "\e2c3"; } .mico-file_download:before { content: "\e2c4"; } .mico-file_upload:before { content: "\e2c6"; } .mico-folder:before { content: "\e2c7"; } .mico-folder_open:before { content: "\e2c8"; } .mico-folder_shared:before { content: "\e2c9"; } .mico-create_new_folder:before { content: "\e2cc"; } .mico-cast:before { content: "\e307"; } .mico-cast_connected:before { content: "\e308"; } .mico-computer:before { content: "\e30a"; } .mico-desktop_mac:before { content: "\e30b"; } .mico-desktop_windows:before { content: "\e30c"; } .mico-developer_board:before { content: "\e30d"; } .mico-dock:before { content: "\e30e"; } .mico-gamepad:before { content: "\e30f"; } .mico-headset:before { content: "\e310"; } .mico-headset_mic:before { content: "\e311"; } .mico-keyboard:before { content: "\e312"; } .mico-keyboard_arrow_down:before { content: "\e313"; } .mico-keyboard_arrow_left:before { content: "\e314"; } .mico-keyboard_arrow_right:before { content: "\e315"; } .mico-keyboard_arrow_up:before { content: "\e316"; } .mico-keyboard_backspace:before { content: "\e317"; } .mico-keyboard_capslock:before { content: "\e318"; } .mico-keyboard_hide:before { content: "\e31a"; } .mico-keyboard_return:before { content: "\e31b"; } .mico-keyboard_tab:before { content: "\e31c"; } .mico-keyboard_voice:before { content: "\e31d"; } .mico-laptop:before { content: "\e31e"; } .mico-laptop_chromebook:before { content: "\e31f"; } .mico-laptop_mac:before { content: "\e320"; } .mico-laptop_windows:before { content: "\e321"; } .mico-memory:before { content: "\e322"; } .mico-mouse:before { content: "\e323"; } .mico-phone_android:before { content: "\e324"; } .mico-phone_iphone:before { content: "\e325"; } .mico-phonelink:before { content: "\e326"; } .mico-phonelink_off:before { content: "\e327"; } .mico-router:before { content: "\e328"; } .mico-scanner:before { content: "\e329"; } .mico-security:before { content: "\e32a"; } .mico-sim_card:before { content: "\e32b"; } .mico-smartphone:before { content: "\e32c"; } .mico-speaker:before { content: "\e32d"; } .mico-speaker_group:before { content: "\e32e"; } .mico-tablet:before { content: "\e32f"; } .mico-tablet_android:before { content: "\e330"; } .mico-tablet_mac:before { content: "\e331"; } .mico-toys:before { content: "\e332"; } .mico-tv:before { content: "\e333"; } .mico-watch:before { content: "\e334"; } .mico-device_hub:before { content: "\e335"; } .mico-power_input:before { content: "\e336"; } .mico-devices_other:before { content: "\e337"; } .mico-videogame_asset:before { content: "\e338"; } .mico-add_to_photos:before { content: "\e39d"; } .mico-adjust:before { content: "\e39e"; } .mico-assistant:before { content: "\e39f"; } .mico-assistant_photo:before { content: "\e3a0"; } .mico-audiotrack:before { content: "\e3a1"; } .mico-blur_circular:before { content: "\e3a2"; } .mico-blur_linear:before { content: "\e3a3"; } .mico-blur_off:before { content: "\e3a4"; } .mico-blur_on:before { content: "\e3a5"; } .mico-brightness_1:before { content: "\e3a6"; } .mico-brightness_2:before { content: "\e3a7"; } .mico-brightness_3:before { content: "\e3a8"; } .mico-brightness_4:before { content: "\e3a9"; } .mico-brightness_5:before { content: "\e3aa"; } .mico-brightness_6:before { content: "\e3ab"; } .mico-brightness_7:before { content: "\e3ac"; } .mico-broken_image:before { content: "\e3ad"; } .mico-brush:before { content: "\e3ae"; } .mico-camera:before { content: "\e3af"; } .mico-camera_alt:before { content: "\e3b0"; } .mico-camera_front:before { content: "\e3b1"; } .mico-camera_rear:before { content: "\e3b2"; } .mico-camera_roll:before { content: "\e3b3"; } .mico-center_focus_strong:before { content: "\e3b4"; } .mico-center_focus_weak:before { content: "\e3b5"; } .mico-collections:before { content: "\e3b6"; } .mico-color_lens:before { content: "\e3b7"; } .mico-colorize:before { content: "\e3b8"; } .mico-compare:before { content: "\e3b9"; } .mico-control_point:before { content: "\e3ba"; } .mico-control_point_duplicate:before { content: "\e3bb"; } .mico-crop_16_9:before { content: "\e3bc"; } .mico-crop_3_2:before { content: "\e3bd"; } .mico-crop:before { content: "\e3be"; } .mico-crop_5_4:before { content: "\e3bf"; } .mico-crop_7_5:before { content: "\e3c0"; } .mico-crop_din:before { content: "\e3c1"; } .mico-crop_free:before { content: "\e3c2"; } .mico-crop_landscape:before { content: "\e3c3"; } .mico-crop_original:before { content: "\e3c4"; } .mico-crop_portrait:before { content: "\e3c5"; } .mico-crop_square:before { content: "\e3c6"; } .mico-dehaze:before { content: "\e3c7"; } .mico-details:before { content: "\e3c8"; } .mico-edit:before { content: "\e3c9"; } .mico-exposure:before { content: "\e3ca"; } .mico-exposure_minus_1:before { content: "\e3cb"; } .mico-exposure_minus_2:before { content: "\e3cc"; } .mico-exposure_plus_1:before { content: "\e3cd"; } .mico-exposure_plus_2:before { content: "\e3ce"; } .mico-exposure_zero:before { content: "\e3cf"; } .mico-filter_1:before { content: "\e3d0"; } .mico-filter_2:before { content: "\e3d1"; } .mico-filter_3:before { content: "\e3d2"; } .mico-filter:before { content: "\e3d3"; } .mico-filter_4:before { content: "\e3d4"; } .mico-filter_5:before { content: "\e3d5"; } .mico-filter_6:before { content: "\e3d6"; } .mico-filter_7:before { content: "\e3d7"; } .mico-filter_8:before { content: "\e3d8"; } .mico-filter_9:before { content: "\e3d9"; } .mico-filter_9_plus:before { content: "\e3da"; } .mico-filter_b_and_w:before { content: "\e3db"; } .mico-filter_center_focus:before { content: "\e3dc"; } .mico-filter_drama:before { content: "\e3dd"; } .mico-filter_frames:before { content: "\e3de"; } .mico-filter_hdr:before { content: "\e3df"; } .mico-filter_none:before { content: "\e3e0"; } .mico-filter_tilt_shift:before { content: "\e3e2"; } .mico-filter_vintage:before { content: "\e3e3"; } .mico-flare:before { content: "\e3e4"; } .mico-flash_auto:before { content: "\e3e5"; } .mico-flash_off:before { content: "\e3e6"; } .mico-flash_on:before { content: "\e3e7"; } .mico-flip:before { content: "\e3e8"; } .mico-gradient:before { content: "\e3e9"; } .mico-grain:before { content: "\e3ea"; } .mico-grid_off:before { content: "\e3eb"; } .mico-grid_on:before { content: "\e3ec"; } .mico-hdr_off:before { content: "\e3ed"; } .mico-hdr_on:before { content: "\e3ee"; } .mico-hdr_strong:before { content: "\e3f1"; } .mico-hdr_weak:before { content: "\e3f2"; } .mico-healing:before { content: "\e3f3"; } .mico-image:before { content: "\e3f4"; } .mico-image_aspect_ratio:before { content: "\e3f5"; } .mico-iso:before { content: "\e3f6"; } .mico-landscape:before { content: "\e3f7"; } .mico-leak_add:before { content: "\e3f8"; } .mico-leak_remove:before { content: "\e3f9"; } .mico-lens:before { content: "\e3fa"; } .mico-looks_3:before { content: "\e3fb"; } .mico-looks:before { content: "\e3fc"; } .mico-looks_4:before { content: "\e3fd"; } .mico-looks_5:before { content: "\e3fe"; } .mico-looks_6:before { content: "\e3ff"; } .mico-looks_one:before { content: "\e400"; } .mico-looks_two:before { content: "\e401"; } .mico-loupe:before { content: "\e402"; } .mico-monochrome_photos:before { content: "\e403"; } .mico-movie_creation:before { content: "\e404"; } .mico-music_note:before { content: "\e405"; } .mico-nature:before { content: "\e406"; } .mico-nature_people:before { content: "\e407"; } .mico-navigate_before:before { content: "\e408"; } .mico-navigate_next:before { content: "\e409"; } .mico-palette:before { content: "\e40a"; } .mico-panorama:before { content: "\e40b"; } .mico-panorama_fish_eye:before { content: "\e40c"; } .mico-panorama_horizontal:before { content: "\e40d"; } .mico-panorama_vertical:before { content: "\e40e"; } .mico-panorama_wide_angle:before { content: "\e40f"; } .mico-photo:before { content: "\e410"; } .mico-photo_album:before { content: "\e411"; } .mico-photo_camera:before { content: "\e412"; } .mico-photo_library:before { content: "\e413"; } .mico-picture_as_pdf:before { content: "\e415"; } .mico-portrait:before { content: "\e416"; } .mico-remove_red_eye:before { content: "\e417"; } .mico-rotate_90_degrees_ccw:before { content: "\e418"; } .mico-rotate_left:before { content: "\e419"; } .mico-rotate_right:before { content: "\e41a"; } .mico-slideshow:before { content: "\e41b"; } .mico-straighten:before { content: "\e41c"; } .mico-style:before { content: "\e41d"; } .mico-switch_camera:before { content: "\e41e"; } .mico-switch_video:before { content: "\e41f"; } .mico-tag_faces:before { content: "\e420"; } .mico-texture:before { content: "\e421"; } .mico-timelapse:before { content: "\e422"; } .mico-timer_10:before { content: "\e423"; } .mico-timer_3:before { content: "\e424"; } .mico-timer:before { content: "\e425"; } .mico-timer_off:before { content: "\e426"; } .mico-tonality:before { content: "\e427"; } .mico-transform:before { content: "\e428"; } .mico-tune:before { content: "\e429"; } .mico-view_comfortable:before { content: "\e42a"; } .mico-view_compact:before { content: "\e42b"; } .mico-wb_auto:before { content: "\e42c"; } .mico-wb_cloudy:before { content: "\e42d"; } .mico-wb_incandescent:before { content: "\e42e"; } .mico-wb_sunny:before { content: "\e430"; } .mico-collections_bookmark:before { content: "\e431"; } .mico-photo_size_select_actual:before { content: "\e432"; } .mico-photo_size_select_large:before { content: "\e433"; } .mico-photo_size_select_small:before { content: "\e434"; } .mico-vignette:before { content: "\e435"; } .mico-wb_iridescent:before { content: "\e436"; } .mico-crop_rotate:before { content: "\e437"; } .mico-linked_camera:before { content: "\e438"; } .mico-add_a_photo:before { content: "\e439"; } .mico-movie_filter:before { content: "\e43a"; } .mico-photo_filter:before { content: "\e43b"; } .mico-beenhere:before { content: "\e52d"; } .mico-directions:before { content: "\e52e"; } .mico-directions_bike:before { content: "\e52f"; } .mico-directions_bus:before { content: "\e530"; } .mico-directions_car:before { content: "\e531"; } .mico-directions_ferry:before { content: "\e532"; } .mico-directions_subway:before { content: "\e533"; } .mico-directions_railway:before { content: "\e534"; } .mico-directions_transit:before { content: "\e535"; } .mico-directions_walk:before { content: "\e536"; } .mico-flight:before { content: "\e539"; } .mico-hotel:before { content: "\e53a"; } .mico-layers:before { content: "\e53b"; } .mico-layers_clear:before { content: "\e53c"; } .mico-local_airport:before { content: "\e53d"; } .mico-local_atm:before { content: "\e53e"; } .mico-local_attraction:before { content: "\e53f"; } .mico-local_bar:before { content: "\e540"; } .mico-local_cafe:before { content: "\e541"; } .mico-local_car_wash:before { content: "\e542"; } .mico-local_convenience_store:before { content: "\e543"; } .mico-local_drink:before { content: "\e544"; } .mico-local_florist:before { content: "\e545"; } .mico-local_gas_station:before { content: "\e546"; } .mico-local_grocery_store:before { content: "\e547"; } .mico-local_hospital:before { content: "\e548"; } .mico-local_hotel:before { content: "\e549"; } .mico-local_laundry_service:before { content: "\e54a"; } .mico-local_library:before { content: "\e54b"; } .mico-local_mall:before { content: "\e54c"; } .mico-local_movies:before { content: "\e54d"; } .mico-local_offer:before { content: "\e54e"; } .mico-local_parking:before { content: "\e54f"; } .mico-local_pharmacy:before { content: "\e550"; } .mico-local_phone:before { content: "\e551"; } .mico-local_pizza:before { content: "\e552"; } .mico-local_play:before { content: "\e553"; } .mico-local_post_office:before { content: "\e554"; } .mico-local_print_shop:before { content: "\e555"; } .mico-local_restaurant:before { content: "\e556"; } .mico-local_see:before { content: "\e557"; } .mico-local_shipping:before { content: "\e558"; } .mico-local_taxi:before { content: "\e559"; } .mico-location_history:before { content: "\e55a"; } .mico-map:before { content: "\e55b"; } .mico-my_location:before { content: "\e55c"; } .mico-navigation:before { content: "\e55d"; } .mico-pin_drop:before { content: "\e55e"; } .mico-place:before { content: "\e55f"; } .mico-rate_review:before { content: "\e560"; } .mico-restaurant_menu:before { content: "\e561"; } .mico-satellite:before { content: "\e562"; } .mico-store_mall_directory:before { content: "\e563"; } .mico-terrain:before { content: "\e564"; } .mico-traffic:before { content: "\e565"; } .mico-directions_run:before { content: "\e566"; } .mico-add_location:before { content: "\e567"; } .mico-edit_location:before { content: "\e568"; } .mico-near_me:before { content: "\e569"; } .mico-person_pin_circle:before { content: "\e56a"; } .mico-zoom_out_map:before { content: "\e56b"; } .mico-apps:before { content: "\e5c3"; } .mico-arrow_back:before { content: "\e5c4"; } .mico-arrow_drop_down:before { content: "\e5c5"; } .mico-arrow_drop_down_circle:before { content: "\e5c6"; } .mico-arrow_drop_up:before { content: "\e5c7"; } .mico-arrow_forward:before { content: "\e5c8"; } .mico-cancel:before { content: "\e5c9"; } .mico-check:before { content: "\e5ca"; } .mico-chevron_left:before { content: "\e5cb"; } .mico-chevron_right:before { content: "\e5cc"; } .mico-close:before { content: "\e5cd"; } .mico-expand_less:before { content: "\e5ce"; } .mico-expand_more:before { content: "\e5cf"; } .mico-fullscreen:before { content: "\e5d0"; } .mico-fullscreen_exit:before { content: "\e5d1"; } .mico-menu:before { content: "\e5d2"; } .mico-keyboard_control:before { content: "\e5d3"; } .mico-more_vert:before { content: "\e5d4"; } .mico-refresh:before { content: "\e5d5"; } .mico-unfold_less:before { content: "\e5d6"; } .mico-unfold_more:before { content: "\e5d7"; } .mico-arrow_upward:before { content: "\e5d8"; } .mico-subdirectory_arrow_left:before { content: "\e5d9"; } .mico-subdirectory_arrow_right:before { content: "\e5da"; } .mico-arrow_downward:before { content: "\e5db"; } .mico-adb:before { content: "\e60e"; } .mico-bluetooth_audio:before { content: "\e60f"; } .mico-disc_full:before { content: "\e610"; } .mico-do_not_disturb_alt:before { content: "\e611"; } .mico-do_not_disturb:before { content: "\e612"; } .mico-drive_eta:before { content: "\e613"; } .mico-event_available:before { content: "\e614"; } .mico-event_busy:before { content: "\e615"; } .mico-event_note:before { content: "\e616"; } .mico-folder_special:before { content: "\e617"; } .mico-mms:before { content: "\e618"; } .mico-more:before { content: "\e619"; } .mico-network_locked:before { content: "\e61a"; } .mico-phone_bluetooth_speaker:before { content: "\e61b"; } .mico-phone_forwarded:before { content: "\e61c"; } .mico-phone_in_talk:before { content: "\e61d"; } .mico-phone_locked:before { content: "\e61e"; } .mico-phone_missed:before { content: "\e61f"; } .mico-phone_paused:before { content: "\e620"; } .mico-sd_card:before { content: "\e623"; } .mico-sim_card_alert:before { content: "\e624"; } .mico-sms:before { content: "\e625"; } .mico-sms_failed:before { content: "\e626"; } .mico-sync:before { content: "\e627"; } .mico-sync_disabled:before { content: "\e628"; } .mico-sync_problem:before { content: "\e629"; } .mico-system_update:before { content: "\e62a"; } .mico-tap_and_play:before { content: "\e62b"; } .mico-time_to_leave:before { content: "\e62c"; } .mico-vibration:before { content: "\e62d"; } .mico-voice_chat:before { content: "\e62e"; } .mico-vpn_lock:before { content: "\e62f"; } .mico-airline_seat_flat:before { content: "\e630"; } .mico-airline_seat_flat_angled:before { content: "\e631"; } .mico-airline_seat_individual_suite:before { content: "\e632"; } .mico-airline_seat_legroom_extra:before { content: "\e633"; } .mico-airline_seat_legroom_normal:before { content: "\e634"; } .mico-airline_seat_legroom_reduced:before { content: "\e635"; } .mico-airline_seat_recline_extra:before { content: "\e636"; } .mico-airline_seat_recline_normal:before { content: "\e637"; } .mico-confirmation_number:before { content: "\e638"; } .mico-live_tv:before { content: "\e639"; } .mico-ondemand_video:before { content: "\e63a"; } .mico-personal_video:before { content: "\e63b"; } .mico-power:before { content: "\e63c"; } .mico-wc:before { content: "\e63d"; } .mico-wifi:before { content: "\e63e"; } .mico-enhanced_encryption:before { content: "\e63f"; } .mico-network_check:before { content: "\e640"; } .mico-no_encryption:before { content: "\e641"; } .mico-rv_hookup:before { content: "\e642"; } .mico-cake:before { content: "\e7e9"; } .mico-domain:before { content: "\e7ee"; } .mico-group:before { content: "\e7ef"; } .mico-group_add:before { content: "\e7f0"; } .mico-location_city:before { content: "\e7f1"; } .mico-mood:before { content: "\e7f2"; } .mico-mood_bad:before { content: "\e7f3"; } .mico-notifications:before { content: "\e7f4"; } .mico-notifications_none:before { content: "\e7f5"; } .mico-notifications_off:before { content: "\e7f6"; } .mico-notifications_active:before { content: "\e7f7"; } .mico-notifications_paused:before { content: "\e7f8"; } .mico-pages:before { content: "\e7f9"; } .mico-party_mode:before { content: "\e7fa"; } .mico-people:before { content: "\e7fb"; } .mico-people_outline:before { content: "\e7fc"; } .mico-person:before { content: "\e7fd"; } .mico-person_add:before { content: "\e7fe"; } .mico-person_outline:before { content: "\e7ff"; } .mico-plus_one:before { content: "\e800"; } .mico-poll:before { content: "\e801"; } .mico-public:before { content: "\e80b"; } .mico-school:before { content: "\e80c"; } .mico-share:before { content: "\e80d"; } .mico-whatshot:before { content: "\e80e"; } .mico-check_box:before { content: "\e834"; } .mico-check_box_outline_blank:before { content: "\e835"; } .mico-radio_button_unchecked:before { content: "\e836"; } .mico-radio_button_checked:before { content: "\e837"; } .mico-star:before { content: "\e838"; } .mico-star_half:before { content: "\e839"; } .mico-star_outline:before { content: "\e83a"; } .mico-3d_rotation:before { content: "\e84d"; } .mico-accessibility:before { content: "\e84e"; } .mico-account_balance:before { content: "\e84f"; } .mico-account_balance_wallet:before { content: "\e850"; } .mico-account_box:before { content: "\e851"; } .mico-account_circle:before { content: "\e853"; } .mico-add_shopping_cart:before { content: "\e854"; } .mico-alarm:before { content: "\e855"; } .mico-alarm_add:before { content: "\e856"; } .mico-alarm_off:before { content: "\e857"; } .mico-alarm_on:before { content: "\e858"; } .mico-android:before { content: "\e859"; } .mico-announcement:before { content: "\e85a"; } .mico-aspect_ratio:before { content: "\e85b"; } .mico-assessment:before { content: "\e85c"; } .mico-assignment:before { content: "\e85d"; } .mico-assignment_ind:before { content: "\e85e"; } .mico-assignment_late:before { content: "\e85f"; } .mico-assignment_return:before { content: "\e860"; } .mico-assignment_returned:before { content: "\e861"; } .mico-assignment_turned_in:before { content: "\e862"; } .mico-autorenew:before { content: "\e863"; } .mico-backup:before { content: "\e864"; } .mico-book:before { content: "\e865"; } .mico-bookmark:before { content: "\e866"; } .mico-bookmark_outline:before { content: "\e867"; } .mico-bug_report:before { content: "\e868"; } .mico-build:before { content: "\e869"; } .mico-cached:before { content: "\e86a"; } .mico-change_history:before { content: "\e86b"; } .mico-check_circle:before { content: "\e86c"; } .mico-chrome_reader_mode:before { content: "\e86d"; } .mico-class:before { content: "\e86e"; } .mico-code:before { content: "\e86f"; } .mico-credit_card:before { content: "\e870"; } .mico-dashboard:before { content: "\e871"; } .mico-delete:before { content: "\e872"; } .mico-description:before { content: "\e873"; } .mico-dns:before { content: "\e875"; } .mico-done:before { content: "\e876"; } .mico-done_all:before { content: "\e877"; } .mico-event:before { content: "\e878"; } .mico-exit_to_app:before { content: "\e879"; } .mico-explore:before { content: "\e87a"; } .mico-extension:before { content: "\e87b"; } .mico-face:before { content: "\e87c"; } .mico-favorite:before { content: "\e87d"; } .mico-favorite_outline:before { content: "\e87e"; } .mico-feedback:before { content: "\e87f"; } .mico-find_in_page:before { content: "\e880"; } .mico-find_replace:before { content: "\e881"; } .mico-flip_to_back:before { content: "\e882"; } .mico-flip_to_front:before { content: "\e883"; } .mico-get_app:before { content: "\e884"; } .mico-grade:before { content: "\e885"; } .mico-group_work:before { content: "\e886"; } .mico-help:before { content: "\e887"; } .mico-highlight_remove:before { content: "\e888"; } .mico-history:before { content: "\e889"; } .mico-home:before { content: "\e88a"; } .mico-hourglass_empty:before { content: "\e88b"; } .mico-hourglass_full:before { content: "\e88c"; } .mico-https:before { content: "\e88d"; } .mico-info:before { content: "\e88e"; } .mico-info_outline:before { content: "\e88f"; } .mico-input:before { content: "\e890"; } .mico-invert_colors_on:before { content: "\e891"; } .mico-label:before { content: "\e892"; } .mico-label_outline:before { content: "\e893"; } .mico-language:before { content: "\e894"; } .mico-launch:before { content: "\e895"; } .mico-list:before { content: "\e896"; } .mico-lock:before { content: "\e897"; } .mico-lock_open:before { content: "\e898"; } .mico-lock_outline:before { content: "\e899"; } .mico-loyalty:before { content: "\e89a"; } .mico-markunread_mailbox:before { content: "\e89b"; } .mico-note_add:before { content: "\e89c"; } .mico-open_in_browser:before { content: "\e89d"; } .mico-open_in_new:before { content: "\e89e"; } .mico-open_with:before { content: "\e89f"; } .mico-pageview:before { content: "\e8a0"; } .mico-payment:before { content: "\e8a1"; } .mico-perm_camera_mic:before { content: "\e8a2"; } .mico-perm_contact_calendar:before { content: "\e8a3"; } .mico-perm_data_setting:before { content: "\e8a4"; } .mico-perm_device_information:before { content: "\e8a5"; } .mico-perm_identity:before { content: "\e8a6"; } .mico-perm_media:before { content: "\e8a7"; } .mico-perm_phone_msg:before { content: "\e8a8"; } .mico-perm_scan_wifi:before { content: "\e8a9"; } .mico-picture_in_picture:before { content: "\e8aa"; } .mico-polymer:before { content: "\e8ab"; } .mico-power_settings_new:before { content: "\e8ac"; } .mico-print:before { content: "\e8ad"; } .mico-query_builder:before { content: "\e8ae"; } .mico-question_answer:before { content: "\e8af"; } .mico-receipt:before { content: "\e8b0"; } .mico-redeem:before { content: "\e8b1"; } .mico-report_problem:before { content: "\e8b2"; } .mico-restore:before { content: "\e8b3"; } .mico-room:before { content: "\e8b4"; } .mico-schedule:before { content: "\e8b5"; } .mico-search:before { content: "\e8b6"; } .mico-settings:before { content: "\e8b8"; } .mico-settings_applications:before { content: "\e8b9"; } .mico-settings_backup_restore:before { content: "\e8ba"; } .mico-settings_bluetooth:before { content: "\e8bb"; } .mico-settings_cell:before { content: "\e8bc"; } .mico-settings_brightness:before { content: "\e8bd"; } .mico-settings_ethernet:before { content: "\e8be"; } .mico-settings_input_antenna:before { content: "\e8bf"; } .mico-settings_input_component:before { content: "\e8c0"; } .mico-settings_input_composite:before { content: "\e8c1"; } .mico-settings_input_hdmi:before { content: "\e8c2"; } .mico-settings_input_svideo:before { content: "\e8c3"; } .mico-settings_overscan:before { content: "\e8c4"; } .mico-settings_phone:before { content: "\e8c5"; } .mico-settings_power:before { content: "\e8c6"; } .mico-settings_remote:before { content: "\e8c7"; } .mico-settings_voice:before { content: "\e8c8"; } .mico-shop:before { content: "\e8c9"; } .mico-shop_two:before { content: "\e8ca"; } .mico-shopping_basket:before { content: "\e8cb"; } .mico-shopping_cart:before { content: "\e8cc"; } .mico-speaker_notes:before { content: "\e8cd"; } .mico-spellcheck:before { content: "\e8ce"; } .mico-stars:before { content: "\e8d0"; } .mico-store:before { content: "\e8d1"; } .mico-subject:before { content: "\e8d2"; } .mico-supervisor_account:before { content: "\e8d3"; } .mico-swap_horiz:before { content: "\e8d4"; } .mico-swap_vert:before { content: "\e8d5"; } .mico-swap_vertical_circle:before { content: "\e8d6"; } .mico-system_update_alt:before { content: "\e8d7"; } .mico-tab:before { content: "\e8d8"; } .mico-tab_unselected:before { content: "\e8d9"; } .mico-theaters:before { content: "\e8da"; } .mico-thumb_down:before { content: "\e8db"; } .mico-thumb_up:before { content: "\e8dc"; } .mico-thumbs_up_down:before { content: "\e8dd"; } .mico-toc:before { content: "\e8de"; } .mico-today:before { content: "\e8df"; } .mico-toll:before { content: "\e8e0"; } .mico-track_changes:before { content: "\e8e1"; } .mico-translate:before { content: "\e8e2"; } .mico-trending_down:before { content: "\e8e3"; } .mico-trending_neutral:before { content: "\e8e4"; } .mico-trending_up:before { content: "\e8e5"; } .mico-turned_in:before { content: "\e8e6"; } .mico-turned_in_not:before { content: "\e8e7"; } .mico-verified_user:before { content: "\e8e8"; } .mico-view_agenda:before { content: "\e8e9"; } .mico-view_array:before { content: "\e8ea"; } .mico-view_carousel:before { content: "\e8eb"; } .mico-view_column:before { content: "\e8ec"; } .mico-view_day:before { content: "\e8ed"; } .mico-view_headline:before { content: "\e8ee"; } .mico-view_list:before { content: "\e8ef"; } .mico-view_module:before { content: "\e8f0"; } .mico-view_quilt:before { content: "\e8f1"; } .mico-view_stream:before { content: "\e8f2"; } .mico-view_week:before { content: "\e8f3"; } .mico-visibility:before { content: "\e8f4"; } .mico-visibility_off:before { content: "\e8f5"; } .mico-card_giftcard:before { content: "\e8f6"; } .mico-card_membership:before { content: "\e8f7"; } .mico-card_travel:before { content: "\e8f8"; } .mico-work:before { content: "\e8f9"; } .mico-youtube_searched_for:before { content: "\e8fa"; } .mico-eject:before { content: "\e8fb"; } .mico-camera_enhance:before { content: "\e8fc"; } .mico-help_outline:before { content: "\e8fd"; } .mico-reorder:before { content: "\e8fe"; } .mico-zoom_in:before { content: "\e8ff"; } .mico-zoom_out:before { content: "\e900"; } .mico-http:before { content: "\e902"; } .mico-event_seat:before { content: "\e903"; } .mico-flight_land:before { content: "\e904"; } .mico-flight_takeoff:before { content: "\e905"; } .mico-play_for_work:before { content: "\e906"; } .mico-gif:before { content: "\e908"; } .mico-indeterminate_check_box:before { content: "\e909"; } .mico-offline_pin:before { content: "\e90a"; } .mico-all_out:before { content: "\e90b"; } .mico-copyright:before { content: "\e90c"; } .mico-fingerprint:before { content: "\e90d"; } .mico-gavel:before { content: "\e90e"; } .mico-lightbulb_outline:before { content: "\e90f"; } .mico-picture_in_picture_alt:before { content: "\e911"; } .mico-important_devices:before { content: "\e912"; } .mico-touch_app:before { content: "\e913"; } .mico-accessible:before { content: "\e914"; } .mico-compare_arrows:before { content: "\e915"; } .mico-date_range:before { content: "\e916"; } .mico-donut_large:before { content: "\e917"; } .mico-donut_small:before { content: "\e918"; } .mico-line_style:before { content: "\e919"; } .mico-line_weight:before { content: "\e91a"; } .mico-motorcycle:before { content: "\e91b"; } .mico-opacity:before { content: "\e91c"; } .mico-pets:before { content: "\e91d"; } .mico-pregnant_woman:before { content: "\e91e"; } .mico-record_voice_over:before { content: "\e91f"; } .mico-rounded_corner:before { content: "\e920"; } .mico-rowing:before { content: "\e921"; } .mico-timeline:before { content: "\e922"; } .mico-update:before { content: "\e923"; } .mico-watch_later:before { content: "\e924"; } .mico-pan_tool:before { content: "\e925"; } .mico-ac_unit:before { content: "\eb3b"; } .mico-airport_shuttle:before { content: "\eb3c"; } .mico-all_inclusive:before { content: "\eb3d"; } .mico-beach_access:before { content: "\eb3e"; } .mico-business_center:before { content: "\eb3f"; } .mico-casino:before { content: "\eb40"; } .mico-child_care:before { content: "\eb41"; } .mico-child_friendly:before { content: "\eb42"; } .mico-fitness_center:before { content: "\eb43"; } .mico-free_breakfast:before { content: "\eb44"; } .mico-golf_course:before { content: "\eb45"; } .mico-hot_tub:before { content: "\eb46"; } .mico-kitchen:before { content: "\eb47"; } .mico-pool:before { content: "\eb48"; } .mico-room_service:before { content: "\eb49"; } .mico-smoke_free:before { content: "\eb4a"; } .mico-smoking_rooms:before { content: "\eb4b"; } .mico-spa:before { content: "\eb4c"; } .mico-goat:before { content: "\e901"; } /*! * Jasny Bootstrap v3.1.3 (http://jasny.github.io/bootstrap) * Copyright 2012-2014 Arnold Daniels * Licensed under Apache-2.0 (https://github.com/jasny/bootstrap/blob/master/LICENSE) */ .container-smooth { max-width: 1170px; } @media (min-width: 1px) { .container-smooth { width: auto; } } .btn-labeled { padding-top: 0; padding-bottom: 0; } .btn-label { position: relative; background: 0 0; background: rgba(0, 0, 0, 0.15); display: inline-block; padding: 6px 12px; left: -12px; border-radius: 3px 0 0 3px; } .btn-label.btn-label-right { left: auto; right: -12px; border-radius: 0 3px 3px 0; } .btn-lg .btn-label { padding: 10px 16px; left: -16px; border-radius: 5px 0 0 5px; } .btn-lg .btn-label.btn-label-right { left: auto; right: -16px; border-radius: 0 5px 5px 0; } .btn-sm .btn-label { padding: 5px 10px; left: -10px; border-radius: 2px 0 0 2px; } .btn-sm .btn-label.btn-label-right { left: auto; right: -10px; border-radius: 0 2px 2px 0; } .btn-xs .btn-label { padding: 1px 5px; left: -5px; border-radius: 2px 0 0 2px; } .btn-xs .btn-label.btn-label-right { left: auto; right: -5px; border-radius: 0 2px 2px 0; } .nav-tabs-bottom { border-bottom: 0; border-top: 1px solid #ddd; } .nav-tabs-bottom > li { margin-bottom: 0; margin-top: -1px; } .nav-tabs-bottom > li > a { border-radius: 0 0 4px 4px; } .nav-tabs-bottom > li > a:hover, .nav-tabs-bottom > li > a:focus, .nav-tabs-bottom > li.active > a, .nav-tabs-bottom > li.active > a:hover, .nav-tabs-bottom > li.active > a:focus { border: 1px solid #ddd; border-top-color: transparent; } .nav-tabs-left { border-bottom: 0; border-right: 1px solid #ddd; } .nav-tabs-left > li { margin-bottom: 0; margin-right: -1px; float: none; } .nav-tabs-left > li > a { border-radius: 4px 0 0 4px; margin-right: 0; margin-bottom: 2px; } .nav-tabs-left > li > a:hover, .nav-tabs-left > li > a:focus, .nav-tabs-left > li.active > a, .nav-tabs-left > li.active > a:hover, .nav-tabs-left > li.active > a:focus { border: 1px solid #ddd; border-right-color: transparent; } .row > .nav-tabs-left { padding-right: 0; padding-left: 15px; margin-right: -1px; position: relative; z-index: 1; } .row > .nav-tabs-left + .tab-content { border-left: 1px solid #ddd; } .nav-tabs-right { border-bottom: 0; border-left: 1px solid #ddd; } .nav-tabs-right > li { margin-bottom: 0; margin-left: -1px; float: none; } .nav-tabs-right > li > a { border-radius: 0 4px 4px 0; margin-left: 0; margin-bottom: 2px; } .nav-tabs-right > li > a:hover, .nav-tabs-right > li > a:focus, .nav-tabs-right > li.active > a, .nav-tabs-right > li.active > a:hover, .nav-tabs-right > li.active > a:focus { border: 1px solid #ddd; border-left-color: transparent; } .row > .nav-tabs-right { padding-left: 0; padding-right: 15px; } .navmenu, .navbar-offcanvas { width: 300px; height: auto; border-width: 1px; border-style: solid; border-radius: 4px; } .navmenu-fixed-left, .navmenu-fixed-right, .navbar-offcanvas { position: fixed; z-index: 1030; top: 0; bottom: 0; overflow-y: auto; border-radius: 0; } .navmenu-fixed-left, .navbar-offcanvas.navmenu-fixed-left { left: 0; right: auto; border-width: 0 1px 0 0; } .navmenu-fixed-right, .navbar-offcanvas { left: auto; right: 0; border-width: 0 0 0 1px; } .navmenu-nav { margin-bottom: 10px; } .navmenu-nav.dropdown-menu { position: static; margin: 0; padding-top: 0; float: none; border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .navbar-offcanvas .navbar-nav { margin: 0; } @media (min-width: 768px) { .navbar-offcanvas { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-offcanvas.offcanvas { position: static; display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-offcanvas .navbar-nav.navbar-left:first-child { margin-left: -15px; } .navbar-offcanvas .navbar-nav.navbar-right:last-child { margin-right: -15px; } .navbar-offcanvas .navmenu-brand { display: none; } } .navmenu-brand { display: block; font-size: 18px; line-height: 20px; padding: 10px 15px; margin: 10px 0; } .navmenu-brand:hover, .navmenu-brand:focus { text-decoration: none; } .navmenu-default, .navbar-default .navbar-offcanvas { background-color: #f8f8f8; border-color: #e7e7e7; } .navmenu-default .navmenu-brand, .navbar-default .navbar-offcanvas .navmenu-brand { color: #777; } .navmenu-default .navmenu-brand:hover, .navbar-default .navbar-offcanvas .navmenu-brand:hover, .navmenu-default .navmenu-brand:focus, .navbar-default .navbar-offcanvas .navmenu-brand:focus { color: #5e5e5e; background-color: transparent; } .navmenu-default .navmenu-text, .navbar-default .navbar-offcanvas .navmenu-text { color: #777; } .navmenu-default .navmenu-nav > .dropdown > a:hover .caret, .navbar-default .navbar-offcanvas .navmenu-nav > .dropdown > a:hover .caret, .navmenu-default .navmenu-nav > .dropdown > a:focus .caret, .navbar-default .navbar-offcanvas .navmenu-nav > .dropdown > a:focus .caret { border-top-color: #333; border-bottom-color: #333; } .navmenu-default .navmenu-nav > .open > a, .navbar-default .navbar-offcanvas .navmenu-nav > .open > a, .navmenu-default .navmenu-nav > .open > a:hover, .navbar-default .navbar-offcanvas .navmenu-nav > .open > a:hover, .navmenu-default .navmenu-nav > .open > a:focus, .navbar-default .navbar-offcanvas .navmenu-nav > .open > a:focus { background-color: #e7e7e7; color: #555; } .navmenu-default .navmenu-nav > .open > a .caret, .navbar-default .navbar-offcanvas .navmenu-nav > .open > a .caret, .navmenu-default .navmenu-nav > .open > a:hover .caret, .navbar-default .navbar-offcanvas .navmenu-nav > .open > a:hover .caret, .navmenu-default .navmenu-nav > .open > a:focus .caret, .navbar-default .navbar-offcanvas .navmenu-nav > .open > a:focus .caret { border-top-color: #555; border-bottom-color: #555; } .navmenu-default .navmenu-nav > .dropdown > a .caret, .navbar-default .navbar-offcanvas .navmenu-nav > .dropdown > a .caret { border-top-color: #777; border-bottom-color: #777; } .navmenu-default .navmenu-nav.dropdown-menu, .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu { background-color: #e7e7e7; } .navmenu-default .navmenu-nav.dropdown-menu > .divider, .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .divider { background-color: #f8f8f8; } .navmenu-default .navmenu-nav.dropdown-menu > .active > a, .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a, .navmenu-default .navmenu-nav.dropdown-menu > .active > a:hover, .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:hover, .navmenu-default .navmenu-nav.dropdown-menu > .active > a:focus, .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:focus { background-color: #d7d7d7; } .navmenu-default .navmenu-nav > li > a, .navbar-default .navbar-offcanvas .navmenu-nav > li > a { color: #777; } .navmenu-default .navmenu-nav > li > a:hover, .navbar-default .navbar-offcanvas .navmenu-nav > li > a:hover, .navmenu-default .navmenu-nav > li > a:focus, .navbar-default .navbar-offcanvas .navmenu-nav > li > a:focus { color: #333; background-color: transparent; } .navmenu-default .navmenu-nav > .active > a, .navbar-default .navbar-offcanvas .navmenu-nav > .active > a, .navmenu-default .navmenu-nav > .active > a:hover, .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:hover, .navmenu-default .navmenu-nav > .active > a:focus, .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navmenu-default .navmenu-nav > .disabled > a, .navbar-default .navbar-offcanvas .navmenu-nav > .disabled > a, .navmenu-default .navmenu-nav > .disabled > a:hover, .navbar-default .navbar-offcanvas .navmenu-nav > .disabled > a:hover, .navmenu-default .navmenu-nav > .disabled > a:focus, .navbar-default .navbar-offcanvas .navmenu-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navmenu-inverse, .navbar-inverse .navbar-offcanvas { background-color: #222; border-color: #080808; } .navmenu-inverse .navmenu-brand, .navbar-inverse .navbar-offcanvas .navmenu-brand { color: #999; } .navmenu-inverse .navmenu-brand:hover, .navbar-inverse .navbar-offcanvas .navmenu-brand:hover, .navmenu-inverse .navmenu-brand:focus, .navbar-inverse .navbar-offcanvas .navmenu-brand:focus { color: #fff; background-color: transparent; } .navmenu-inverse .navmenu-text, .navbar-inverse .navbar-offcanvas .navmenu-text { color: #999; } .navmenu-inverse .navmenu-nav > .dropdown > a:hover .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav > .dropdown > a:hover .caret, .navmenu-inverse .navmenu-nav > .dropdown > a:focus .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav > .dropdown > a:focus .caret { border-top-color: #fff; border-bottom-color: #fff; } .navmenu-inverse .navmenu-nav > .open > a, .navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a, .navmenu-inverse .navmenu-nav > .open > a:hover, .navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:hover, .navmenu-inverse .navmenu-nav > .open > a:focus, .navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:focus { background-color: #080808; color: #fff; } .navmenu-inverse .navmenu-nav > .open > a .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a .caret, .navmenu-inverse .navmenu-nav > .open > a:hover .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:hover .caret, .navmenu-inverse .navmenu-nav > .open > a:focus .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:focus .caret { border-top-color: #fff; border-bottom-color: #fff; } .navmenu-inverse .navmenu-nav > .dropdown > a .caret, .navbar-inverse .navbar-offcanvas .navmenu-nav > .dropdown > a .caret { border-top-color: #999; border-bottom-color: #999; } .navmenu-inverse .navmenu-nav.dropdown-menu, .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu { background-color: #080808; } .navmenu-inverse .navmenu-nav.dropdown-menu > .divider, .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .divider { background-color: #222; } .navmenu-inverse .navmenu-nav.dropdown-menu > .active > a, .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a, .navmenu-inverse .navmenu-nav.dropdown-menu > .active > a:hover, .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:hover, .navmenu-inverse .navmenu-nav.dropdown-menu > .active > a:focus, .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:focus { background-color: #000; } .navmenu-inverse .navmenu-nav > li > a, .navbar-inverse .navbar-offcanvas .navmenu-nav > li > a { color: #999; } .navmenu-inverse .navmenu-nav > li > a:hover, .navbar-inverse .navbar-offcanvas .navmenu-nav > li > a:hover, .navmenu-inverse .navmenu-nav > li > a:focus, .navbar-inverse .navbar-offcanvas .navmenu-nav > li > a:focus { color: #fff; background-color: transparent; } .navmenu-inverse .navmenu-nav > .active > a, .navbar-inverse .navbar-offcanvas .navmenu-nav > .active > a, .navmenu-inverse .navmenu-nav > .active > a:hover, .navbar-inverse .navbar-offcanvas .navmenu-nav > .active > a:hover, .navmenu-inverse .navmenu-nav > .active > a:focus, .navbar-inverse .navbar-offcanvas .navmenu-nav > .active > a:focus { color: #fff; background-color: #080808; } .navmenu-inverse .navmenu-nav > .disabled > a, .navbar-inverse .navbar-offcanvas .navmenu-nav > .disabled > a, .navmenu-inverse .navmenu-nav > .disabled > a:hover, .navbar-inverse .navbar-offcanvas .navmenu-nav > .disabled > a:hover, .navmenu-inverse .navmenu-nav > .disabled > a:focus, .navbar-inverse .navbar-offcanvas .navmenu-nav > .disabled > a:focus { color: #444; background-color: transparent; } .alert-fixed-top, .alert-fixed-bottom { position: fixed; width: 100%; z-index: 1035; border-radius: 0; margin: 0; left: 0; } @media (min-width: 992px) { .alert-fixed-top, .alert-fixed-bottom { width: 992px; left: 50%; margin-left: -496px; } } .alert-fixed-top { top: 0; border-width: 0 0 1px; } @media (min-width: 992px) { .alert-fixed-top { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-width: 0 1px 1px; } } .alert-fixed-bottom { bottom: 0; border-width: 1px 0 0; } @media (min-width: 992px) { .alert-fixed-bottom { border-top-right-radius: 4px; border-top-left-radius: 4px; border-width: 1px 1px 0; } } .offcanvas { display: none; } .offcanvas.in { display: block; } @media (max-width: 767px) { .offcanvas-xs { display: none; } .offcanvas-xs.in { display: block; } } @media (max-width: 991px) { .offcanvas-sm { display: none; } .offcanvas-sm.in { display: block; } } @media (max-width: 1199px) { .offcanvas-md { display: none; } .offcanvas-md.in { display: block; } } .offcanvas-lg { display: none; } .offcanvas-lg.in { display: block; } .canvas-sliding { -webkit-transition: top .35s,left .35s,bottom .35s,right .35s; transition: top .35s,left .35s,bottom .35s,right .35s; } .offcanvas-clone { height: 0 !important; width: 0 !important; overflow: hidden !important; border: none !important; margin: 0 !important; padding: 0 !important; position: absolute !important; top: auto !important; left: auto !important; bottom: 0 !important; right: 0 !important; opacity: 0 !important; } .table.rowlink td:not(.rowlink-skip), .table .rowlink td:not(.rowlink-skip) { cursor: pointer; } .table.rowlink td:not(.rowlink-skip) a, .table .rowlink td:not(.rowlink-skip) a { color: inherit; font: inherit; text-decoration: inherit; } .table-hover.rowlink tr:hover td, .table-hover .rowlink tr:hover td { background-color: #cfcfcf; } .btn-file { overflow: hidden; position: relative; vertical-align: middle; } .btn-file > input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); font-size: 23px; height: 100%; width: 100%; direction: ltr; cursor: pointer; } .fileinput { margin-bottom: 9px; display: inline-block; } .fileinput .form-control { padding-top: 7px; padding-bottom: 5px; display: inline-block; margin-bottom: 0; vertical-align: middle; cursor: text; } .fileinput .thumbnail { overflow: hidden; display: inline-block; margin-bottom: 5px; vertical-align: middle; text-align: center; } .fileinput .thumbnail > img { max-height: 100%; } .fileinput .btn { vertical-align: middle; } .fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists { display: none; } .fileinput-inline .fileinput-controls { display: inline; } .fileinput-filename { vertical-align: middle; display: inline-block; overflow: hidden; } .form-control .fileinput-filename { vertical-align: bottom; } .fileinput.input-group { display: table; } .fileinput.input-group > * { position: relative; z-index: 2; } .fileinput.input-group > .btn-file { z-index: 1; } .fileinput-new.input-group .btn-file, .fileinput-new .input-group .btn-file { border-radius: 0 4px 4px 0; } .fileinput-new.input-group .btn-file.btn-xs, .fileinput-new .input-group .btn-file.btn-xs, .fileinput-new.input-group .btn-file.btn-sm, .fileinput-new .input-group .btn-file.btn-sm { border-radius: 0 3px 3px 0; } .fileinput-new.input-group .btn-file.btn-lg, .fileinput-new .input-group .btn-file.btn-lg { border-radius: 0 6px 6px 0; } .form-group.has-warning .fileinput .fileinput-preview { color: #8a6d3b; } .form-group.has-warning .fileinput .thumbnail { border-color: #faebcc; } .form-group.has-error .fileinput .fileinput-preview { color: #a94442; } .form-group.has-error .fileinput .thumbnail { border-color: #ebccd1; } .form-group.has-success .fileinput .fileinput-preview { color: #3c763d; } .form-group.has-success .fileinput .thumbnail { border-color: #d6e9c6; } .input-group-addon:not(:first-child) { border-left: 0; } /*# sourceMappingURL=apollo.css.map */