/* ======================================== Base ======================================== */ html { min-height: 100%; } body { color: #353535; font-size: 13px; line-height: 2; -ms-overflow-style: scrollbar; min-height: 100%; } body .rtmedia-upload-media-link, body .rtm-media-options .rtm-media-options-list .rtmedia-action-buttons, .avatar-link img, button, input[type="submit"], a { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } a:focus, a:hover { text-decoration: underline; outline: none; } .content { position: relative; min-height: 100vh; height: 100%; } .content.fullwidth { padding: 0 20px; } .wrapper { margin: 0 50px 0 0; min-height: 100%; height: 100%; min-height: 100vh; } .main.page { padding: 20px 40px; background: #fff; overflow: hidden; } .body-bg { min-height: 100%; height: 100%; position: relative; overflow: hidden; } .main { margin-top: 30px; } .content.fullwidth .main { width: 100%; padding: 0; } .content.fullwidth .main.widgets-page { padding: 0 20px 0 20px!important; } .content.fullwidth .main.woocommerce-homepage { padding: 0 20px 0 20px!important; } .content.fullwidth .timeline { left: 32px; } .content.fullwidth .post-date { margin: 0; } .sidebars { position: relative; padding-bottom: 20px; margin-top: 30px; } .page-template-page-fullwidth .content.fullwidth { padding: 0 20px 0 15px; } .buddypress .main { position: static; } .buddypress .main .timeline { top: 30px; } .sidebar { position: relative; margin-top: 30px; } .no-border { border-color: transparent; border-width: 0; } *:focus { outline: none; } body .learn-press-message, #bbpress-forums > h3, #bp-uploader-warning, #buddypress div.error, #buddypress p.success, #buddypress p.updated, #buddypress p.warning, #message, #pass-strength-result, #sitewide-notice, .bbpress #wp-link-close, .comments-area .comment-respond .comment-reply-title small a, .comments-area .comment-respond .comment-reply-title, .comments-area article .comment-content th, .comments-area article .comment-metadata a time, .comments-area article .edit-link a, .comments-area article .reply a, .comments-title, .imgedit-group-top h2, .indicator-hint, .modal-share .modal-title, .modal-theme .close, .monarch_menu .nav-primary li a, .page-header .page-title, .page-numbers, .pagination-links a, .pagination-links span, .post-navigation .nav-links .nav-next, .post-navigation .nav-links .nav-previous, .post-wrap .post-date, .post-wrap .post-format, .post-wrap .post-tags a, .post-wrap article .post-content .image-navigation .nav-links a, .post-wrap article .post-content .nav-links .numbers, .post-wrap article .post-content .wp-caption-text, .post-wrap article .post-content th, .registration legend, .rtm-gallery-title, .rtmedia-media-edit > h2, .rtmedia-title, .timeline-badge, .nav-buddy li a, .users-who-like, .widget-panel.widget.widget_comments ul li a .commauth, .widget.widget_calendar tbody a, .widget.widget_comments ul li a .commauth, .widget.widget_posts ul li h4, .widget_polls-widget a, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .wp-polls, .wpcf7-form p, body .rtm-comment-list .rtm-comment-wrap .rtmedia-comment-date, body .rtm-pagination .rtm-paginate a, body .rtm-pagination .rtm-paginate a.rtmedia-page-link, body .rtm-pagination .rtm-paginate span, body .rtmedia-no-media-found, body .rtmedia-success, body .rtmedia-warning, body button.mfp-arrow, body button.mfp-close, body.buddypress .error, body.buddypress div#buddydrive-main #buddydrive-status div.buddydrive-feedback p.info, body.buddypress div#buddydrive-main ul.subsubsub li.current, body.woocommerce .page-title, h1, h2, h3, h4, h5, h6 { font-weight: bold; } img { max-width: 100%; height: auto; } legend { font-size: 14px; border-bottom: 1px dashed #e4e4e4; } .imgedit-settings legend { margin-bottom: 15px!important; } body .media_search.media_search input.media_search_input, input, .form-control { padding: 0px 15px; border-radius: 0; -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.02); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.02); color: #999; font-size: 12px; height: 40px; max-height: 40px; font-weight: normal; width: 100%; line-height: 40px; margin: 3px; border: 1px solid rgba(0, 0, 0, 0.07); } .comment-form input, .comment-form .form-control { border-color: #e7e7e7; } .comment-form input:focus, .comment-form .form-control:focus { border-color: #ddd; } .comment-form .comment-form-comment .form-control { margin-bottom: 15px; } body .media_search.media_search input.media_search_input:focus, input:focus, .form-control:focus { border-color: #ddd; color: #454545; background-color: #FCFCFC; -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.03); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.03); outline: none; } input[type="checkbox"], input[type="radio"] { padding: 0px; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; color: inherit; height: auto; font-weight: normal; width: auto; line-height: inherit; margin: 0; display: inline-block; position: relative; top: 3px; } textarea.form-control, textarea { color: #999; font-size: 12px; width: 100%; padding: 15px; display: block; -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.02); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.02); border: 1px solid #e7e7e7; border-radius: 0; overflow: auto; font-weight: normal; line-height: 2; } textarea.form-control:focus, textarea:focus { border-color: #ddd; color: #454545; background-color: #FCFCFC; -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.03); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.03); outline: none; } body .select2-container--default .select2-selection--single .select2-selection__rendered, body .select2-container--default .select2-selection--multiple .select2-selection__rendered, select[multiple], select[size], select { padding: 5px 45px 5px 10px!important; border-radius: 0; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAM1BMVEXw8PAAAADw8PDw8PDw8PBDQ0N/f39kZGRUVFTn5+ff39/e3t7o6OiXl5dycnKtra2ioqK+YxQ+AAAABHRSTlPuAPjeOD3E9wAAAJNJREFUWMPt2bEBgCAQQ1FUEFBA959WGi8DXAqK/AFelS5h245A7JjgHontE4zUJhionkCBAgUKFChQoEAGWEeuTLDmlCB6QHgQPSA8iB4QHkQCOJKVKWA/rb7uDqngc1ovBczJKhTwKubdPhAiPB8IEZ4PhAjPB0IsF3eHrS08bIECBQoUKFCgwB+M1OjnAv3++ACN3l7Vs/OWKAAAAABJRU5ErkJggg==) 100% 50% no-repeat #fff; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; width: 100%; font-size: 12px; height: 40px; color: #999; line-height: 2; min-width: 160px; -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.02); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.02); border: 1px solid rgba(0, 0, 0, 0.07); } select:focus { border-color: #ddd; color: #454545; outline: none; background-color: #FCFCFC; -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.03); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.03); } select::-ms-expand { display: none; } .lt-ie9 select, .lt-ie10 select { background-image: none; padding-right: 10px!important; } .notifications-options-nav, .messages-options-nav { background-color: #fff; padding: 10px 20px; border-right: 1px solid #F7F7F7; border-left: 1px solid #F7F7F7; } .notifications-options-nav select, .messages-options-nav select { float: right; max-width: 300px; } .messages-options-nav select { margin-top: 3px; } td.data, td.label { font-size: 12px; text-align: center; } .screen-reader-text { display: none; } #nanobar div { background: #cd0000!important; border-bottom: 1px solid #999; height: 2px!important; } .tooltip-inner { padding: 10px 8px; border-radius: 0; } .tooltip.top .tooltip-arrow { border-left-color: transparent!important; border-right-color: transparent!important; border-bottom-color: transparent!important; } .tooltip.left .tooltip-arrow { border-bottom-color: transparent!important; border-top-color: transparent!important; border-right-color: transparent!important; } .tooltip.right .tooltip-arrow { border-bottom-color: transparent!important; border-top-color: transparent!important; border-left-color: transparent!important; } .thumbnail { border-radius: 0; padding: 0; border: 0; } .panel { border-radius: 0; box-shadow: none; -webkit-box-shadow: none; padding: 35px; margin-bottom: 25px; position: relative; border-top-width: 0; border-right-width: 0; border-left-width: 0; } .widget-area .ShowOnScroll:nth-child(1), .widget-area .ShowOnScroll:nth-child(2), .widget-area .ShowOnScroll:nth-child(3), .widget-area .ShowOnScroll:nth-child(4), .main .post-wrap:nth-child(1) article.ShowOnScroll, .masonry-posts .post-wrap:nth-child(3) article.ShowOnScroll, .masonry-posts .post-wrap:nth-child(4) article.ShowOnScroll { opacity: 1; -webkit-transform: none; transform: none; -webkit-animation: none; animation: none; } .updated:not(.published) { display: none; } .sticky .posted-on { display: none; } .nav-links::before, .nav-links::after, .wp-social-login-widget .wp-social-login-provider-list::before, .wp-social-login-widget .wp-social-login-provider-list::after, #bbpress-forums > .bbp-template-notice.info p::before, #bbpress-forums > .bbp-template-notice.info p::after { display: table; content: ""; } .nav-links::after, .wp-social-login-widget .wp-social-login-provider-list::after, #bbpress-forums > .bbp-template-notice.info p::after { display: table; content: ""; clear: both; } .widget.widget_bp_groups_widget .item-options a#alphabetical-groups { display: none; } /* ======================================== Icon Font ======================================== */ body #buddypress .rtmedia-actions-before-comments .rtmedia-like::after, body .button.bp-primary-action.like::after, body .learn-press-message::after, body .rtm-comment-list .rtm-comment-wrap .rtmedia-comment-author a::before, body .rtm-comment-list .rtm-comment-wrap .rtmedia-comment-date::before, body .rtmedia-container .imgedit-group .dashicons.imgedit-help-toggle, body .rtmedia-container .rtmedia-single-container button.rtmedia-like::after, body .rtmedia-no-media-found::after, body .rtmedia-single-container button.rtmedia-like::after, body .rtmedia-success::after, body .rtmedia-warning::after, body.buddypress .error::after, body.buddypress div#buddydrive-main #buddydrive-status div.buddydrive-feedback p.info::after, .nav li a::before, #bp-uploader-warning::after, #buddypress .activity-comments .acomment-meta a::before, #buddypress .activity-list .activity-header p a::before, #buddypress .activity-list .bbpress .activity-header p .time-since::before, #buddypress div.error::after, #buddypress p.success::after, #buddypress p.updated::after, #buddypress p.warning::after, #message::after, #pass-strength-result::after, #sitewide-notice::after, .comments-area article .comment-author a::before, .comments-area article .comment-metadata a time::before, .comments-area article .edit-link a::before, .comments-area article .edit-link a::before, .comments-title::before, .cover .item-list-tabs ul li a::before, .indicator-hint::after, .modal-theme .icon-box::before, .modal-theme .login-password::before, .modal-theme .login-username::before, .nav-buddy li a::before, .nav-social li a::before, .page-header em::after, .post-wrap .post-format-bg::before, .registration #buddypress .standard-form #basic-details-section .signup_email::before, .registration #buddypress .standard-form #basic-details-section .signup_password::before, .registration #buddypress .standard-form #basic-details-section .signup_password_confirm::before, .registration #buddypress .standard-form #basic-details-section .signup_username::before, .registration #buddypress .standard-form #loginform .login-password::before, .registration #buddypress .standard-form #loginform .login-username::before, .sa-error-container::after, .taxonomy-description p:first-child::before, .widget.widget_archive ul li a::before, .widget.widget_categories ul li a::before, .widget.widget_display_forums ul li a::before, .widget.widget_display_replies ul li a::before, .widget.widget_display_topics ul li a::before, .widget.widget_display_views ul li a::before, .widget.widget_meta ul li a::before, .widget.widget_nav_menu ul li a::before, .widget.widget_pages ul li a::before, .widget.widget_product_categories ul li a::before, .widget.widget_recent_comments ul li.recentcomments .comment-author-link::before, .widget.widget_recent_comments ul li.recentcomments a::before, .widget.widget_recent_entries ul li a::before, .widget.widget_rss ul li a::before, .woocommerce .woocommerce-error::after, .woocommerce .woocommerce-info::after, .woocommerce .woocommerce-message::after { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ======================================== Dark Inputs ======================================== */ .loginform-action .checkbox, #register-page .checkbox, #loginform .checkbox { color: #999; font-size: 12px; } .loginform-action .icheckbox, #register-page .icheckbox, #loginform .icheckbox { border: 3px double rgba(255, 255, 255, 0.1); -webkit-box-shadow: none; box-shadow: none; background-color: transparent; margin-right: 10px; } .loginform-action .icheckbox::before, #register-page .icheckbox::before, #loginform .icheckbox::before { background: rgba(255, 255, 255, 0.2); } .loginform-action .icheckbox.checked::before, #register-page .icheckbox.checked::before, #loginform .icheckbox.checked::before { background: rgba(255, 255, 255, 0.3); opacity: 1; } .loginform-action .label, .loginform-action label, #register-page .label, #loginform label { color: #999; font-weight: normal; font-size: 12px; } .widget-panel select, .registration select:focus, .registration select { margin: 5px 0; border-color: rgba(255, 255, 255, 0.08); background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAADHRSTlMAGs+YDsGzHKZ8bmH5v2y8AAAAg0lEQVRIx+3ToQ2AMBCF4RNN0KxwCV0ABaqKoDH1TQfAdAFWYBQWpOcrHhgQ7/SXv7kmJ9ILNISEhISED+CaMeiSDxBcVDMCXVJtJftGsCYBeBj0ADzHOtMnH37Z0zMAky0zALAYjADsthrcAWjJCCxjSQsCUEoUDLrw/5shJCQkfAdvMcoVHS6Pg18AAAAASUVORK5CYII=) 100% 50% no-repeat transparent; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .registration .standard-form .datebox select:focus, .registration .standard-form .datebox select { width: 30%; min-width: auto; } .widget-panel select:focus, .registration select:focus { color: #999; background-color: rgba(255, 255, 255, 0.1); } .widget-panel select:focus option:nth-child(1n), .registration select:focus option:nth-child(1n) { color: #333; background: #eee; } .registration .field-visibility-settings legend, .registration .field-visibility-settings-toggle { color: #888; font-size: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .registration .iradio { border: 3px double rgba(255, 255, 255, 0.1); -webkit-box-shadow: none; box-shadow: none; background-color: transparent; margin-right: 10px; } .registration .iradio.checked::before { opacity: 1; } .registration .iradio::before { background: none; border: 4px solid rgba(255, 255, 255, 0.5); } .registration .iradio.hover::before { background: rgba(255, 255, 255, 0.7); } .registration select[size]:focus, .registration select[size] .registration select[multiple]:focus, .registration select[multiple] { padding: 5px 10px 5px 10px!important; background: none; } #rtm-modal-container .rtm-input-medium, .activation #buddypress .standard-form input[type="text"], .modal-theme input, .registration #buddypress #loginform input#user_login, .registration #buddypress #loginform input#user_pass, .registration #buddypress .standard-form input[type="email"], .registration #buddypress .standard-form input[type="password"], .registration input[type="number"], .registration #buddypress .standard-form input[type="text"] { padding: 0 15px 0; -webkit-box-shadow: none; box-shadow: none; color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.08); background-color: transparent; margin: 0; } #rtm-modal-container .rtm-input-medium:focus, .activation #buddypress .standard-form input[type="email"]:focus, .modal-theme input:focus, .registration #buddypress .standard-form input[type="email"]:focus, .registration #buddypress .standard-form input[type="password"]:focus, .registration input[type="number"]:focus, .registration #buddypress .standard-form input[type="text"]:focus { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.5); background-color: rgba(0, 0, 0, 0.1); } .activation #buddypress .standard-form label, .registration #buddypress .standard-form label { color: rgba(255, 255, 255, 0.5); } .registration .wp-editor-container { border-color: rgba(0, 0, 0, 0.3); } .registration .wp-editor-container div.mce-panel { background: rgba(0, 0, 0, 0.3); opacity: 0.8; } .registration .wp-editor-container .mce-toolbar .mce-ico { color: #fff; } .registration .wp-editor-container .mce-toolbar .mce-btn-group .mce-btn:focus, .registration .wp-editor-container .mce-toolbar .mce-btn-group .mce-btn:hover, .registration .wp-editor-container .qt-dfw:focus, .registration .wp-editor-container .qt-dfw:hover { background: #555; border-color: #000; color: #fff; -webkit-box-shadow: none; box-shadow: none; } .registration .wp-editor-wrap .quicktags-toolbar { background: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.3); } .registration .wp-editor-wrap { opacity: 0.6; } .registration #buddypress .wp-editor-wrap input[type=submit], .registration #buddypress .wp-editor-wrap input[type=button], .registration #buddypress .wp-editor-wrap input[type=reset], .registration #buddypress .wp-editor-wrap a.button, .registration #buddypress .wp-editor-wrap button { color: #fff; } .widget-panel form[role="search"], .error404 .search-form { -webkit-box-shadow: none; box-shadow: none; margin: 0; margin-top: 30px; border: 1px solid rgba(255, 255, 255, 0.1); } .widget-panel form[role="search"] { margin-top: 0; } .widget-panel form[role="search"] input[type="text"], .widget-panel form[role="search"] input[type="search"], .error404 .search-form input[type="search"] { padding: 0 15px; -webkit-box-shadow: none; box-shadow: none; height: 50px; color: rgba(255, 255, 255, 0.4); background: rgba(255, 255, 255, 0.03); border: 0; } .widget-panel form[role="search"] input[type="text"]:focus, .widget-panel form[role="search"] input[type="search"]:focus, .error404 .search-form input[type="search"]:focus { background: rgba(0, 0, 0, 0.09); color: rgba(255, 255, 255, 0.5); } .widget-panel form[role="search"] label, .error404 .search-form label { padding-right: 60px; margin: 0; } body .modal-theme .search-box input[type="submit"], .widget-panel.widget form[role="search"] input[type="submit"], .error404 .search-form input[type="submit"] { height: 50px; background-color: rgba(0, 0, 0, 0.05); border: 0; border-left: 1px solid rgba(255, 255, 255, 0.07); color: transparent; border-radius: 0; width: 60px; letter-spacing: -99999px; } .modal-theme .search-box input[type="submit"]:hover, .widget-panel form[role="search"] input[type="submit"]:hover, .error404 .search-form input[type="submit"]:hover { background-color: rgba(0, 0, 0, 0.2); color: transparent; } body .modal-theme .search-box input[type="submit"] { width: 40px; height: 40px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAIHRSTlMAgIOHiIVxH3wLAzEWd1MmTTsIal5aNg5nRhphQCwKZndrWXUAAAF/SURBVGje7dbLdoMgEAbgYQDBu/GuVfP+b1mkSao17WpY9Jz5TlZZ8J8BhhEYY4wxxhhjjFRs+qqa1rmGYJK1i6zWmDfVDIGkkZQoHESFbZCYoVMovmmxJEAti5RwUEqpvupRBXXKEGm3rsSxSsu+iCT6FKD1IfeM1oCXuOPZU25A6ab2YzisWbcuBUUGdLYcXR0LHCQfmnjDeuUyOjgZ9mDCUupR+/WuW6h6oGIsCt1dnpjc/0slxbc3qdUCI7JemfabZOCnSgrMayBSKReSXbOVQLv9q0r+PpPwt6ug65P7b30iU9qO1+863g5AJvZv1+3ydukKiB8voZdDrH/70dDPE9XOh3ni4BjTT0aN92l9TUZH3usAM14r6X4onmRDWkvcnr9WJD5SNqCUNvKxMipRpBbpa3GSsoisQGGbxXWmEY+UsQZayZDNWQxeic+UDcIpX7Vcd4w+RTUGLuhTCgho9SloUzijrwWtgbBKoVxGaGaagTHGGGOMMcbYySciow8UsqRQrAAAAABJRU5ErkJggg==); } .modal-theme .search-box input[type="submit"], .modal-search .search-form123 input[type=submit] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADwCAMAAAAJixmgAAAAeFBMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZlpXV9uAAAAJ3RSTlMAoy3L9trVhRICv5R1ZUAzHrePi2064MRQSQ3w67B9WybuqpthBwX5YaXGAAABpElEQVR42u3ZSXbiMBQF0G8MpgltgED6Ptr/DkuGpA4BFlAl7h3+2fPzsWQpAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA+Ed1JtWorhfL20Fcgs7yIX3bTIZRumG/mw40t1G2+SYdGUfJBk1qLVbTzmx71UutpyjXZ72Lu469r9VDyiZRrP5xo5225O48CvWSsn4cGrSJ36JQVzncKH6bpqwTRXp5PZftPQ+XUaTVacHZLE/rMvcfVY62imPDXrGfrVEOPI0Tj3k8ixLV5z9P1e45lKgNPDsfeB0lWuRk2zgxKnZdWuZk13FscJ/SzV2UaJtytGEcec7TxyjSXX1mXRo2efgRZfrI2V5fjv8nin2j93uM1AziwCRl2yjVNGW9afz47KdWP4o1Tq339Vdk8+cm7V1HsZ7STvNYVYv79NdVFGvSTb+U3/G8Oojce+6X33HMlptd5pu3yV3EddobF31CPZ+t153Bz8HPzv0mLsV3x01cjF3HVdlXEL+NH7rVZdwkfrsd1ZfULwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwH/iD5wmMKcyDXcDAAAAAElFTkSuQmCC); -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .widget-panel form[role="search"] input[type="submit"], .error404 .search-form input[type="submit"] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAflBMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZm6u4VLAAAAKXRSTlMALRH21tq/jnZlMx4CybeupaCShUg/OvDszsSWiFDgfXBbJmthCwcF4ou/mk0AAAFhSURBVGje7dXJcsIwEATQtjB4BQw2DkvYIWT+/wcjCapCjK+jVFH9jnNpj0fSgIiIiIiIiIiIiOhtRdlstBpPPhuDkKJkKQ/rrEQoZT2QJ3GDMIq1dKQIwcTiTA6LKN9uhuLsoe9r7GNb3N0OftoZ1H12O4xc04MCyk5i1XhmXPIUyuY2ZIS/FmJFUHX66MuY2WICVWffcFduq+MSinxvB3SVsfrxGtngBV5MbTmHplX/MZr579E07m+tsuUWmiY2Yds/gQiK/Ls1R5exl+zbQNPWBu9KdBz1ny7jhnxGh9tXF+i62Izl6fX/767QVbqNEBs8ycTaQpvfCMPmdz/X4tRQl4qzaW+wiuNK7uZQtxcvnlbVxC2rcMnZQPokUFdUT9HDYy13G+jLk7XP3k2zK5DIXdoggCJv28jAm4v3sUZoj55jBLcRq0oRXroczAz+QTNapSAiIiIiIiIiIiJ6Oz9xxDNa3AIIsQAAAABJRU5ErkJggg==); -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .widget-panel.widget .bp-login-widget-user-logout .logout, .widget-panel.widget .button, .registration #buddypress input[type="submit"], .activation #buddypress input[type="submit"] { background-color: rgba(255, 255, 255, 0.02); margin: 0; } .widget-panel.widget .bp-login-widget-user-logout .logout:active, .widget-panel.widget .bp-login-widget-user-logout .logout:focus, .widget-panel.widget .bp-login-widget-user-logout .logout:hover, .widget-panel.widget .button:active, .widget-panel.widget .button:focus, .widget-panel.widget .button:hover, .registration #buddypress input[type="submit"]:hover, .activation #buddypress input[type="submit"]:hover, .registration #buddypress input[type="submit"]:active, .activation #buddypress input[type="submit"]:active, .registration #buddypress input[type="submit"]:focus, .activation #buddypress input[type="submit"]:focus { border-color: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .rtmedia-popup .rtmedia-create-album-alert, .activation #buddypress div#message, .registration #buddypress .standard-form#signup_form div div.error, .registration #buddypress #pass-strength-result { opacity: 0.8; background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.8); } .registration legend { border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #888; font-size: 12px; } body input.rtmedia-merge-selected, body #rtmedia_create_new_album, body.bbpress #wp-link-cancel .button, body.bbpress #wp-link-submit, .modal-theme input[type="submit"] { background-color: rgba(255, 255, 255, 0.03); border-radius: 0; border-color: rgba(255, 255, 255, 0.07); color: rgba(255, 255, 255, 0.4); } body #rtmedia_create_new_album:hover, body #rtmedia_create_new_album:focus, body input.rtmedia-merge-selected:focus, body.bbpress #wp-link-cancel .button:hover, body.bbpress #wp-link-cancel .button:focus, body.bbpress #wp-link-submit:hover, body.bbpress #wp-link-submit:focus, body input.rtmedia-merge-selected:hover, .modal-theme input[type="submit"]:hover, .modal-theme input[type="submit"]:focus { color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.15); background-color: rgba(255, 255, 255, 0.05); } /* ======================================== Modals ======================================== */ .modal-open { padding-right: 0!important; overflow: visible } .modal-backdrop { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .bbpress #wp-link-backdrop, body .rtmedia-gallery-alert-container, body .mfp-bg, .modal-backdrop.in { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB9JREFUeNpi/P//PwM6YGLAAuCCmpqacC2MRGsHCDAA+fIHfeQbO8kAAAAASUVORK5CYII=); opacity: 0.97; } body .mfp-auto-cursor .mfp-content, body .mfp-container, body .mfp-content, .bbpress #wp-link-backdrop, .modal.fade { cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQAQMAAAC032DuAAAABlBMVEUAAADu7u6BVFV4AAAAAXRSTlMAQObYZgAAAK5JREFUKM+1kkEOhSAMRD+ERZccoUfxaBz9k8zYF2WtCfoQOpR2fp89S5+2xyXse6Rw7DGF4eE/Q5je7+iGpl7NS7UtLWsZS4bmtZZOxLHWWVbX1IvdmAq1UBhDshZOY5eshVeVYk9u4V6Yo3BGYczCkYX9KmzrRDYQhhhHcDDpHEmSOhfimlyeklCos3wUlVLTANpCs2jhu7G0GxNgDQzztBHmwnIY8WFPTPvV8wdphQ/xtv0rQAAAAABJRU5ErkJggg==) 38 38, default; } body .rtmedia-container, body .rtmedia-popup, .modal-dialog { cursor: default; } .modal-share .modal-dialog { max-width: 1180px; width: 100%; text-align: center; } .modal-share .modal-content { background: none; -webkit-box-shadow: none; box-shadow: none; border: 0; } .modal-share .modal-title { color: #3A4145; font-size: 32px; } .modal-share .modal-header { border: 0px; padding: 10px 20px 0; } .modal-share .close { -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; font-size: 38px; text-shadow: 0 1px 0 #FFF; color: #000; opacity: 1; } .modal-share .close:hover, .modal-share .close:focus { color: #fff; opacity: 1; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } .bbpress #wp-link-close, body button.mfp-close, body button.mfp-arrow, .modal-theme .close { color: #fff; text-shadow: 0 1px 0 #000; opacity: 0.2; font-size: 21px; line-height: 1; font-family: sans-serif; } .bbpress #wp-link-close:focus, body button.mfp-close:focus, body button.mfp-arrow:focus, .modal-theme .close:focus, .bbpress #wp-link-close:hover, body button.mfp-close:hover, body button.mfp-arrow:hover, .modal-theme .close:hover { opacity: 0.5; color: #fff; box-shadow: none; -webkit-box-shadow: none; } .bbpress #wp-link-wrap #link-selector, #rtm-modal-container p, .modal-theme .modal-body { padding: 20px; background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.5); } #rtm-modal-container, .modal-theme .modal-content { border-radius: 0; border: 1px solid rgba(255, 255, 255, 0.1); -webkit-box-shadow: none; box-shadow: none; } .bbpress #wp-link, .bbpress #wp-link-wrap, .modal-theme .modal-dialog { border: 1px solid rgba(255, 255, 255, 0.1); padding: 1px; } .bbpress #link-modal-title, .rtmedia-popup .rtm-modal-title, .modal-theme .modal-header { text-align: center; padding: 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.02); } .bbpress #link-modal-title, .rtmedia-popup .rtm-modal-title, .modal-theme .modal-header h4 { font-size: 26px; color: rgba(255, 255, 255, 0.4); } .modal-theme .modal-footer { border-top: 1px solid rgba(255, 255, 255, 0.02); color: rgba(255, 255, 255, 0.5); } .modal-theme .modal-footer a { color: rgba(255, 255, 255, 0.5); } .js .modal-theme .login-password label, .js .modal-theme .login-username label { display: none; } .js .modal-theme .login-password::before, .js .modal-theme .login-username::before { top: 1px; } #rtm-modal-container .rtm-input-medium, .modal-theme input { padding-left: 50px; } .modal-theme p { position: relative; } .modal-theme p.login-username { margin-bottom: 20px; } .modal-theme .icon-box::before, .modal-theme .login-password::before, .modal-theme .login-username::before { display: inline-block; font-family: "Ionicons"; position: absolute; top: 0; font-size: 14px; color: rgba(255, 255, 255, 0.3); width: 38px; vertical-align: middle; height: 38px; border-right: 1px solid rgba(255, 255, 255, 0.07); padding: 13px 14px; background-color: rgba(0, 0, 0, 0.05); left: 1px; } .modal-theme .login-username::before { content: "\f213"; top: 30px; } .modal-theme .login-password::before { content: "\f200"; top: 30px; } .modal-theme .icon-box::before { top: 0; } .modal-theme .login-submit { float: right; margin: 10px; } .modal-theme .login-remember { display: inline-block; margin: 10px; } .modal-theme .modal-footer { text-align: center; } .modal-theme .modal-footer p { margin: 0; } .modal-theme label { display: block; } /* ======================================== Header Panel ======================================== */ .header-panel { width: 260px; float: left; top: 0; left: 0; position: relative; z-index: 6; } .wrapper::before { position: fixed; content: ""; display: block; width: 5px; top: 0; height: 100%; background: rgba(255, 255, 255, 0.1); z-index: 100; left: 255px; } .wrapper::after { position: fixed; content: ""; display: block; width: 260px; top: 0; left: 0; height: 100%; z-index: 1; } .site-header { position: relative; top: 0; left: 0; z-index: 5; } .site-header h1 { margin: 0; } .site-header h1 a { display: block; color: rgba(255, 255, 255, 0.9); letter-spacing: 8px; font-size: 29px; line-height: 100px; font-weight: normal; text-align: center; height: 100px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 255px; margin-right: 5px; position: relative; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; border-bottom: 5px solid rgba(255, 255, 255, 0.1); } .site-header h1 a:focus, .site-header h1 a:hover { text-decoration: none; } .header-panel .header-panel-toggle { position: absolute; top: 30px; right: 20px; min-height: 50px; border-radius: 0; padding: 0px 8px; border: 0; background-color: transparent; display: none; z-index: 6; } .header-panel .header-panel-toggle span { font-size: 26px; color: #fff; opacity: 0.8; min-height: 50px; display: block; } .header-panel .header-panel-scroll.open { display: block; margin: 0!important; } .nav-social { text-align: center; display: block; width: 100%; padding: 0; margin: 0; } .nav-social li { display: inline-block; } .nav-social li a { color: rgba(255, 255, 255, 0.6); font-size: 21px; display: block; padding: 10px; } .nav-social li a:hover, .nav-social li a:focus { background-color: transparent; } .header-panel .nav-info { margin: 5px 0 15px; } .header-panel .nav-info li a { padding: 5px; text-align: center; color: rgba(255, 255, 255, 0.28); } .header-panel .nav-info li a:focus, .header-panel .nav-info li a:hover { background: transparent; } .header-panel .hp-footer { text-align: center; width: 255px; border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 10px 0; overflow: hidden; font-size: 11px; z-index: 2; position: relative; } .header-panel .copyright { margin: 10px 0 15px; color: rgba(255, 255, 255, 0.28); } .header-panel .copyright a { color: rgba(255, 255, 255, 0.28); } .header-panel button.top, .header-panel .nav-mini-panel { display: none; } /* ======================================== Monarch Panel Menu ======================================== */ .monarch_menu .nav-primary { padding-top: 40px; padding-bottom: 40px; } .monarch_menu .nav-primary .current-menu-item::before { position: absolute; top: 50%; right: 0px; border: 8px solid; border-top: 8px solid transparent!important; border-bottom: 8px solid transparent!important; border-left: 8px solid transparent!important; content: " "; margin-top: -8px; } .monarch_menu .nav-primary .current-menu-item::after { position: absolute; top: 50%; right: 5px; border: 8px solid rgba(255, 255, 255, 0.1); border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid transparent; content: " "; margin-top: -8px; } .monarch_menu .nav-primary li { position: relative; text-align: center; } .monarch_menu .nav-primary li a { color: rgba(255, 255, 255, 0.6); text-align: center; text-transform: uppercase; font-size: 12px; width: 260px; padding: 10px 0; } .monarch_menu .nav-primary li a:hover, .monarch_menu .nav-primary li a:focus { background-color: transparent } .monarch_menu .nav-primary .dropdown-toggle { position: absolute; right: 25px; top: 7px; border: 0; width: 28px; height: 28px; display: block; color: rgba(255, 255, 255, 0.6); padding: 3px 10px; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; opacity: 0.6; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4BAMAAABaqCYtAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAEczumTO7d6qIRN1mVSKBWikDAAAAmElEQVQ4y+3LoQ3CQBSH8XdJoYUQUuqQN0EVDsEGbVgENiCdAcEWDIBhBFAIFDP0mhrExwX9TtRU3U+8J778JYpGsjz+31uNWf/xd+3UOGMrMrm3oqpo5ITVY4Z78c31aEpgIwEFuFpP88aUfnhR49Q9C1fvUeOCbnVN6UT14GYO7PSYwpleAirAhmICbS7hqZWgxA+jaJgfj3IzkR4spHsAAAAASUVORK5CYII=) center center no-repeat transparent; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .monarch_menu .nav-primary li a .menu-item-description { display: none; font-size: 10px; line-height: 1.5; color: rgba(255, 255, 255, 0.28); text-transform: capitalize; padding: 0 15px; font-weight: normal; overflow: hidden; margin-top: 10px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .monarch_menu.showDesc .nav-primary li a .menu-item-description { display: block; } .monarch_menu.left.showDesc .nav-primary li a .menu-item-description{ padding-left: 0; } .monarch_menu .nav-primary .dropdown-toggle:hover { background-color: rgba(255, 255, 255, 0.05); } .monarch_menu .nav-primary .sub-menu .dropdown-toggle { top: 1px; } .monarch_menu .nav-primary .dropdown-toggle.toggle-on { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .monarch_menu .nav-primary .sub-menu { display: block; background: rgba(255, 255, 255, 0.03); width: 100%; list-style: none; padding: 0; margin: 0; -webkit-transition: max-height 1s; -moz-transition: max-height 1s; -ms-transition: max-height 1s; -o-transition: max-height 1s; transition: max-height 1s; overflow: hidden; max-height: 0; } .monarch_menu .nav-primary .sub-menu.toggled-on { max-height: 9999px; } .monarch_menu .nav-primary .sub-menu a { color: rgba(255, 255, 255, 0.6); text-align: center; text-transform: uppercase; font-size: 10px; display: block; padding: 5px 0; position: relative; } .monarch_menu .nav-primary .sub-menu a:focus, .monarch_menu .nav-primary .sub-menu a:hover { text-decoration: none; background: rgba(255, 255, 255, 0.03); } .monarch_menu.left .nav-primary { border-top: 1px solid rgba(255, 255, 255, 0.1); } .monarch_menu.left .nav-primary .sub-menu a, .monarch_menu.left .nav-primary li a { text-align: left; padding-left: 30px; } .monarch_menu.left .nav-primary li a::before { font-size: 14px; margin-right: 10px; } .widget-area .monarch_menu { display: none; } /* ======================================== Header Panel Widgets ======================================== */ .widget-panel { color: rgba(255, 255, 255, 0.5); } .widget-panel.widget { padding: 70px 20px 15px 15px; position: relative; } .widget-panel .tooltip { display: none!important; } .widget-panel .widget-title { background: rgba(255,255,255,0.1); font-size: 12px; padding: 22px 20px; margin: 0 5px 15px 0; color: #fff; font-weight: normal; text-transform: uppercase; position: absolute; top: 0; left: 0; right: 0; } .widget-panel .widget-title span::before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f3d3"; color: #fff; border-left: none; right: 16px; top: 50%; margin-top: -6px; position: absolute; } .widget-panel.widget.widget_comments ul li a .image { position: relative; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin: 0 15px 0 0; float: left; border: 1px solid rgba(255,255,255,0.1); padding: 4px; } .widget-panel.widget.widget_comments ul li a .image img { width: 35px; height: 35px; } .widget-panel.widget.widget_comments ul li a .image::after { display: none; } .widget-panel.widget.widget_comments ul li a .commauth { display: block; color: rgba(255,255,255,0.75); text-decoration: none; font-size: 10px; } .widget-panel.widget.widget_comments ul li a .post { color: rgba(255,255,255,0.75); display: block; padding: 10px 15px; position: relative; border-color: rgba(255,255,255,0.1); margin-top: 15px; border-radius: 4px; } .widget-panel.widget.widget_comments ul li a .post::before { border-bottom-color: rgba(255,255,255,0.1); } .widget-panel.widget.widget_comments ul li a:hover .post { color: #fff; } .widget-panel.widget.widget_comments ul li a .text:hover .commauth { text-decoration: none; } .widget-panel.widget.widget_comments ul li a .post:hover { text-decoration: none; } .widget-panel.widget.widget_posts { padding: 70px 0 15px 0; } .widget-panel.widget.widget_posts ul li h4 a { color: rgba(255,255,255,0.75); } .widget-panel.widget.widget_posts ul li h4 a:hover { color: #fff; text-decoration: none; } .widget-panel.widget.widget_posts ul li { border-color: rgba(255,255,255,0.1); padding: 0 15px 20px 15px; margin-right: 5px; } .widget-panel.widget .tagcloud a:hover, .widget-panel.widget.widget_product_categories .count, .widget-panel.widget.widget_archive .count, .widget-panel.widget.widget_categories .count { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); } .woocommerce .widget-panel.widget_shopping_cart .total, .widget-panel.woocommerce.widget_shopping_cart .total, .widget-panel.widget.widget_display_stats dd, .widget-panel.widget.widget_display_stats dt, .widget-panel.widget.widget_nav_menu ul ul, .widget-panel.widget.widget_product_categories ul ul, .widget-panel.widget.widget_categories ul ul, .widget-panel.widget.widget_comments ul li, .widget-panel.widget.widget_rss ul li, .widget-panel.widget.widget_display_topics ul li, .widget-panel.widget.widget_display_views ul li, .widget-panel.widget.widget_display_forums ul li, .widget-panel.widget.widget_display_replies ul li, .widget-panel.widget.widget_nav_menu ul li, .widget-panel.widget.widget_archive ul li, .widget-panel.widget.widget_recent_comments ul li, .widget-panel.widget.widget_categories ul li, .widget-panel.widget.widget_product_categories ul li, .widget-panel.widget.widget_pages ul li, .widget-panel.widget.widget_recent_entries ul li, .widget-panel.widget.widget_meta ul li { border-color: rgba(255,255,255,0.1); } .widget-panel.widget .tagcloud { background: none; } .widget-panel.widget.widget_calendar td, .widget-panel.widget.widget_calendar th { background: none; border-color: #3a3541; } .widget-panel.widget.widget_calendar tbody a { background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.6); font-weight: normal; } .widget-panel.widget .wp-polls strong, .widget-panel.widget.widget_about .aboutwidget, .widget-panel.widget.widget_text .textwidget, .widget-panel.widget.widget_rss .rssSummary { color: rgba(255, 255, 255, 0.5); } .widget-panel.widget .tagcloud a { border-color: rgba(255,255,255,0.1); color: rgba(255,255,255,0.75); background: none; } .widget-panel.widget.buddypress .bp-login-widget-user-link a, .widget-panel.widget .bbp-logged-in h4 a { color: rgba(255, 255, 255, 0.7); } .widget-panel.widget.buddypress .bp-login-widget-user-link a:focus, .widget-panel.widget.buddypress .bp-login-widget-user-link a:hover, .widget-panel.widget .bbp-logged-in h4 a:focus, .widget-panel.widget .bbp-logged-in h4 a:hover { color: rgba(255, 255, 255, 0.8); } .widget-panel.widget.widget_bp_core_friends_widget .item-options a, .widget-panel.widget.widget_bp_groups_widget .item-options a, .widget-panel.widget.widget_bp_core_members_widget .item-options a { background: rgba(255, 255, 255, 0.1); color: rgba(255,255,255,0.75); } .widget-panel.widget.widget_bp_groups_widget .item-options a.selected::after, .widget-panel.widget.widget_bp_core_friends_widget .item-options a.selected::after, .widget-panel.widget.widget_bp_core_members_widget .item-options a.selected::after { color: rgba(255, 255, 255, 0.1); } /* ======================================== User Panel ======================================== */ .user-panel { position: relative; width: 85px; top: 0; right: 0; z-index: 1000; float: right; } .body-bg::after { content: ""; display: block; position: fixed; height: 100%; width: 5px; top: 0; background: rgba(255, 255, 255, 0.1); z-index: 1001; right: 80px; } .body-bg::before { content: ""; display: block; position: fixed; height: 100%; width: 85px; bottom: 0; z-index: 1; right: 0; } .user-panel .buddy-avatar { border-bottom: 1px solid rgba(255, 255, 255, 0.05); padding: 15px 0 10px 5px; text-align: center; position: relative; } .user-panel .buddy-avatar a { display: block; } .user-panel .buddy-avatar .notifications { display: inline-block; position: absolute; right: 15px; font-size: 10px; padding: 3px 6px 4px; bottom: 15px; } .user-panel .buddy-avatar .avatar { width: 60px; display: block; margin: 0 auto; height: 60px; border-radius: 50px; border: 1px solid rgba(255, 255, 255, 0.15); } .user-panel .buddy-avatar .avatar-outline { border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 50px; display: inline-block; padding: 1px; } .user-panel .buddy-avatar .avatar-outline a { border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 50px; } .user-panel .buddy-avatar .avatar-outline a img { border: 0; } .user-panel .buddy-avatar.logged-out .avatar { background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAABm1BMVEUAAAD/////7db27uXmwp/17OX07uX17uT38Obw59r17uT07uXz7+T/+dPmxaLpx6f07uX17uT07ebz7uXqz7P17eX17uXs1Lvx5NLz7OPz7OTnxaToyaj17uX17eTozK707OT17uX17uX17eT17uX27+bs1L/27uX17uP17OX07OT07uX17+Xv1sD16+Hz8+boyqrz7OP17ePpzrPz7eXs07n07uXu1b317+Xz7uXpz7L17eT17uX07+T17uXt17307OXt2MHx383z7OXz7uXqy63pzbD17uT07eX07eT17eX27uXs1bvt1r3z7uXrzLDs2sPq0Ljq0rfq0rj07eXr18D17uXyzqXmwZzUsIzct5Pnw5717eL169/059fz06/Wso704szwzaT05NH04Mrv3Mf02rzyz6bgvJbeupX16t3z6Nry4tHz1LHqza/lwJvjvpnr0LPz0KjuyqL16+D04Mnz27/y0az16dnr18L03MLz1rXnxaLYtJDw3szs2sXz3cPu18Dt1bzz2Ljz17js0bbz2Lnrx5/pyagcuwF7AAAAVnRSTlMAAgc6/u3FiCEO1axDBfz3j0tGyce/u3YM/vv68/Dq5d7atYaAPzEd89DCqE86GhTu4c3CsYh4bTT2y6SMYVgqKCUS+OTf2JqYkYNvZ0L36N+joX9lTRx6jI4AAAXJSURBVHjaxNZNaxpRGAXgd2aYMX4E/EBphAQ1hiaxRBKCKK1dlEL6sT934ziIoiC4EW2C2bjID2+bRdImxved61x9/sAMnHPuvaSl7rRjyYKXuHSLRfcy4RVqx23nC21FPJP2XKx05H3KxMkkOxvLHWCtonecsskIy7k5hIj7zbEoanvVEkIoV/coSk4FoV03KSJWKg8thZNIksjkoM3Lbp79NTaSfL/Z7hotbOi0sU/aUmVEIHFCeuw0IhLb10o/h8h4Gk34cIgIuZmw208jYjErVPxJRK5mk1g8DwMKcRK6OIMRV3Vh/UswpCwaw0UJxpTrgvzPYNAV2wM7D6MKNrP/JAyrWbROGsYdrz1/sQWZNQN0sQXum2O0cwipM/P9GcI634+gAOP+4iGYqkfT4GHZH4PB1yAFqe4iUK8Eyy6knJUBlCHSGUzUGyaDDkQSq0JoQGR+q9a4HUDk54oFtCDQDRQjEAVxekEvXUNgoQSWEKjRC1nwZvdK5H4G3gn9x8qB5QdKKPDByjMTZL7PCGZhp5jn1zdRIUz4PVboHw5YQxXKEKwmPauAM1Ah9cBJ0pM9cPypCmnK1uDg+VasygKIOoTG0wZLYNwpDXdgJCxxBYdKw1BcwxswxiOlYeSD8Z0e2YdgzJWWORhHtvAamCgtE+GFEGMTUJrGYFTprxwYPaWpB8Y5/RE/4Deg6RcYxXdElAEnUMpUCbKix/hIaRqJHuge30FtvuRZ4oLRV9q6YHwlqsPgD/TBiZMDwQqN7RBNauu/RXgDcD5TDJy5yR/4QUmTEQzA+UiF3XagQt5uV3BOCXC6Bs8BnNElOL7BkxAlcrHLuwBHVMQub0O0fvdqLzxNBEEAgOewiqBto2lslSpqtFFCEUFCAoSnEI3g27nZXiVntaGFpg8aecgrgIA/24tga1Pand3e+f2Bme52Jrc7CzeVTmWun89m4DV614m+o9QjuI3elcEi5z9wB+VWTS2rKPcUOlHu0NRyiHKPoQflvuk2YrkbcAXllnXbkNwojCHDlqlhi3dt/AoZvni1A/gRriFDckmjBpLIcBUuI8eazrGIow+MR8iwoXNBwnDRALiEHD/1mgDnYPISORbV2zBHOwCMI8uxqeQYWXoBoA9ZNpQKYWkZWZ6A4x66Xwg/kOWxyrAsuW6yrSeRpZ07q1D9PP+KPA8l13S6m7CGPBf98McoMq0zNwCZXsCpa8i0mTIZUnvIdBVO+e8gz17CZEikkee5AWfauSsgGBlkxSbyPKgOLNgJiKxs/bOikgB/YAH3kSVtC5FINY2fEMJmbsEV9cH5QVE4GZTNhso7QojigfoI3RhAjjxlnQC2ZTZg2UKILOWR45L645GkRZQQjkz53OXPCEeCyEKO68qjW8wRnWUgCqm68AX7NL4jh3I9hvrwukTVDOzaVSgXbVGJT0f84bVKIawQVTNw7GSsk3IqVT6xMjvCUYlPvhV2CVRN3uItgCMjGsjQmRJKzFyGCm47TFNFcUecwy5SxS67CVZF7mIzOYv+kRV1sgWqsnLYTGeb8jOetEU1Clm75tc74WtYu82a8AXVh0wrJapTyCTss+iJTIHqlFYkX2L12jrPj57OUyOFYrFIjeTT5+cw0AYNTNYd0z7vHm1TC7aP6pO4PQkNjdd03tzBL3LBdqk2iV5oYqwSfD9PDPwk9haTfycEzRjPENEJbpH7rPx+Lil70gkdbxnB9fnedIDERBd5KDgFUrEAeaYrBgxxzzLoigNLzKNdCMaAaSJKHohOAdt0N7muuwMU+EPkskE/qBmyXK3/IVD2KUiuCS6AhsgIuSQUAT3DrtRjcB60TYeoVdZgBFqx0GJBdsehVeEoaYsOgwuMD1HN8GED3GEMd2ss/jy4KT4YIAWBwTi4rS085yMW31zYD56IhEeknSEYGo6AlyaGRvobrISvPzQ0Bf+DEQu/C832BwMBnyMQCPbPht6HYwZo+A34k/3J5aW4zQAAAABJRU5ErkJggg==); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .nav-buddy li::before { content: none!important; } .nav-buddy li a { color: rgba(255, 255, 255, 0.6); border-bottom: 1px solid rgba(255, 255, 255, 0.05); position: relative; text-transform: uppercase; font-size: 10px; display: block; text-align: center; padding-left: 5px; overflow: hidden; /*word-break: break-all; */ line-height: 1.4; padding: 15px 5px; text-overflow: ellipsis; } .nav-buddy li a span { padding: 0px 6px 2px; color: rgba(255, 255, 255, 0.6); top: 10px; position: absolute; text-align: center; display: inline-block; font-size: 10px; vertical-align: middle; right: 5px; } .nav-buddy li.last a { border-bottom: 0; } .nav-buddy li a:focus, .nav-buddy li a:hover { color: #eee; background-color: rgba(255, 255, 255, 0.1); } .nav-buddy a::before { font-family: "Ionicons"; content: "\f12b"; font-size: 20px; margin-bottom: 5px; display: block; } .nav a.fa::before { font-family: "FontAwesome"; font-size: 17px; } .nav-buddy li.search a::before { content: "\f21f"; } .nav-buddy li.login a::before { content: "\f392"; } .nav-buddy li.register a::before { content: "\f385"; } /* ======================================== Toolbar Scrollup ======================================== */ .toolbar-scrollup { position: fixed; bottom: 10px; left: 243px; z-index: 1002; } .toolbar-scrollup .item-wrap { width: 35px; height: 35px; border: 2px solid; text-align: center; margin-bottom: 10px; } .toolbar-scrollup .scrollup { display: none; } .toolbar-scrollup .item { color: #fff; display: block; padding: 2px 0; font-size: 14px; } .toolbar-scrollup .item:focus, .toolbar-scrollup .item:hover { color: #fff; opacity: 0.5; text-decoration: none; background: #333; cursor: pointer; } /* ======================================== Post ======================================== */ .post-wrap { padding-bottom: 35px; } .post-wrap .post-date { position: absolute; top: 25px; left: -80px; width: 60px; text-align: center; background: #fff; padding: 6px 1px; color: #575757; z-index: 5; } .post-wrap .post-date i { padding: 10px 0; font-size: 21px; } .post-wrap .hentry { background: #fff; position: relative; padding-top: 20px; z-index: 5; } .post-wrap .hentry.page { padding-bottom: 20px; } .post-wrap .hentry.page .post-edit-link { font-size: 12px; } .post-wrap .hentry .sticky-post { color: rgba(255, 255, 255, 0.8); position: absolute; padding: 10px 10px 0; font-size: 12px; z-index: 5; right: 20px; top: 0px; line-height: 1; width: 36px; text-align: center; height: 30px; } .post-wrap .hentry .sticky-post::after { content: ""; height: 0; width: 0; position: absolute; top: 30px; right: 0; border-width: 18px; border-style: solid; border-top: 0; border-bottom-color: transparent!important; } .post-wrap .post-content { margin: 0 50px; word-wrap: break-word; line-height: 2.5; font-size: 14px; } .post-wrap .post-content .more-link { text-align: center; display: block; margin: 10px 0 25px; } .post-wrap .post-content .post-attachment { margin-bottom: 20px; } .post-wrap .post-tags { color: #b3b3b3; padding: 0 50px; margin-bottom: 15px; } .post-wrap .post-tags a { font-size: 10px; color: #b3b3b3; background: #f3f3f3; padding: 5px 11px; display: inline-block; height: 30px; margin: 0 12px 10px 0; } .post-wrap .post-tags a.post-edit-link { float: right; background: none; margin-right: 0; } .single-post .post-wrap article[class*="tag-"] .nav-links { border-bottom: 1px dashed #e4e4e4; padding-bottom: 20px; } .post-wrap .post-footer li.viewcount::before, .post-wrap .post-footer li a i::before, .post-wrap .post-footer li a::before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 17px; line-height: 1; margin-right: 7px; position: relative; top: 2px; } .post-wrap .post-footer li.like { top: -7px; } .post-wrap .post-footer li.author a::before { content: "\f357"; } .post-wrap .post-footer li.comments a::before { content: "\f11f"; top: 3px; } .post-wrap .post-footer li.viewcount { color: #b3b3b3; line-height: 1; } .post-wrap .post-footer li.viewcount:hover, .post-wrap .post-footer li.viewcount:focus { background: none; } .post-wrap .post-footer li.viewcount::before { content: "\f43f"; font-size: 22px; top: 4px; } .post-wrap .post-footer li.share a::before { content: "\f243"; } .post-wrap .post-footer li.full-size-link a::before { content: "\f3c1"; } .post-wrap .post-footer li.type a::before { content: "\f391"; } .post-wrap .post-footer li.type.Video a::before { content: "\f24d"; } .post-wrap .post-footer li.type.Image a::before { content: "\f2e4"; } .post-wrap .post-footer li.type.Aside a::before { content: "\f36b"; } .post-wrap .post-footer li.type.Quote a::before { content: "\f347"; } .post-wrap .post-footer li.type.Link a::before { content: "\f2f8"; } .post-wrap .post-footer li.type.Gallery a::before { content: "\f118"; font-size: 19px; } .post-wrap .post-footer li.type.Status a::before { content: "\f11d"; } .post-wrap .post-footer li.type.Audio a::before { content: "\f140"; } .post-wrap .post-footer li.type.Chat a::before { content: "\f11f"; } /* ======================================== Post Formats ======================================== */ .post-wrap .without-post-thumbnail { width: 100%; padding: 20px 50px 0; } .post-wrap .without-post-thumbnail .post-title { font-size: 20px; margin: 0 0 20px; word-wrap: break-word; } .post-wrap .without-post-thumbnail .post-title a { color: #454545; } .post-wrap .without-post-thumbnail .post-categories { list-style-type: none; padding: 0; display: block; width: 100%; overflow: hidden; margin: 0 0 5px; } .post-wrap .without-post-thumbnail .post-categories li { display: inline-block; margin: 0; padding: 0; position: relative; z-index: 5; } .post-wrap .without-post-thumbnail .post-categories a:hover { text-decoration: none; opacity: 0.8; } .post-wrap .format-gallery .without-post-thumbnail .post-categories a, .post-wrap .format-video .without-post-thumbnail .post-categories a, .post-wrap .format-audio .without-post-thumbnail .post-categories a, .post-wrap .format-aside .without-post-thumbnail .post-categories a, .post-wrap .format-gallery .without-post-thumbnail .post-categories a, .post-wrap .format-standard .without-post-thumbnail .post-categories a { color: #fff; text-transform: uppercase; font-size: 12px; display: inline-block; padding: 0px 7px; font-weight: normal; z-index: 2; margin: 0 15px 10px 0; } .post-wrap .format-gallery .without-post-thumbnail .post-categories li:last-child a, .post-wrap .format-video .without-post-thumbnail .post-categories li:last-child a, .post-wrap .format-audio .without-post-thumbnail .post-categories li:last-child a, .post-wrap .format-aside .without-post-thumbnail .post-categories li:last-child a, .post-wrap .format-gallery .without-post-thumbnail .post-categories li:last-child a, .post-wrap .format-standard .without-post-thumbnail .post-categories li:last-child a { margin-right: 0; } .post-wrap .post-format { position: absolute; padding: 10px 15px; top: 20px; left: 0; font-size: 11px; text-transform: uppercase; z-index: 6; color: rgba(255, 255, 255, 0.8); } .post-wrap .post-format:focus, .post-wrap .post-format:hover { text-decoration: none; opacity: 0.8; } .post-wrap .post-format::after { content: ""; position: absolute; right: -20px; top: 0; border-style: solid; border-width: 21px 10px; border-bottom-color: transparent!important; border-top-color: transparent!important; border-right-color: transparent!important; width: 20px; } .post-wrap .post.format-video, .post-wrap .post.format-audio, .post-wrap.no-avatar .type-page.has-post-thumbnail, .post-wrap .post-front-block, .post-wrap .format-gallery.has-post-thumbnail, .post-wrap .format-standard.has-post-thumbnail { padding-top: 0; } .post-wrap .post-front-block .post-categories, .post-wrap .format-gallery.has-post-thumbnail .post-categories, .post-wrap .format-standard.has-post-thumbnail .post-categories { list-style-type: none; margin: 0 0 15px 0; padding: 0; display: block; overflow: hidden; } .post-wrap .format-gallery.has-post-thumbnail .post-categories li, .post-wrap .format-standard.has-post-thumbnail .post-categories li, .post-wrap .post-front-block .post-categories li { display: inline-block; margin: 0; padding: 0; } .post-wrap .format-gallery.has-post-thumbnail .post-categories li a, .post-wrap .format-standard.has-post-thumbnail .post-categories li a, .post-wrap .post-front-block .post-categories li a { color: #fff; text-transform: uppercase; font-size: 12px; display: inline-block; padding: 0px 7px; font-weight: normal; margin-right: 15px; z-index: 2; } .post-wrap .format-standard.has-post-thumbnail .post-categories li a:focus, .post-wrap .format-gallery.has-post-thumbnail .post-categories li a:focus, .post-wrap .format-gallery.has-post-thumbnail .post-categories li a:hover, .post-wrap .format-standard.has-post-thumbnail .post-categories li a:hover, .post-wrap .post-front-block .post-categories li a:focus, .post-wrap .post-front-block .post-categories li a:hover { text-decoration: none; opacity: 0.8; } .post-wrap.no-avatar .format-standard.has-post-thumbnail .post-header, .post-wrap.no-avatar .format-gallery.has-post-thumbnail .post-header, .post-wrap.no-avatar .type-page.has-post-thumbnail .post-header, .post-wrap .post-front-block .post-header { z-index: 2; margin: 0; position: relative; margin-bottom: 30px; } .post-wrap.no-avatar .type-page.has-post-thumbnail .post-header, .post-wrap .post-front-block .post-header { overflow: hidden; } .post-wrap.no-avatar .type-page.has-post-thumbnail .titles, .post-wrap.no-avatar .format-gallery.has-post-thumbnail .titles, .post-wrap.no-avatar .format-standard.has-post-thumbnail .titles { left: 45px; bottom: 30px; z-index: 3; position: absolute; right: 25px; overflow: hidden; } .post-wrap.no-avatar .format-standard.has-post-thumbnail .post-title, .post-wrap.no-avatar .format-gallery.has-post-thumbnail .post-title, .post-wrap.no-avatar .type-page.has-post-thumbnail .post-title, .post-wrap .post-front-block .post-title { font-size: 20px; color: rgb(255, 255, 255); text-shadow: 0 0 10px rgba(0, 0, 0, 0.4); margin: 0; } .post-wrap.no-avatar .format-gallery.has-post-thumbnail .post-title a, .post-wrap.no-avatar .format-standard.has-post-thumbnail .post-title a, .post-wrap.no-avatar .type-page.has-post-thumbnail .post-title a, .post-wrap .post-front-block .post-title a { color: #fff; } .post-wrap.no-avatar .format-standard.has-post-thumbnail .post-title a:hover, .post-wrap.no-avatar .format-gallery.has-post-thumbnail .post-title a:hover, .post-wrap .post-front-block .post-title a:hover { color: #fff; } .post-wrap .hentry .post-thumbnail { display: block; position: relative; color: #fff; width: 100%; overflow: hidden; z-index: 1; min-height: 150px; max-height: 510px; } .elem .cover-loop a::before, .post-wrap .hentry .post-thumbnail::before { content: ""; display: block; top: 0; left: 0; width: 100%; z-index: 1; height: 100%; position: absolute; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); } /*.post-wrap .format-image.hentry .post-thumbnail::before { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 100%); }*/ .post-wrap .format-image.hentry .post-thumbnail::before { /*-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;*/ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.7) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.6)), color-stop(100%, rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.7) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.7) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.7) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.7) 100%); } .post-wrap .hentry .post-thumbnail .more-link { margin-top: 15px; } .elem .cover-loop a img, .post-wrap .post-front-block .post-thumbnail, .post-wrap .hentry .post-thumbnail img { width: 100%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; height: auto; max-width: 100%; display: block; } .elem .cover-loop a:hover img, .post-wrap .hentry .post-header:hover a.post-thumbnail img, .post-wrap .post-front-block:hover .post-thumbnail, .post-wrap .hentry a.post-thumbnail:hover img { transform: translateZ(0) scale(1.1,1.1); -ms-transform: none; filter: contrast(110%); -webkit-filter: contrast(110%); } .post-wrap .without-post-thumbnail .post-format { display: none; } .post-wrap .format-video .without-post-thumbnail .post-format { display: block; top: 50px; } .post-wrap .hentry.format-video .sticky-post { top: 5px; } .post-wrap .post-front-block .post-format { display: block; } .post-wrap .post-front-block .titles { position: relative; padding: 60px 30px; z-index: 4; left: auto; bottom: auto; right: auto; } .post-wrap .post-front-block .post-header { margin-bottom: 0; text-align: center; } .post-wrap .post-front-block .post-front-content { color: #fff; margin-top: 10px; } .post-wrap .post-front-block .post-front-content img { display: block; max-width: 100%; height: auto; } .post-wrap .post-front-block .post-front-content > a { color: #fff; } .post-wrap .post-front-block .post-front-content > a:hover { text-decoration: none; opacity: 0.8; } .post-wrap .post-front-block .post-thumbnail { position: absolute; left: 0; top: 0; bottom: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; min-height: 100%; } .post-wrap .post-front-block .post-front-content strong, .post-wrap .post-front-block .post-front-content b { color: rgba(255, 255, 255, 0.5); } .post-wrap .post-front-block .more-link { margin-top: 15px; display: block; } /* Post Link */ .post-wrap .format-link .post-front-content a { color: #fff; border-bottom: 1px solid #fff; } .post-wrap .format-link .post-title { text-shadow: none; } /* Post Quote */ .post-wrap .format-quote .post-title p::before { content: open-quote; font-size: 3em; line-height: .1em; margin-right: .15em; vertical-align: -.4em; font-style: italic; } .post-wrap .format-quote .post-title p::after { content: close-quote; font-size: 3em; line-height: .1em; margin-left: .15em; vertical-align: -.5em; font-style: italic; } .post-wrap .format-quote .post-title blockquote { border: 0; padding: 0; margin: 0; font-size: 20px; } .post-wrap .format-quote .post-title blockquote cite::before { content: "- "; } /* Post Chat */ .post-wrap .post-front-block .post-front-content strong, .post-wrap .post-front-block .post-front-content b { color: #ccc; } /* Post Avatar */ .post-wrap.with-avatar .hentry.format-standard { padding-top: 10px; margin-top: 10px; } .post-wrap.with-avatar .type-page.has-post-thumbnail, .post-wrap.with-avatar .hentry.format-standard.has-post-thumbnail { padding-top: 0; margin-top: 0; padding-bottom: 0; } .timeline-blog .masonry-posts .post-wrap.with-avatar .hentry.format-standard {} .post-wrap.with-avatar .without-post-thumbnail .avatar-wrapper { position: relative; } .post-wrap.with-avatar .without-post-thumbnail .avatar-link { position: absolute; left: 50%; margin-left: -30px; top: -55px; width: 60px; height: 60px; display: block; z-index: 9999999; background: #fff; padding: 5px; } .post-wrap.with-avatar .without-post-thumbnail .avatar-link img { max-width: 100%; display: block; } .post-wrap.with-avatar .without-post-thumbnail .avatar-link:hover img { opacity: 0.8; } .post-wrap.with-avatar .without-post-thumbnail .avatar-link::after { top: 8px; left: 8px; right: 8px; bottom: 8px; -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } .post-wrap.with-avatar .without-post-thumbnail .post-categories, .post-wrap.with-avatar .without-post-thumbnail .post-title { text-align: center; } .post-wrap.with-avatar .without-post-thumbnail .titles { margin-top: 10px; } /* ======================================== Post Video & Audio ======================================== */ .post-wrap .post-format-bg { position: absolute; width: 100%; top: 0; left: 0; z-index: 1; box-sizing: content-box; border-top: 5px solid; border-bottom: 5px solid; } .post-wrap .post-format-bg::before { display: inline-block; font-family: "Ionicons"; font-size: 100px; margin-right: 7px; position: absolute; top: 50%; color: #fff; left: 50%; margin-left: -50px; margin-top: -50px; content: ""; } .post-wrap .format-video .post-content .iframe { position: absolute; top: 5px; left: 0; width: 100%; z-index: 3; display: block; background: #000; } .post-wrap .format-audio .post-content .iframe { position: absolute; top: 0px; left: 0; width: 100%; z-index: 3; display: block; background: #000; } .post-wrap .format-video .post-content .iframe + br { display: none; } .post-wrap .format-audio .post-content .iframe + br { display: none; } /* Post Audio */ .post-wrap .format-audio .post-header { padding-top: 275px; } .post-wrap .format-audio .post-format-bg { height: 250px; } .post-wrap .format-audio .post-content .iframe { height: 250px; } .post-wrap .format-audio .post-format-bg::before { content: "\f140"; } .post-wrap .format-audio .post-format-bg { border-top: 0; } /* Post Video */ .post-wrap .format-video .post-header { padding-top: 415px; } .post-wrap .format-video .post-format-bg { height: 380px; } .post-wrap .format-video .post-content .iframe { height: 380px; } .post-wrap .format-video .post-format-bg::before { content: "\f24d"; } /* Post Image */ .post-wrap .format-image .titles { padding-bottom: 20px; padding-top: 40px; } .post-wrap .format-image .post-title { padding-bottom: 20px; } .post-wrap .format-image .post-front-content img { border: 5px solid #fff; } /* ======================================== Post Typography ======================================== */ article .comment-content hr, article .post-content hr { border-top: 1px dashed #ddd; } article .comment-content img, article .post-content img { width: auto; max-width: 100%; height: auto; display: block; } article .comment-content code, article .post-content code { color: #000; background-color: #f5f5f5; padding: 2px 4px; } article .comment-content iframe, article .post-content iframe { width: 100%; } article .comment-content blockquote, article .post-content blockquote { background: none; border: 0; margin: 0 0 0 0; padding: 20px; font-style: italic; color: #515151; font-size: 1em; } article .comment-content blockquote p::before, article .post-content blockquote p::before { content: open-quote; font-size: 3em; line-height: .1em; margin-right: .15em; vertical-align: -.4em; font-style: italic; } article .comment-content blockquote p::after, article .post-content blockquote p::after { content: close-quote; font-size: 3em; line-height: .1em; margin-left: .15em; vertical-align: -.5em; } article .comment-content blockquote a, article .post-content blockquote a { border-bottom: 1px solid #333; color: #333; } article .comment-content blockquote a:focus, article .comment-content blockquote a:hover, article .post-content blockquote a:focus, article .post-content blockquote a:hover { color: #707070; color: rgba(51, 51, 51, 0.7); text-decoration: none; border: 0; } article .comment-content h1, article .post-content h1 { font-size: 39px; line-height: 1.2308; margin-top: 15px; margin-bottom: 20px; } article .comment-content h2, article .post-content h2 { font-size: 3.2rem; line-height: 1.25; margin-top: 15px; margin-bottom: 20px; } article .comment-content h3, article .post-content h3 { font-size: 27px; line-height: 1.1852; margin-top: 15px; margin-bottom: 20px; } article .comment-content h4, article .post-content h4 { font-size: 22px; line-height: 1.4545; margin-top: 15px; margin-bottom: 20px; } article .comment-content h5, article .post-content h5 { font-size: 19px; line-height: 1.2632; margin-top: 15px; margin-bottom: 20px; } article .comment-content h6, article .post-content h6 { font-size: 19px; line-height: 1.2632; margin-top: 15px; margin-bottom: 20px; } article .comment-content mark, article .comment-content ins, article .post-content mark, article .post-content ins { color: #000; text-decoration: none; } article .comment-content p, article .post-content p, article .comment-content address, article .post-content address, article .comment-content pre, article .post-content pre, article .comment-content hr, article .post-content hr, article .comment-content ul, article .post-content ul, article .comment-content ol, article .post-content ol, article .comment-content dl, article .post-content dl, article .comment-content dd, article .post-content dd, article .comment-content table, article .post-content table { margin-bottom: 15px; } article .comment-content th, article .comment-content td, article .post-content th, article .post-content td { padding: 5px 15px; } article .comment-content caption, article .comment-content td, article .post-content caption, article .post-content td { text-align: left; font-weight: normal; } article .comment-content table, article .comment-content th, article .comment-content td, article .post-content table, article .post-content th, article .post-content td { border: 1px solid rgba(51, 51, 51, 0.1); } article .comment-content th, article .post-content th { text-align: left; border-width: 0 1px 1px 0; } article .comment-content td, article .post-content td { border-width: 0 1px 1px 0; } article .comment-content table, article .post-content table { border-collapse: separate; border-spacing: 0; margin: 0 0 25px; table-layout: fixed; width: 100%; border-width: 1px 0 0 1px; } article .comment-content pre, article .post-content pre { background-color: rgba(0, 0, 0, 0.01); border: 1px solid #eaeaea; border: 1px solid rgba(51, 51, 51, 0.1); line-height: 1.2; margin-bottom: 25px; max-width: 100%; overflow: auto; padding: 2em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; border-radius: 0; } article .comment-content pre code, article .post-content pre code { background-color: rgba(0, 0, 0, 0.01); } article .comment-content .alignright, article .post-content .alignright { float: right; margin: 5px 0 0 15px; } article .comment-content .alignleft, article .post-content .alignleft { float: left; margin: 5px 15px 0 0; } article .comment-content .aligncenter, article .post-content .aligncenter { margin: 15px auto; display: block; clear: both; } article .comment-content .wp-caption, article .post-content .wp-caption { margin-bottom: 1.6em; max-width: 100%; line-height: 1; } article .comment-content img[class*="wp-image-"], article .post-content .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } article .comment-content .wp-caption.alignleft, article .comment-content .wp-caption.alignright, article .comment-content .wp-caption.aligncenter, article .post-content .wp-caption.alignleft, article .post-content .wp-caption.alignright, article .post-content .wp-caption.aligncenter { margin-bottom: 15px; } article .comment-content blockquote.alignright, article .comment-content .wp-caption.alignright, article .comment-content .wp-caption-text, article .post-content blockquote.alignright, article .post-content .wp-caption.alignright { margin: 5px 0 5px 15px; } article .post-content .wp-caption-text { font-size: 12px; padding: 5px 0 0; text-align: center; } article .comment-content li::before { content: none; } /* ======================================== Post Galleries ======================================== */ .gallery { margin-bottom: 1.6em; } .gallery-item { display: inline-block; padding: 1.79104477%; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; } .gallery-caption { color: #707070; color: rgba(51, 51, 51, 0.7); display: block; font-size: 12px; font-size: 1.2rem; line-height: 1.5; padding: 0.5em 0; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* ======================================== Post Navigation ======================================== */ .post-wrap article .post-content .nav-links { margin: 0 0 25px; font-size: 12px; } .post-wrap article .post-content .nav-links .numbers { display: inline-block; background: #f2f2f2; padding: 8px 18px; margin-right: 7px; color: #999; } .post-wrap article .post-content .nav-links a { display: inline-block; padding: 8px 18px; background: #f2f2f2; margin-right: 7px; } .post-wrap article .post-content .nav-links a .numbers { color: #555; padding: 0; margin-right: 0; } .post-wrap article .post-content .nav-links a:hover .numbers { text-decoration: underline; } .post-wrap article .post-content .nav-links .page-links-title { float: left; padding: 8px 20px 8px 0; } .post-wrap article .post-content .image-navigation .nav-links a { color: #555; } .post-wrap article .post-content .image-navigation .nav-previous, .post-wrap article .post-content .image-navigation .nav-next { display: inline-block; } /* ======================================== Post Next & Previous ======================================== */ .post-navigation .nav-links { margin-bottom: 10px; } .post-navigation .nav-links .nav-next, .post-navigation .nav-links .nav-previous { text-transform: capitalize; font-size: 12px; background-color: #fff; margin-bottom: 20px; overflow: hidden; position: relative; z-index: 1; } .post-navigation .nav-links span { display: block; z-index: 5; position: relative; } .post-navigation .nav-links a { padding: 30px 25px; display: block; } .post-navigation .nav-links a:focus, .post-navigation .nav-links a:hover { text-decoration: none; } .post-navigation .nav-links a:focus .post-title, .post-navigation .nav-links a:hover .post-title { text-decoration: underline; } .post-navigation .nav-links .nav-next:focus::before, .post-navigation .nav-links .nav-previous:focus::before, .post-navigation .nav-links .nav-next:hover::before, .post-navigation .nav-links .nav-previous:hover::before { -moz-transform: translateZ(0) scale(1.1,1.1); -webkit-transform: translateZ(0) scale(1.1,1.1); -ms-transform: none; transform: translateZ(0) scale(1.1,1.1); } .post-navigation .nav-links .nav-next::before, .post-navigation .nav-links .nav-previous::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; z-index: 1; bottom: 0; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .post-navigation .nav-links .meta-nav { color: #707070; color: rgba(51, 51, 51, 0.7); font-size: 12px; font-size: 1.2rem; line-height: 1.5; text-transform: uppercase; margin-bottom: 5px; } /* ======================================== Author Info ======================================== */ .author-info { background: #fff; padding: 35px 35px; position: relative; z-index: 5; margin-bottom: 35px; } .author-info .author-description h5 { margin: 4px 0 5px; font-size: 12px; } .author-info .author-description span { font-style: italic; } .author-info .author-description .author-bio { margin-bottom: 0px; color: #999; } .author-info .author-avatar { position: relative; display: inline-block; margin-bottom: 10px; } .author-info .author-avatar img.avatar { width: 100%; } .author-info .author-link { font-size: 12px; } /* ======================================== Related Posts ======================================== */ .relatedposts .relatedpost { background: #fff; padding: 25px 35px; margin-bottom: 35px; position: relative; } .relatedposts .relatedpost h3 { font-size: 12px; margin: 15px 0 5px; min-height: 20px; } .relatedposts .relatedpost h3 a { color: #222; } .relatedposts .relatedpost .date { font-style: italic; font-size: 11px; color: #9a9a9a; display: block; } .relatedposts .relatedpost .date i { margin-right: 5px; } .relatedposts .relatedpost .image { margin-bottom: 10px; position: relative; } .relatedposts .relatedpost .image a { display: block; position: relative; overflow: hidden; } .relatedposts .relatedpost .image a:hover { opacity: 0.8; } .relatedposts .relatedpost .image img { min-width: 100%; max-width: 100%; height: auto; display: block; } /* ======================================== Page Header ======================================== */ .page-header { margin-top: 0; border: 0; z-index: 5; margin: 0; padding-bottom: 35px; position: relative; } .page-header .page-header-content { padding: 50px; text-align: center; background: #fff; position: relative; } .page-header .page-title::before { content: ""; position: absolute; top: 50%; width: 100%; left: 0; border-bottom: 2px dotted; border-color: #000; z-index: 1; } body.woocommerce .page-title, body.buddypress div#buddydrive-main ul.subsubsub li.current, .imgedit-group-top h2, .rtmedia-title, #bbpress-forums > h3, .rtm-gallery-title, .rtmedia-media-edit > h2, .page-header .page-title { font-size: 22px; margin-top: 0; position: relative; color: #323232; } .page-header .page-title > span { z-index: 5; position: relative; padding: 0 10px; background-color: #fff; } .bbpress .page-header .page-title > span { background-color: transparent; } .page-header em::after { display: block; font-family: "Ionicons"; content: "\f3a3"; font-size: 60px; margin: 15px 0 10px; color: #999; } .page-header.buddypress .page-title::before { content: none; border: 0; } .page-header.buddypress { margin: 10px 10px 25px 0px; padding: 0; border: 0; text-align: left; background: none; } .page-header.buddypress::before, .page-header.buddypress::after { content: none; } body.woocommerce .page-title, body.buddypress div#buddydrive-main ul.subsubsub li.current, #bbpress-forums > h3, .imgedit-group-top h2, .rtmedia-title, .rtmedia-media-edit > h2, .rtm-gallery-title, .page-header.buddypress h1 { font-size: 16px; } .taxonomy-description p { margin: 0 0 10px 0; font-style: italic; color: #777; } .taxonomy-description p:first-child::before { display: block; font-family: "Ionicons"; content: "\f472"; font-size: 60px; margin: 15px 0 10px; color: #ccc; } .taxonomy-description.author p:first-child::before { content: "\f357"; } /* ======================================== Post Timeline Badge ======================================== */ .timeline-badge { position: absolute; top: 25px; left: -79px; width: 60px; text-align: center; background: #fff; color: #575757; font-size: 21px; z-index: 5; padding: 10px 0; line-height: 2; } .timeline-wrapper { position: relative; } #buddypress .timeline-badge { top: 5px; } #buddypress .timeline-badge.bottom { bottom: 40px; top: auto; } .bbpress .timeline-wrapper .timeline-badge { top: 5px; } .bbpress .timeline-wrapper .timeline-badge.bottom { bottom: 0px; top: auto; } .relatedposts, .comments-area, .nav-links, .author-info, .page-header, .post-wrap { margin-left: 85px; } .post-wrap.buddypress { padding-bottom: 0; } .timeline { position: absolute; left: 47px; width: 10px; background: #fff; height: 100%; top: 0; z-index: 1; bottom: 0; } /* ======================================== Pagination ======================================== */ .pagination-links, .pagination { margin: 0; border-radius: 0; display: block; color: #888; overflow: hidden; padding: 0 0 20px; } body .woocommerce nav.woocommerce-pagination ul li a:focus, body .woocommerce nav.woocommerce-pagination ul li a:hover, body .woocommerce nav.woocommerce-pagination ul li span.current, body .woocommerce nav.woocommerce-pagination ul li a, body .woocommerce nav.woocommerce-pagination ul li span, body .rtm-pagination .rtm-paginate a.rtmedia-page-link, body .rtm-pagination .rtm-paginate a, body .rtm-pagination .rtm-paginate span, .pagination-links span, .pagination-links a, .page-numbers { padding: 8px 18px; background: #fff; float: left; text-transform: capitalize; font-size: 12px; color: #b3b3b3; margin: 10px 10px 10px 0; line-height: 2; } .pagination .next { margin-right: 0; } body .woocommerce nav.woocommerce-pagination ul li span.current, body .rtm-pagination .rtm-paginate span.current, .page-numbers.current { color: #3A4145; } body .woocommerce nav.woocommerce-pagination ul li a:focus, body .woocommerce nav.woocommerce-pagination ul li a:hover, body .rtm-pagination .rtm-paginate a:hover, .pagination a:hover, .pagination-links a:hover { color: #b3b3b3; text-decoration: underline; } .pagination .pag-count { color: #999; float: right; padding: 17px 0; } #pag-top.pagination { padding: 0; } #pag-bottom.pagination { padding: 20px 0 0; } /* ======================================== Widgets ======================================== */ .widget { position: relative; } .widget-area .widget { padding: 35px; margin-bottom: 30px; background-color: #fff; color: #9a9a9a; } .widget-title a:hover, .widget-title a:focus, .widget-title a { color: #fff; } .widget img { max-width: 100%; height: auto; display: inline-block; } .widget iframe { display: block; margin: 0 auto; } /* ======================================== Widget Facebook ======================================== */ .widget.widget_facebook .fb-page { min-height: 215px; width: 100%; } .widget.widget_facebook .fb-page iframe { width: 100%!important; } .widget.widget_facebook .fb-page span { width: 100%!important; } /* ======================================== Widgets Default ======================================== */ .widget.widget_comments ul, .widget.widget_rss ul, .widget.widget_display_topics ul, .widget.widget_display_views ul, .widget.widget_display_forums ul, .widget.widget_display_replies ul, .widget.widget_recent_entries ul, .widget.widget_recent_comments ul, .widget.widget_archive ul, .widget.widget_categories ul, .widget.widget_product_categories ul, .widget.widget_nav_menu ul, .widget.widget_pages ul, .widget.widget_meta ul { padding: 0; margin: 0; } .widget.widget_comments ul li, .widget.widget_rss ul li, .widget.widget_display_topics ul li, .widget.widget_display_views ul li, .widget.widget_display_forums ul li, .widget.widget_display_replies ul li, .widget.widget_nav_menu ul li, .widget.widget_archive ul li, .widget.widget_recent_comments ul li, .widget.widget_categories ul li, .widget.widget_product_categories ul li, .widget.widget_pages ul li, .widget.widget_recent_entries ul li, .widget.widget_meta ul li { list-style: none; padding-bottom: 10px; margin-bottom: 10px; border-width: 0 0 1px 0; border-color: #eaeaea; border-style: dashed; } .widget.widget_comments ul li:last-child, .widget.widget_display_topics ul li:last-child, .widget.widget_display_views ul li:last-child, .widget.widget_display_forums ul li:last-child, .widget.widget_display_replies ul li:last-child, .widget.widget_archive ul li:last-child, .widget.widget_nav_menu ul li:last-child, .widget.widget_pages ul li:last-child, .widget.widget_rss ul li:last-child, .widget.widget_recent_entries ul li:last-child, .widget.widget_recent_comments ul li:last-child, .widget.widget_categories ul li:last-child, .widget.widget_product_categories ul li:last-child, .widget.widget_meta ul li:last-child { margin: 0; padding: 0; border: 0; } .widget.widget_display_topics ul li a, .widget.widget_display_views ul li a, .widget.widget_display_forums ul li a, .widget.widget_display_replies ul li a, .widget.widget_archive ul li a, .widget.widget_nav_menu ul li a, .widget.widget_pages ul li a, .widget.widget_categories ul li a, .widget.widget_product_categories ul li a, .widget.widget_rss ul li a, .widget.widget_recent_entries ul li a, .widget.widget_recent_comments ul li a, .widget.widget_meta ul li a { font-weight: normal; color: #b3b3b3; padding-right: 5px; } .widget.widget_nav_menu ul ul { border-width: 1px 0 0 0; border-color: #eaeaea; border-style: dashed; margin-top: 10px; padding-top: 10px; } .widget.widget_nav_menu ul ul li a { padding-left: 25px; } .widget.widget_display_topics ul li a::before, .widget.widget_display_views ul li a::before, .widget.widget_display_forums ul li a::before, .widget.widget_display_replies ul li a::before, .widget.widget_archive ul li a::before, .widget.widget_nav_menu ul li a::before, .widget.widget_pages ul li a::before, .widget.widget_rss ul li a::before, .widget.widget_recent_entries ul li a::before, .widget.widget_categories ul li a::before, .widget.widget_product_categories ul li a::before, .widget.widget_meta ul li a::before { display: inline-block; font-family: "Ionicons"; color: #b3b3b3; margin-right: 10px; content: "\f3e8"; position: relative; top: 2px; font-size: 16px; } .widget.widget_archive ul li span.post-date, .widget.widget_nav_menu ul li span.post-date, .widget.widget_pages ul li span.post-date, .widget.widget_categories ul li span.post-date, .widget.widget_product_categories ul li span.post-date, .widget.widget_meta ul li span.post-date { display: block; } .widget.widget_archive abbr[title], .widget.widget_nav_menu abbr[title], .widget.widget_pages abbr[title], .widget.widget_categories abbr[title], .widget.widget_archive abbr[title], .widget.widget_meta abbr[title], .widget.widget_nav_menu abbr[data-original-title], .widget.widget_pages abbr[data-original-title], .widget.widget_categories abbr[data-original-title], .widget.widget_meta abbr[data-original-title] { border-bottom: 1px dotted #b3b3b3; } .widget.widget_product_categories .count, .widget.widget_archive .count, .widget.widget_categories .count { float: right; padding: 0 9px; margin-right: 5px; background: #f3f3f3; } .widget.widget_rss .rss-date, .widget.widget_recent_entries .post-date { display: block; color: #b3b3b3; font-size: 12px; } .widget.widget_rss .rss-date::before, .widget.widget_recent_entries .post-date::before { content: "—"; display: inline-block; margin-right: 5px; } .widget.widget_rss .rssSummary { color: #656565; margin-top: 5px; } .widget.widget_rss .widget-title .rss-widget-icon { display: none; } /* ======================================== Widget Recent Comments ======================================== */ .widget.widget_recent_comments ul li.recentcomments a::before { display: inline-block; font-family: "Ionicons"; content: "\f3e8"; color: #b3b3b3; margin: 0 5px 0 4px; position: relative; top: 1px; } .widget.widget_recent_comments ul li.recentcomments span { color: #b3b3b3; } .widget.widget_recent_comments ul li.recentcomments a { color: #b3b3b3; padding: 0; } .widget.widget_recent_comments ul li.recentcomments a:first-child::before { content: none; } .widget.widget_recent_comments ul li.recentcomments .comment-author-link::before { content: "\f357"; margin: 0 5px 0 0; } .widget.widget_recent_comments ul li.recentcomments .comment-author-link::before { display: inline-block; font-family: "Ionicons"; color: #b3b3b3; position: relative; top: 1px; content: "\f357"; margin: 0 5px 0 0; } /* ======================================== Widget Monarch Comments ======================================== */ .widget.widget_comments ul li { line-height: 1.4; font-size: 12px; margin-bottom: 15px; border: 0; } .widget.widget_comments ul li a { display: block; position: relative; } .widget.widget_comments ul li a:focus, .widget.widget_comments ul li a:hover { text-decoration: none; } .widget.widget_comments ul li a .image { position: relative; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin: 0 15px 0 0; float: left; } .widget.widget_comments ul li a .image:hover { opacity: 0.8; } .widget.widget_comments ul li a .image img { width: 45px; height: 45px; } .widget.widget_comments ul li a .post { color: #313131; display: block; padding: 10px 15px; position: relative; border: 1px dashed #eaeaea; margin-top: 15px; } .widget.widget_comments ul li a .post::before { content: ""; position: absolute; top: -16px; border-style: solid; border-width: 8px; border-color: transparent; border-bottom-color: #eee; margin-left: -10px; left: 25px; } .widget.widget_comments ul li a .post::after { content: ""; position: absolute; top: -15px; border-style: solid; border-width: 8px; border-color: transparent; border-bottom-color: #fff; margin-left: -10px; left: 25px; } .widget.widget_comments ul li a .commauth { display: block; color: #313131; text-decoration: none; } .widget.widget_comments ul li a .time { font-style: italic; font-size: 11px; margin: 5px 0 0; color: #9a9a9a; display: inline-block; } .widget.widget_comments ul li a .text { margin: 5px 0 0; display: inline-block; } .widget.widget_comments ul li a .text:hover .commauth { text-decoration: underline; } .widget.widget_comments ul li a .post:hover { text-decoration: underline; } /* ======================================== Widget Categories ======================================== */ .widget.widget_product_categories ul ul, .widget.widget_categories ul ul { border-width: 1px 0 0 0; border-color: #eaeaea; border-style: dashed; padding-top: 10px; margin-top: 10px; } .widget.widget_product_categories ul ul.children li, .widget.widget_categories ul ul.children li { padding-left: 20px; } .widget.widget_product_categories ul li, .widget.widget_categories ul li { color: #b3b3b3; } /* ======================================== Widget Text ======================================== */ .widget.widget_text .textwidget { text-align: center; color: #515151; } .widget.widget_text .textwidget img { margin-bottom: 25px; } /* ======================================== Widget About ======================================== */ .widget.widget_about .aboutwidget { text-align: center; color: #666; font-style: italic; } .widget.widget_about .aboutwidget .image { position: relative; margin-bottom: 25px; } .widget.widget_about .aboutwidget img { width: 100%; } .widget.widget_about .aboutwidget p::before { content: open-quote; font-size: 3em; line-height: .1em; margin-right: .15em; vertical-align: -.4em; font-style: italic; } .widget.widget_about .aboutwidget p::after { content: close-quote; font-size: 3em; line-height: .1em; margin-left: .15em; vertical-align: -.5em; } /* ======================================== Widget Banner ======================================== */ .widget.widget_banner { padding: 0!important; } .widget.widget_banner .banner { display: block; } .widget.widget_banner img { width: 100%; } /* ======================================== Widget TagCloud ======================================== */ .widget .tagcloud { overflow: hidden; margin: 0 -4px; background: #fff; } .widget .tagcloud a { display: inline-block; padding: 4px 10px 3px; font-size: 11px!important; color: #b3b3b3; background: #fff; text-decoration: none; margin: 2px 1px 4px; border: 1px dotted #eee; } .widget .tagcloud a:hover { background: #f3f3f3; border-color: #fff; } /* ======================================== Widget Calendar ======================================== */ .widget.widget_calendar #wp-calendar { width: 100%; } .widget.widget_calendar caption { color: #999; text-align: center; padding: 5px 0 8px; } .widget.widget_calendar td, .widget.widget_calendar th { color: #999; line-height: 2.5; text-align: center; padding: 0; background: #fff; border-width: 1px; border-style: solid; border-color: #F7F7F7; display: table-cell; overflow: hidden; max-width: 15px; } .widget.widget_calendar thead th { font-size: 12px; } .widget.widget_calendar tbody a { background-color: #eee; color: #555; display: block; } .widget.widget_calendar tbody a:hover, .widget.widget_calendar tbody a:focus { background-color: #707070; color: #fff; text-decoration: none; } /* ======================================== Widget Dribbble & Flickr ======================================== */ .widget.widget_flickr ul, .widget.widget_dribbble ul { list-style: none; padding: 0; margin: 0 -4% 0 -4%; } .widget.widget_flickr ul li, .widget.widget_dribbble ul li { display: inline-block; width: 25%; } .widget.widget_flickr ul li a, .widget.widget_dribbble ul li a { margin: 13%; display: block; position: relative; } .widget.widget_flickr ul li a:hover, .widget.widget_dribbble ul li a:hover { opacity: 0.8; } .widget.widget_flickr ul li a img, .widget.widget_dribbble ul li a img { width: 100%; } /* ======================================== Widget Posts ======================================== */ .widget.widget_posts ul { list-style: none; margin: 0; padding: 0; } .widget.widget_posts ul li { margin-bottom: 15px; border-color: #eaeaea; border-style: dashed; border-width: 0 0 1px 0; padding-bottom: 10px; } .widget.widget_posts ul li:last-child { margin-bottom: 0; border: 0; padding-bottom: 0; } .widget.widget_posts ul li h4 { font-size: 12px; margin: 0 0 2px; } .widget.widget_posts ul li h4 a { color: #454545; } .widget.widget_posts ul li span { font-size: 11px; font-style: italic; } .widget.widget_posts .image a { display: block; position: relative; } .widget.widget_posts .image a img { width: 100%; } .widget.widget_posts .image a:hover { opacity: 0.8; } .widget.widget_posts .text { padding-top: 15px; } /* ======================================== Widgets bbPress Topics ======================================== */ .widget.widget_display_topics ul { color: #b3b3b3; } .widget.widget_display_topics ul .topic-author a::before { content: none; } .widget.widget_display_topics ul .topic-author a { line-height: 1; } .widget.widget_display_topics ul div { color: #B3B3B3; } .widget.widget_display_topics ul div::before { content: "-"; margin-right: 5px; } .widget.widget_display_topics ul img { margin-left: 3px; } /* ======================================== Widgets bbPress Topics ======================================== */ .widget.widget_display_replies ul .bbp-author-avatar::before { content: none; } .widget.widget_display_replies ul .bbp-author-name::before { content: none; } .widget.widget_display_replies ul .bbp-reply-topic-title { display: block; } .widget.widget_display_replies ul .topic-author a { line-height: 1; } .widget.widget_display_replies ul div { color: #B3B3B3; } .widget.widget_display_replies ul div::before { content: "-"; margin-right: 5px; } .widget.widget_display_replies ul { color: #b3b3b3; } /* ======================================== Widgets BuddyPress Notices ======================================== */ .widget.widget_bp_core_sitewide_messages { padding: 0!important; margin: 0; background-color: transparent; border: 0!important; } .widget.widget_bp_core_sitewide_messages::before, .widget.widget_bp_core_sitewide_messages::after { content: none!important; } .widget.widget_bp_core_sitewide_messages .widget-title { display: none!important; } /* ======================================== Widgets BuddyPress Notices ======================================== */ .widget.widget_creation { display: none; } .widget.widget-panel.widget_creation { display: block; } .user-menu-create { margin: 0; padding: 0; overflow: hidden; text-align: center; } .user-menu-create li { list-style: none; float: left; width: 33.3333%; display: block; padding: 10px 0 0; } .user-menu-create li a { color: rgba(255, 255, 255, 0.6); font-size: 10px; line-height: 1.4; font-weight: bold; text-transform: uppercase; } .user-menu-create li a i { display: block; font-size: 28px; } .user-menu-create li a:focus, .user-menu-create li a:hover { text-decoration: none; color: #fff; } /* ======================================== Long Search Form ======================================== */ #buddypress div.dir-search { width: 100%; display: block; margin: 0 0 35px; background: #fff; padding: 15px; } #bbpress-forums #bbp-search-form div, #buddypress div.dir-search form { position: relative; } .learn-press-search-course-form .search-course-button, #bbpress-forums #bbp-search-form #bbp_search_submit, #buddypress div.dir-search input[type="submit"] { position: absolute; top: 0; right: 0; border: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAdVBMVEUAAABFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUUNmk/EAAAAJnRSTlMAEfvvDPfOPC8VCTbp2LKmmINtYgbDQY/m3b6rn31NKVjQzbZ4UqubCbkAAAHYSURBVGje7dbXcoMwEAXQVXEAYXpzd6r+/xMzzGLHDMWZWclPex5xhhuxd7GBMcYYY4wxP+q2SBMlpUrSojXgQ5gr+0CdYvcRX3bi4DbGdNLOyTU4c/2wC5IrOBJv7SIVOMrY2IFMyyCq6ygu0/u1TevkWd3OoYoI7sRZ3S6HQGZu8zhGMBJlFiX06XfDkyphopJDx8j7ITHjHWZchhTqvgw7WMKsCj9tiAcZ5gELTvg5rcc5FiiCBQKrlwFBjT0tYNE3LgulYC1OPYJFArfyQggpbC+FFUfb6wgh6ahaKwU7EEIS7M7z/u0IITj3CFZoHBshBDe6/sffmFeEaK+Py1j8R6iDj58PfvuKCjd+lzEjL2OLbyax0mB8rfwQQgxO/gyLSvoLEk5+X/Uotus3yYlfWuiAd6lg1vvo65d6FHmZ7cWGcpDpA5HVzDmGjJ0AIp1YdBIwIvp49EZOuSqLtt/iIbvEXrlKCf5+XB+rUAOYsMrwmsOUVtkHUlrkOCVM7IifFJ3bWTunKRA004gmEG9uUyAYD3uT9Ss4SvnUQKcv3WEn+zI33Q/ecJxSgCtG14AmKXtwbpoiwQ9MmZ7EX8oZPBKfWGkDPuliL/dnA4wxxhhjjLnyC/jJcJViouyXAAAAAElFTkSuQmCC) no-repeat center; height: 40px; width: 40px; display: block; padding: 0; text-indent: -999999999px; opacity: 0.3; -webkit-box-shadow: none; box-shadow: none; margin: 3px; color: transparent; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } #buddypress div.dir-search label { margin: 0; display: block; } #buddypress div.dir-search label input[type="text"] { margin: 0; } /* ======================================== Search Form ======================================== */ body .media_search.media_search, .message-search form, .widget_display_search form, #buddypress div.item-list-tabs#subnav ul li.groups-members-search form, .search-form { -webkit-box-shadow: 0 0 0 3px #FAFAFA; box-shadow: 0 0 0 3px #FAFAFA; position: relative; padding: 0; margin: 0; border: 0; /*background: #fff;*/ } body .media_search.media_search { background: #fff; } body .media_search.media_search, body .media_search.media_search input.media_search_input, body .media_search.media_search input.media_search_input:focus, .message-search input, .widget_display_search input, #buddypress div.item-list-tabs#subnav ul li.groups-members-search input, .search-form input { -webkit-box-shadow: none; box-shadow: none; margin: 0; } .message-search label, #buddypress div.item-list-tabs#subnav ul li.groups-members-search label, .search-form label { -webkit-box-shadow: none; box-shadow: none; width: 100%; padding-right: 40px; margin: 0; } .woocommerce-product-search input[type="submit"], #buddypress .message-search input[type="submit"], .widget_display_search input[type="submit"], #buddypress div.item-list-tabs#subnav ul li.groups-members-search input[type="submit"], body .media_search.media_search .search_option, .modal-theme .search-box input[type="submit"], .search-form input[type="submit"] { height: 40px; display: inline-block; width: 40px; letter-spacing: -99999px; background-color: #f2f2f2; position: absolute; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAilBMVEUAAABFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUX6ySw1AAAALXRSTlMAo45214dlQDMsHhAC9ryXOvDg29TEta2SUEnu683IwIRwWy4mFMp+a2ELBwWOoHn8AAABUElEQVRYw+3VyY6DQAwE0GInkASy7/s+Sf3/742BQWJCToZLpH5HS22Mu6SGYRiGYRhfpONbu8116i0vaMPJXvPPxO+iqa7XY4W7RDPRhG8cNHFxmekfglO4SEaNOz63FNMUhddhTeFDzaO4Ve87m7gXQelMsUdVnP32DErzbH34L6DoKAdcfTqbSNGGyr0+oAilutXl2yJ5qCfdVV/LThoGqJlJOYTG5vP6rfw7GttylHrDFBpTkgvU9NW58T4G5LIihzE0FpSjtYAcpTqFSnwlecebsRQf0HmQXJ3rexj+QKc7IunGqPApFtAKKNwApafHzB5qDjNJ+oKIjmMW5lC7MTeeWVZ/QNG4o5+1qbOhFlmVd3R03LOQQC+0J/mYw5kvebFZcJZoIArT9BSXD0NuMEFLyhnHaE1CYTloj7PuWTFatNxtHBiGYRiG8QV+AX7UOFH+E1VgAAAAAElFTkSuQmCC); background-position: center center; background-repeat: no-repeat; color: transparent; margin: 0; right: 0; top: 0; border-right-color: #EAEAEA; border-top-color: #EAEAEA; border-bottom-color: #EAEAEA; border-left: 0; border-width: 1px; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .woocommerce-product-search input[type="submit"]:focus, .woocommerce-product-search input[type="submit"]:hover, #buddypress .message-search input[type="submit"]:focus, .widget_display_search input[type="submit"]:focus, .search-form input[type="submit"]:focus, #buddypress div.item-list-tabs#subnav ul li.groups-members-search input[type="submit"]:focus, #buddypress .message-search input[type="submit"]:hover, .widget_display_search input[type="submit"]:hover, #buddypress div.item-list-tabs#subnav ul li.groups-members-search input[type="submit"]:hover, .search-form input[type="submit"]:hover { background-color: #eee; color: transparent; border-color: #eee; border-width: 1px; } .modal-theme .search-box { padding: 0px 20px; } .modal-theme .search-box .search-form { position: static; box-shadow: none; -webkit-box-shadow: none; } .modal-theme .search-box .icon-box { position: relative; margin: 0 0 20px 0; } .modal-theme .search-box input[type="submit"] { position: absolute; top: 0; right: 0; } .modal-theme .search-box .search-form label { padding-right: 0; } /* ======================================== Comments ======================================== */ .comments-title { font-size: 12px; margin-bottom: 20px; line-height: 2; text-transform: uppercase; } .comments-title::before { display: inline-block; font-family: "Ionicons"; content: "\f11f"; } .comments-area { position: relative; z-index: 5; } .comments-area ol { margin: 0; padding: 0; list-style: none; } .comments-area ol li { margin: 0; padding: 0; position: relative; } .comments-area ol li.bypostauthor { display: block; } .comments-area ol.comment-list { margin-bottom: 25px; border-left: 5px solid #fff; } body .rtm-comment-list .rtmedia-comment-details, .comments-area ol li .comment-body { padding: 0 0 50px 40px; } .comments-area > ol > li li { margin-left: 55px; } .comments-area > ol > li li::before { content: ""; display: block; position: absolute; height: 5px; background: #fff; top: 60px; width: 30px; left: -60px; } .comments-area > ol > li li li::before { width: 90px; left: -110px; } .comments-area > ol > li li li li::before { width: 130px; left: -165px; } .comments-area > ol > li li li li li::before { width: 190px; left: -220px; } body .rtm-comment-list .rtm-comment-wrap .rtmedia-comment-author a, .comments-area article .comment-author a { font-size: 12px; color: #757575; } body .rtm-comment-list .rtm-comment-wrap .rtmedia-comment-author a::before, .comments-area article .comment-author a::before { margin-right: 10px; display: inline-block; font-family: "Ionicons"; content: "\f347"; } body .rtm-comment-list .rtm-comment-wrap .rtmedia-comment-date, .comments-area article .comment-metadata a time { color: #757575; float: right; margin-left: 10px; font-size: 12px; } .comments-area article .edit-link a { color: transparent; float: right; margin-left: 10px; font-size: 13px; overflow: hidden; width: 15px; height: 20px; } body .rtm-comment-list .rtm-comment-wrap .rtmedia-comment-date::before, .comments-area article .comment-metadata a time::before { display: inline-block; font-family: "Ionicons"; content: "\f36b"; margin-right: 10px; font-size: 13px; top: 1px; position: relative; } .comments-area article .edit-link a::before { content: "\f13e"; display: inline-block; font-family: "Ionicons"; margin-right: 10px; color: #757575; } body .rtm-comment-list .rtmedia-comment-user-pic a, .comments-area article .avatar { float: left; width: 55px; height: 55px; position: absolute; top: 35px; left: -30px; z-index: 5; padding: 5px; background-color: #fff; } .comments-area article .comment-author.vcard::before { width: 55px; height: 75px; content: ""; display: block; position: absolute; top: 24px; left: -30px; z-index: 4; } .comments-area article .comment-author.vcard::after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAMAAACfBSJ0AAAAhFBMVEX17uXmwZzyzqX17eP28OjlvpjyzKH18Or17+bzz6fSrorzzaPmwJr28enz5tf03sTgvJf16dv17ODz2Ljz06/v3MfoxaH05dPy0avmw6Dyy5/r0LP38uvz27/pyKjatpHZtZDx49Lx38rs1Lry0anXs4/u2cPu18DpzK310afavJ7hvJQjaYfWAAABi0lEQVRIx+3U2Y6CMBQG4K4UWiw7CoLiNm7v/35ThmRQpKV4NZn431StX/6THAV88slDcH/OCWEE4Bir052jSBQk6eq4SpMgIsSWMZkgxxEIIeE4KJHMjrmB+nYfRwSuFUtK9JwysYCsLr2B88qaTbKlg17jLCdhKsZcalU3v5DVGlcz+zHtB3XjIxrPMXZNLkK6RH/KxZ6GebHJAbwSo0ysMDCFJJr9JcRYxwKNCxg29knNnJK887sWqYn0g5rHtN+E2sJ0YfnCyr7OtEJnOGW/PONf9+X5smTAIuQinpi4EGDlbvfrA7veb3YOFDxEXofUGfLCrk7CkDc58tqgvOEhlBaFuDrQIuR8G8IchlvOw4IeKjyBMKh2PoSQNrxLQ9U7f1epK70hC4Iz2Dqoqk6nkypt48MMqzsX4zGzADJb5xT+xu9f0nz9JQe2M9H+sIGU+nA8vrpSdhcrCzr60zMwOqt6MwkWLST7TfuBCQx6N3ui2s7KzAulZwIyjTLLDBTwnRQAvpf/7r4B7kEaXYNOPBIAAAAASUVORK5CYII=) center center no-repeat #E2E2E2; width: 55px; height: 55px; content: ""; display: block; position: absolute; top: 35px; left: -30px; z-index: 4; border: 5px solid #fff; } .comments-area article .says { display: none; } body .rtm-comment-list .rtm-comment-wrap .rtmedia-comment-author, body .rtm-comment-list .rtm-comment-wrap .rtmedia-comment-date, .comments-area article .comment-meta { padding-bottom: 10px; overflow: hidden; } .comments-area article .comment-meta .fn { float: left; margin-right: 10px; } body .rtm-comment-list .rtmedia-comment-content, .comments-area article .comment-content { background: #fff; padding: 20px; position: relative; min-height: 60px; word-wrap: break-word; } .comments-area article .comment-content p:last-child { margin-bottom: 0; } body .rtm-comment-list .rtmedia-comment-content::before, .comments-area article .comment-content::before { content: ""; margin-top: -6px; position: absolute; top: 31px; left: -12px; border: 6px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid transparent; z-index: 1; } .comments-area article .reply a { font-size: 11px; margin: 5px; float: right; color: #757575; } .comments-area article .comment-awaiting-moderation { opacity: 0.8; display: inline-block; margin: 0 0 0 5px; } .comments-area article .comment-content ol li::before { content: none; } .comments-area .comment-respond { margin-bottom: 40px; position: relative; } .comments-area .comment-list .comment-respond { margin-left: 45px; } .comments-area .comment-respond .comment-reply-title { font-size: 14px; margin: 0 0 25px 0; } .comments-area .comment-respond .comment-reply-title small a { float: right; font-size: 11px; margin-right: 5px; line-height: 2; color: #757575; } .comments-area .comment-respond .comment-reply-title a { color: #000; } .comments-area .comment-respond .comment-reply-title span { background: #fff; position: relative; z-index: 5; padding: 0 20px; } .comment-notes, label[for="comment"], .form-submit, .form-allowed-tags, .logged-in-as { display: none; } /* ======================================== Comments Pingbacks ======================================== */ .comments-area .pingback .comment-body { background: #fff; padding: 20px; margin: 0 0 20px 20px; position: relative; } .comments-area .no-comments { background: #fff; padding: 20px; margin-bottom: 25px; } .comments-area .pingback .comment-body::before { content: ""; margin-top: -6px; position: absolute; top: 31px; left: -12px; border: 6px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid transparent; } .comments-area .pingback .comment-body::after { content: ""; margin-top: -6px; position: absolute; top: 28px; left: -30px; border-radius: 50%; width: 15px; height: 15px; background: #FFFFFF; } /* ======================================== Share 42 ======================================== */ #share { display: block; } #share span { display: inline-block; width: 20%; } #share span a { display: inline-block; text-align: center; line-height: 2; color: #fff; font-size: 20px; height: 110px; background-color: rgba(0, 0, 0, 0.1); max-width: 230px; width: 100%; } #share span a i { display: block; padding: 40px 0; } #share span a:hover { background-color: #314d91; } #share span a[data-count*="gplus"], #share span a[data-count*="tumb"] { background-color: rgba(0, 0, 0, 0.2); } #share span a[data-count*="fb"]:hover { background-color: #314d91; } #share span a[data-count*="gplus"]:hover { background-color: #DC4B38; } #share span a[data-count*="pin"]:hover { background-color: #cb2028; } #share span a[data-count*="twi"]:hover { background-color: #07beed; } #share span a[data-count*="tumb"]:hover { background-color: #529ecc; } #share span a[data-count*="fb"] i::before { content: "\f231"!important; } #share span a[data-count*="gplus"] i::before { content: "\f235"!important; } #share span a[data-count*="pin"] i::before { content: "\f2b1"!important; } #share span a[data-count*="twi"] i::before { content: "\f243"!important; } #share span a[data-count*="tumb"] i::before { content: "\f241"!important; } /* ======================================== Error 404 ======================================== */ .error404, .error404 .wrapper { margin: 0!important; } .error404 .section { max-width: 700px; margin: 0 auto; padding: 20px; margin-top: 7%; } .error404 .wrapper { border-top: 5px solid; } .error404 .body-bg, .registration .body-bg, .activation .body-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .error404 .page-header { border: 0; background: none; padding: 0; margin: 0; text-align: center; } .error404 .page-header::before, .error404 .page-header::after { content: none; } .error404 .page-header .page-title > span { color: #999; } .error404 .page-header .page-title::before { border-color: rgba(255, 255, 255, 0.3); } .error404 .taxonomy-description p::before { content: none; } .error404 .taxonomy-description p { margin-bottom: 20px; } .error404 .heart-wrap { position: relative; display: block; width: 200px; height: 170px; margin: 0 auto; z-index: 0; } .error404 .heart-wrap .heart { position: absolute; top: 50px; left: 50%; width: 100px; height: 90px; margin-left: -50px; z-index: 5; opacity: 0.1; -webkit-transition: all 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0s; -moz-transition: all 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0s; -ms-transition: all 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0s; -o-transition: all 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0s; transition: all 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0s; -webkit-animation: beat 1s infinite; -o-animation: beat 1s infinite; animation: beat 1s infinite; } .error404 .heart-wrap .heart::before, .error404 .heart-wrap .heart::after { position: absolute; content: ""; left: 50px; top: 0; width: 50px; height: 80px; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100% 0; -moz-transform-origin: 0 100% 0; -ms-transform-origin: 0 100% 0; -o-transform-origin: 0 100% 0; transform-origin: 0 100% 0; background: #fff; } .error404 .heart-wrap .heart::after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100% 0; -moz-transform-origin: 100% 100% 0; -ms-transform-origin: 100% 100% 0; -o-transform-origin: 100% 100% 0; transform-origin: 100% 100% 0; } /* ======================================== BuddyPress Registration & Activation Page ======================================== */ .registration, .activation, .registration .post-wrap.buddypress, .activation .post-wrap.buddypress, .registration .content.with-sb.buddypress .main, .activation .content.with-sb.buddypress .main, .registration .content, .activation .content, .registration .wrapper, .activation .wrapper { margin: 0!important; padding: 0; width: 100%; float: none; position: relative; } .registration .section, .activation .section { max-width: 500px; margin: 0 auto; margin-top: 0px; padding: 20px; color: rgba(255, 255, 255, 0.5); } .registration .content, .activation .content { border-top: 5px solid; } .error404 .header-panel, .error404 .toolbar-scrollup, .error404 .user-panel, .registration .timeline, .activation .timeline, .registration .page-header, .activation .page-header, .registration .toolbar-scrollup, .activation .toolbar-scrollup, .registration .user-panel, .activation .user-panel, .registration .header-panel, .activation .header-panel, .registration .sidebar, .activation .sidebar { display: none; } .error404 .body-bg::before, .error404 .body-bg::after, .error404 .wrapper::before, .error404 .wrapper::after, .activation .body-bg::before, .activation .body-bg::after, .activation .wrapper::before, .activation .wrapper::after, .registration .body-bg::before, .registration .body-bg::after, .registration .wrapper::before, .registration .wrapper::after, .activation .body-bg::before, .activation .body-bg::after, .activation .wrapper::after, .activation .wrapper::before { content: none; } .error404 .site-branding h1, .registration .site-branding h1, .activation .site-branding h1 { margin: 0; background: none; } .error404 .site-branding h1 a, .registration .site-branding h1 a, .activation .site-branding h1 a { display: block; color: rgba(255, 255, 255, 0.9); letter-spacing: 8px; font-size: 29px; line-height: 100px; font-weight: normal; text-align: center; height: 120px; max-width: 300px; margin: 0 auto; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; border: 0; } .error404 .site-branding h1:focus, .error404 .site-branding h1:hover, .registration .site-branding h1 a:focus, .activation .site-branding h1 a:focus, .registration .site-branding h1 a:hover, .activation .site-branding h1 a:hover { text-decoration: none; } .registration #buddypress .standard-form, .activation #buddypress .standard-form { background: none; color: rgba(255, 255, 255, 0.5); /*border-color: rgba(255, 255, 255, 0.1);*/ border: 0; padding: 0 0 40px; } .registration #buddypress .standard-form h4, .activation #buddypress .standard-form h4 { color: #ccc; } .registration #buddypress .standard-form hr { border-top: 1px solid rgba(255, 255, 255, 0.1); } .registration #buddypress .standard-form input[type="submit"] { float: right; } .registration #buddypress .standard-form #loginform .login-password label, .registration #buddypress .standard-form #loginform .login-username label, .registration #buddypress .standard-form #basic-details-section label { display: none; } .registration #buddypress .standard-form #loginform .login-username, .registration #buddypress .standard-form #loginform .login-password, .registration #buddypress .standard-form #basic-details-section .signup_password_confirm, .registration #buddypress .standard-form #basic-details-section .signup_password, .registration #buddypress .standard-form #basic-details-section .signup_email, .registration #buddypress .standard-form #basic-details-section .signup_username { position: relative; margin-bottom: 20px; } .registration #buddypress .standard-form #basic-details-section .signup_password_confirm { margin-bottom: 30px; } .registration #buddypress .standard-form #loginform .login-password input#user_pass, .registration #buddypress .standard-form #loginform .login-username input#user_login, .registration #buddypress .standard-form #basic-details-section .signup_password_confirm input, .registration #buddypress .standard-form #basic-details-section .signup_password input, .registration #buddypress .standard-form #basic-details-section .signup_email input, .registration #buddypress .standard-form #basic-details-section .signup_username input { padding: 0 15px 0 55px; } .registration #buddypress .standard-form #loginform .login-username::before, .registration #buddypress .standard-form #loginform .login-password::before, .registration #buddypress .standard-form #basic-details-section .signup_password_confirm::before, .registration #buddypress .standard-form #basic-details-section .signup_password::before, .registration #buddypress .standard-form #basic-details-section .signup_email::before, .registration #buddypress .standard-form #basic-details-section .signup_username::before { display: inline-block; font-family: "Ionicons"; position: absolute; font-size: 14px; color: rgba(255, 255, 255, 0.3); width: 40px; vertical-align: middle; height: 38px; border-right: 1px solid rgba(255, 255, 255, 0.07); padding: 13px 15px; background-color: rgba(0, 0, 0, 0.05); left: 0px; bottom: 1px; top: 0; } .registration #buddypress .standard-form #loginform .login-username::before, .registration #buddypress .standard-form #basic-details-section .signup_username::before { content: "\f213"; } .registration #buddypress .standard-form #loginform .login-password::before, .registration #buddypress .standard-form #basic-details-section .signup_password::before { content: "\f254"; } .registration #buddypress .standard-form #basic-details-section .signup_email::before { content: "\f2eb"; } .registration #buddypress .standard-form #basic-details-section .signup_password_confirm::before { content: "\f200" } /* ======================================== Background Settings ======================================== */ .error404.custom-background .page-header .page-title::before { content: none; } .error404.custom-background .page-header .page-title > span { background: none; } .error404.custom-background .wrapper, .registration.custom-background .wrapper, .activation.custom-background .wrapper { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYmBg+A8EDExAghHIYQAIMABHBgb/XZ4CjwAAAABJRU5ErkJggg==); background-color: rgba(0, 0, 0, 0.8); background-repeat: repeat; } /* ======================================== Alerts ======================================== */ body .learn-press-message, .sa-error-container, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, body.buddypress .error, body.buddypress div#buddydrive-main #buddydrive-status div.buddydrive-feedback p.info, body .rtmedia-success, body .rtmedia-warning, body .rtmedia-no-media-found, #buddypress p.updated, #buddypress p.success, #buddypress p.warning, #buddypress div.error, #bp-uploader-warning, #pass-strength-result, #message, #sitewide-notice, .indicator-hint { color: #111; border: 1px solid; position: relative; background-color: #FFF; font-size: 12px; margin: 5px 0 25px; overflow: hidden; opacity: 0.8; min-height: 45px; line-height: 2; padding: 10px 10px 10px 50px; } body .learn-press-message::before, .sa-error-container::before, .woocommerce .woocommerce-error::before, .woocommerce .woocommerce-info::before, .woocommerce .woocommerce-message::before, body.buddypress .error::before, body.buddypress div#buddydrive-main #buddydrive-status div.buddydrive-feedback p.info::before, body .rtmedia-success::before, body .rtmedia-warning::before, body .rtmedia-no-media-found::before, #buddypress p.updated::before, #buddypress p.success::before, #buddypress p.warning::before, #buddypress div.error::before, #bp-uploader-warning::before, #buddypress #pass-strength-result::before, #message::before, #sitewide-notice::before, .indicator-hint::before { content: ""; display: block; height: 100%; width: 40px; left: 0; top: 0; position: absolute; } body .learn-press-message::after, .sa-error-container::after, .woocommerce .woocommerce-error::after, .woocommerce .woocommerce-info::after, .woocommerce .woocommerce-message::after, body.buddypress .error::after, body.buddypress div#buddydrive-main #buddydrive-status div.buddydrive-feedback p.info::after, body .rtmedia-success::after, body .rtmedia-warning::after, body .rtmedia-no-media-found::after, #buddypress p.updated::after, #buddypress p.success::after, #buddypress p.warning::after, #buddypress div.error::after, #bp-uploader-warning::after, #pass-strength-result::after, #message::after, #sitewide-notice::after, .indicator-hint::after { content: "\f100"; display: inline-block; font-family: "Ionicons"; position: absolute; left: 12px; top: 50%; font-size: 18px; color: #fff; margin-top: -10px; } .sa-error-container p, #message p, #sitewide-notice p, .indicator-hint p, .bbp-template-notice p { margin: 0!important; padding: 0!important; line-height: 26px; } #message a, #sitewide-notice a, .indicator-hint a, .bbp-template-notice a { color: #454545; } /* ======================================== jQuery Scrollbar Plugin ======================================== */ .scroll-wrapper.scrollbar-inner { overflow: hidden; padding: 0; position: relative; } .scroll-wrapper > .scroll-content { border: none; box-sizing: content-box; height: auto; left: 0; margin: 0; max-height: none; max-width: none; overflow: scroll; padding: 0; position: relative; top: 0; width: auto; overflow-x: hidden; padding-bottom: 17px; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-element { display: none; } .scroll-element, .scroll-element div { box-sizing: content-box; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; } .scroll-textarea > .scroll-content { overflow: hidden; } .scroll-textarea > .scroll-content > textarea { border: none; box-sizing: border-box; height: 100%; margin: 0; max-height: none; max-width: none; overflow: scroll; padding: 2px; position: relative; top: 0; width: 100%; } .scrollbar-inner { position: relative; display: block; overflow-y: auto; overflow-x: hidden; height: 100%; } .scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 0px; top: 0; width: 5px; } .scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-inner > .scroll-element .scroll-element_track { background-color: transparent; } .scrollbar-inner > .scroll-element .scroll-bar { margin: 20px 0; max-height: 60px; } .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; } .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } /* ======================================== iCheck Plugin ======================================== */ .iradio { display: inline-block; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; border: 1px solid #e0e0e0; background: #fff; cursor: pointer; -webkit-box-shadow: 0 0 0 3px #FAFAFA; box-shadow: 0 0 0 3px #FAFAFA; position: relative; border-radius: 50px; margin-right: 5px; margin-bottom: 2px; } .iradio::before { content: ""; display: block; width: 100%; left: 0; top: 0; height: 100%; border: 4px solid #fff; background-color: #fff; border-radius: 50px; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; } .iradio.hover::before { background: #eee; } .iradio.disabled { cursor: default; } .iradio.checked.disabled::before { background: #f1f1f1; } .icheckbox { vertical-align: middle; position: relative; display: inline-block; width: 50px; height: 30px; background-color: #fff; -webkit-transition: background-color .35s; transition: background-color .35s; border-radius: 28px; border: 3px double; -webkit-box-shadow: 0 0 0 3px #FAFAFA; box-shadow: 0 0 0 3px #FAFAFA; margin: 3px; } .icheckbox input { display: block; margin: 0; padding: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; left: -3px; top: -3px; width: 50px; height: 30px; } .icheckbox:hover { cursor: pointer; } .icheckbox::before { content: ""; position: absolute; left: 6px; top: 4px; bottom: 4px; width: 17px; -webkit-transition: all .15s ease-out; transition: all .15s ease-out; border-radius: 50px; } .icheckbox.checked::before { left: 21px; } /* ======================================== Social Icons ======================================== */ .nav-social li a::before { content: "\f1fe"; display: inline-block; font-family: "Ionicons"; } .nav-social a[href*="pinterest"]::before { content: "\f2b1"; } .nav-social a[href*="facebook"]::before { content: "\f231"; } .nav-social a[href*="twitter"]::before { content: "\f243"; } .nav-social a[href*="github"]::before { content: "\f233"; } .nav-social a[href*="codepen"]::before { content: "\f4dd"; } .nav-social a[href*="apple"]::before { content: "\f227"; } .nav-social a[href*="dropbox"]::before { content: "\f22f"; } .nav-social a[href*="youtube"]::before { content: "\f24d"; } .nav-social a[href*="twitch"]::before { content: "\f4ee"; } .nav-social a[href*="vimeo"]::before { content: "\f245"; } .nav-social a[href*="linkedin"]::before { content: "\f239"; } .nav-social a[href*="skype"]::before { content: "\f23f"; } .nav-social a[href*="buffer"]::before { content: "\f229"; } .nav-social a[href*="yahoo"]::before { content: "\f24b"; } .nav-social a[href*="reddit"]::before { content: "\f23b"; } .nav-social a[href*="wordpress"]::before { content: "\f249"; } .nav-social a[href*="tumblr"]::before { content: "\f241"; } .nav-social a[href*="rss"]::before { content: "\f23d"; } .nav-social a[href*="foursquare"]::before { content: "\f34c"; } .nav-social a[href*="snapchat"]::before { content: "\f4ec"; } .nav-social a[href*="whatsapp"]::before { content: "\f4f0"; } .nav-social a[href*="instagram"]::before { content: "\f351"; } .nav-social a[href*="dribbble"]::before { content: "\f22d"; } .nav-social a[href*="google"]::before { content: "\f34f"; } .nav-social a[href*="plus.google"]::before { content: "\f235"; } .nav-social a[href*="play.google"]::before { content: "\f225"; } .nav-social a[href*="vk.com"]::before { font-family: "fontello-monarch"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; font-size: 24px; } /* ======================================== Scrollbar ======================================== */ ::-webkit-scrollbar { width: 7px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3); -webkit-border-radius: 0px; box-shadow: inset 0 0 0px rgba(0,0,0,0.3); border-radius: 0px; background: #222; } ::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; border-radius: 0; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.5); box-shadow: inset 0 0 0px rgba(0,0,0,0.5); overflow: hidden; background-color: #ccc; } ::-webkit-scrollbar-thumb:window-inactive { background: #ccc; } ::selection { color: #fff; background-color: #999; } .select2-container ::-webkit-scrollbar, .wrapper ::-webkit-scrollbar { width: 10px; } .select2-container ::-webkit-scrollbar-track, .wrapper ::-webkit-scrollbar-track { background: #f1f1f1; } .select2-container ::-webkit-scrollbar-thumb, .wrapper ::-webkit-scrollbar-thumb { background: #c1c1c1; } /* ======================================== Animation ======================================== */ .ShowOnScroll { animation-duration: 1s; } .ShowOnScroll.animated { animation-name: bounceInUp; } .rtmedia-popup.ShowOnScroll.animated { animation-duration: 0.5s; animation-name: bounceUpIn; } #popover-groupdescr, .widget .item { transition: opacity 1s ease-in-out 1s; animation: fade 0.65s ease forwards; } .infinite-scroll .ShowOnScroll { opacity: 0; } .infinite-scroll .ShowOnScroll.animated { opacity: 1; } /*.ShowOnScroll { opacity: 0; }*/ .elem.ShowOnScroll { opacity: 0; } .ShowOnScroll.animated, .no-js .ShowOnScroll, .no-cssanimations .ShowOnScroll { opacity: 1; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% {-webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes beat { 0% { background-position: left; } 100% { background-position: right; } } @-moz-keyframes beat { 0% { background-position: left; } 100% { background-position: right; } } @-ms-keyframes beat { 0% { background-position: left; } 100% { background-position: right; } } @-o-keyframes beat { 0% { background-position: left; } 100% { background-position: right; } } @keyframes loading { 0% { background-position: left; } 100% { background-position: right; } } @keyframes fade { 0% { opacity: 0; } 100% { opacity: 0.9; } } /*@keyframes bounceInUp { from, 99%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; transform: translate3d(0, 100px, 0); } 99% { opacity: 1; } to { transform: translate3d(0, 0, 0); } }*/ @keyframes bounceInUp { 0% { opacity: 0; transform: translate3d(0, 100px, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes bounceUpIn { 0% { transform: translate3d(0, -100px, 0); } 100% { transform: translate3d(0, 0, 0); } } @-webkit-keyframes beat { 0% { -webkit-transform: scale(1.9); -moz-transform: scale(1.9); -ms-transform: scale(1.9); -o-transform: scale(1.9); transform: scale(1.9); } 20% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 21% { -webkit-transform: scale(1.9); -moz-transform: scale(1.9); -ms-transform: scale(1.9); -o-transform: scale(1.9); transform: scale(1.9); } 100% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } } @-moz-keyframes beat { 0% { -webkit-transform: scale(1.9); -moz-transform: scale(1.9); -ms-transform: scale(1.9); -o-transform: scale(1.9); transform: scale(1.9); } 20% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 21% { -webkit-transform: scale(1.9); -moz-transform: scale(1.9); -ms-transform: scale(1.9); -o-transform: scale(1.9); transform: scale(1.9); } 100% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } } @-ms-keyframes beat { 0% { -webkit-transform: scale(1.9); -moz-transform: scale(1.9); -ms-transform: scale(1.9); -o-transform: scale(1.9); transform: scale(1.9); } 20% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 21% { -webkit-transform: scale(1.9); -moz-transform: scale(1.9); -ms-transform: scale(1.9); -o-transform: scale(1.9); transform: scale(1.9); } 100% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } } @-o-keyframes beat { 0% { -webkit-transform: scale(1.9); -moz-transform: scale(1.9); -ms-transform: scale(1.9); -o-transform: scale(1.9); transform: scale(1.9); } 20% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 21% { -webkit-transform: scale(1.9); -moz-transform: scale(1.9); -ms-transform: scale(1.9); -o-transform: scale(1.9); transform: scale(1.9); } 100% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } } @keyframes beat { 0% { -webkit-transform: scale(1.9); -moz-transform: scale(1.9); -ms-transform: scale(1.9); -o-transform: scale(1.9); transform: scale(1.9); } 20% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } 21% { -webkit-transform: scale(1.9); -moz-transform: scale(1.9); -ms-transform: scale(1.9); -o-transform: scale(1.9); transform: scale(1.9); } 100% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } } /* ======================================== Plugins ======================================== */ /* Jetpack Infinite Scroll */ .infinite-loader { position: absolute; bottom: 0; left: 50%; width: 100px!important; height: 200px!important; margin-left: -17px; } .infinite-loader .spinner { margin-left: 50%; left: 0!important; top: 0!important; display: block; float: none; opacity: 1; } .infinite-loader .spinner div { display: none; } .infinite-loader .spinner, .infinite-loader .spinner::before, .infinite-loader .spinner::after { background: #fff; -webkit-animation: infload 1s infinite ease-in-out; animation: infload 1s infinite ease-in-out; width: 1em!important; height: 4em; } .infinite-loader .spinner::before, .infinite-loader .spinner::after { position: absolute; top: 0; content: ""; } .infinite-loader .spinner::before { left: -1.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .infinite-loader .spinner { text-indent: -9999em; margin: 88px auto; position: relative; font-size: 11px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .infinite-loader .spinner::after { left: 1.5em; } .infinite-scroll .pagination { display: none; } /* WP-Polls */ .widget_polls-widget ul { margin: 0; padding: 0; } .widget_polls-widget ul li { margin: 0 0 5px; list-style: none; padding: 0; text-align: center; } .wp-polls, .widget_polls-widget a { text-transform: uppercase; font-size: 11px; } .widget_polls-widget p { margin-bottom: 0; } .wp-polls .Buttons, .widget_polls-widget .Buttons { margin-bottom: 15px; background: none; border: 3px double; } .wp-polls ul li, .wp-polls-ul li, .wp-polls-ans ul li { text-align: left; background-image: none; display: block; font-size: 12px; text-transform: none; font-weight: normal; } .wp-polls { color: #9a9a9a; } .wp-polls ul, .wp-polls-ul, .wp-polls-ans ul { text-align: left; list-style: none; float: none; } .wp-polls label { font-weight: normal; font-size: 12px; text-transform: none; color: #999; } .wp-polls small { float: right; } .wp-polls strong { font-size: 12px; color: #353535; } .wp-polls-ul { padding: 0px; margin: 0px 0px 10px 10px; } /* Contact Form 7 */ .wpcf7-form p { color: #606060; font-size: 12px; line-height: 3.5; } /* BuddyPress Like */ .users-who-like { font-size: 13px; color: #999; } .button.bp-primary-action.unlike span { margin-left: 5px; } /* WP Social Login Widget */ .wp-social-login-widget .wp-social-login-provider-list { padding: 10px 3px 5px; margin: 0 -14px 0 -7px; } .wp-social-login-widget .wp-social-login-provider-list a { width: 40px; height: 40px; text-align: center; padding: 11px 0 0; display: inline-block; font-size: 14px; margin: 0px 5px 10px 5px; } .wp-social-login-widget .wp-social-login-provider-list a img { display: none; } .wp-social-login-widget .wp-social-login-provider-list a::before { font-family: "fontello-monarch"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wp-social-login-widget a::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-facebook::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-twitter::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-google::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-wordpress::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-yahoo::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-linkedin::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-disqus::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-instagram::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-reddit::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-foursquare::before{ content: ""; } .wp-social-login-widget .wp-social-login-provider-lastfm::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-tumblr::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-goodreads::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-stackoverflow::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-github::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-dribbble::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-500px::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-skyrock::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-mixi::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-steam::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-twitchtv::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-vkontakte::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-mailru::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-yandex::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-odnoklassniki::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-aol::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-live::before { content: ""; } .wp-social-login-widget .wp-social-login-provider-pixelpin::before { content: ""; } .registration .wp-social-login-widget .wp-social-login-provider-list a, .modal.modal-theme .wp-social-login-widget .wp-social-login-provider-list a { border-color: rgba(255, 255, 255, 0.1); background: none; } .registration .wp-social-login-widget .wp-social-login-provider-list a:focus, .registration .wp-social-login-widget .wp-social-login-provider-list a:hover, .modal.modal-theme .wp-social-login-widget .wp-social-login-provider-list a:focus, .modal.modal-theme .wp-social-login-widget .wp-social-login-provider-list a:hover { color: rgba(255, 255, 255, 0.4); border-color: rgba(255, 255, 255, 0.2); } .registration .wp-social-login-widget { border-bottom: 1px solid rgba(255, 255, 255, 0.02); margin: -20px; padding: 20px 25px 0px; margin-bottom: 20px; } .modal.modal-theme .wp-social-login-widget { background: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(255, 255, 255, 0.02); margin: -20px; padding: 20px 25px 0px; margin-bottom: 20px; } .rtmedia-popup label, .registration .wp-social-login-widget .wp-social-login-connect-with, .modal.modal-theme .wp-social-login-widget .wp-social-login-connect-with { color: rgba(255, 255, 255, 0.5); } .registration .wp-social-login-widget .wp-social-login-provider-list, .modal.modal-theme .wp-social-login-widget .wp-social-login-provider-list { padding: 5px 0 15px 0; margin: 0 -5px; } /* ======================================== Show Admin Bar ======================================== */ body.admin-bar { margin-top: -32px; margin-bottom: 0!important; } .mini-panel body.admin-bar .header-panel .nav-mini-panel.top { margin-top: 42px; } .mini-panel body.admin-bar .header-panel button.top, body.admin-bar .content { margin-top: 32px; } body.admin-bar .site-header { margin-top: 32px!important; } body.admin-bar .user-panel .user-panel-wrapper { margin-top: 32px!important; } body.registration, body.activation, body.error404 { margin-top: 0; } #wpadminbar { z-index: 1039; } #sitewide-notice.admin-bar-on { display: none; } /* ======================================== Timeline ======================================== */ .timeline-blog .masonry-posts { position: relative; overflow: hidden; /* overflow: visible; */ } .timeline-blog .elem .timeline { height: 300%; } .timeline-blog .elem { width: 50%; float: left; margin: 0; padding: 15px 20px 25px 85px; position: relative; } .timeline-blog .elem .timeline { left: 28px; } .timeline-blog .post-wrap .post-date { margin: 0; left: -82px; } .timeline-blog .post-wrap.pagination { padding: 0 20px 0 85px; overflow: hidden; position: relative; } .timeline-blog .nav-links { margin: 0; } .timeline-blog .post-wrap.pagination .timeline { margin-left: -4px; } /* ======================================== Masonry ======================================== */ .masonry-blog .masonry-posts { position: relative; } .masonry-blog .elem { width: 33.3333333%; float: left; padding: 0 15px 30px; position: relative; margin: 0; } .masonry-blog .elem .timeline { display: none; } .masonry-blog .elem .post-date { display: none; } .masonry-blog .post-wrap.pagination { padding-bottom: 0; margin-left: 0; } .masonry-blog .nav-links { margin: 0; padding: 0 15px; } /* ======================================== Page Widgets ======================================== */ .widgets-page .masonry-posts { position: relative; } /* ======================================== Plugin: iFlyChat ======================================== */ .ifc #ifc-app-container.ifc-light #ifc-launcher-app .ifc-launcher-container .ifc-launcher .ifc-launcher-welcome-box, .ifc #ifc-app-container.ifc-light #ifc-launcher-app .ifc-launcher-container .ifc-launcher .ifc-launcher-button { margin-right: 35px; } .iflychat-popup .ifc #ifc-app-container .glyphicon { font-family: "Glyphicons Halflings"!important; } /* ======================================== Responsive Queries ======================================== */ /* 530px > 768px > 1200px > 1270px > 1360px > 1430px > 1530px > 1670px */ @media only screen and (min-width: 1800px) { .col-bg-1, .col-bg-2, .col-bg-3, .col-bg-4, .col-bg-5, .col-bg-6, .col-bg-7, .col-bg-8, .col-bg-9, .col-bg-10, .col-bg-11, .col-bg-12, .col-hg-1, .col-hg-2, .col-hg-3, .col-hg-4, .col-hg-5, .col-hg-6, .col-hg-7, .col-hg-8, .col-hg-9, .col-hg-10, .col-hg-11, .col-hg-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { padding-right: 18px; padding-left: 18px; } .row { margin-left: -18px; margin-right: -18px; } .post-date, .timeline-badge { margin-left: 0px; } } @media only screen and (min-width: 1671px) { .col-bg-1, .col-bg-2, .col-bg-3, .col-bg-4, .col-bg-5, .col-bg-6, .col-bg-7, .col-bg-8, .col-bg-9, .col-bg-10, .col-bg-11, .col-bg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float: left; } .col-bg-1 { width: 8.33333333%; } .col-bg-2 { width: 16.66666667%; } .col-bg-3 { width: 24.99999%; } .col-bg-4 { width: 33.33333333%; } .col-bg-5 { width: 41.66666667%; } .col-bg-6 { width: 50%; } .col-bg-7 { width: 58.33333333%; } .col-bg-8 { width: 66.66666667%; } .col-bg-9 { width: 75%; } .col-bg-10 { width: 83.33333333%; } .col-bg-11 { width: 50%; } .col-bg-12 { width: 100%; } .buddypress .sidebar { width: 27%; } .buddypress .main { width: 73%; } } @media only screen and (max-width: 1670px) { .masonry-blog .elem { width: 50%; } } @media only screen and (min-width: 1530px) and (max-width: 1670px) { .col-bg-1, .col-bg-2, .col-bg-3, .col-bg-4, .col-bg-5, .col-bg-6, .col-bg-7, .col-bg-8, .col-bg-9, .col-bg-10, .col-bg-11, .col-bg-12, .col-hg-1, .col-hg-2, .col-hg-3, .col-hg-4, .col-hg-5, .col-hg-6, .col-hg-7, .col-hg-8, .col-hg-9, .col-hg-10, .col-hg-11, .col-hg-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { padding-right: 20px; padding-left: 20px; } .row { margin-right: -20px; margin-left: -20px; } .post-date, .timeline-badge { margin-left: -4px; } #groups-list .elem, #members-list .elem { width: 33.33333333%; } } @media only screen and (max-width: 1530px) { .cover .item-list-tabs { position: relative; top: 0; left: 0; padding: 10px 10px 10px 15px; margin-left: 0; max-height: 95px; } .cover-image-container .item-list-tabs-bg { padding: 20px; } .cover-image-container #item-buttons { left: 180px; } .cover .item-list-tabs ul li ul.flexMenu-popup { padding-top: 15px!important; } .cover .item-list-tabs ul { float: none; max-height: 95px; } .cover .item-list-tabs ul li ul.flexMenu-popup li a { background: rgba(0, 0, 0, 0.2); } /* rtMedia iPhone fix */ #rtMedia-upload-button { z-index: 0!important; } } @media only screen and (min-width: 1430px) and (max-width: 1670px) { .main { width: 67%; } .sidebar, .sidebars { width: 33%; } } @media only screen and (min-width: 1360px) and (max-width: 1430px) { .main { width: 64%; } .sidebar, .sidebars { width: 36%; } } @media only screen and (min-width: 1270px) and (max-width: 1360px) { .main { width: 63%; } .sidebar, .sidebars { width: 37%; } } @media only screen and (min-width: 1201px) { .bp-user #buddypress .item-list-tabs#subnav, .groups.single-item #buddypress .item-list-tabs#group-create-tabs, .groups.single-item #buddypress .item-list-tabs#subnav { position: absolute; left: 0; right: 0; min-height: 75px; top: 385px; } } @media only screen and (min-width: 1530px) { .bp-user #buddypress .item-list-tabs#subnav, .groups.single-item #buddypress .item-list-tabs#group-create-tabs, .groups.single-item #buddypress .item-list-tabs#subnav { padding: 15px 40px; top: 290px; } } @media only screen and (min-width: 1200px) and (max-width: 1670px) { .bbp-topic-reply-count::before, .bbp-topic-voice-count::before, .bbp-forum-reply-count::before, .bbp-forum-topic-count::before, .bbp-topic-reply-count::after, .bbp-topic-voice-count::after, .bbp-forum-reply-count::after, .bbp-forum-topic-count::after { display: block; width: 0px; margin: 0 auto; border-top: 0; border-left: 1px solid #eee; border-right: 1px solid #eee; height: 10px; padding-left: 1px; } } @media only screen and (min-width: 1200px) and (max-width: 1530px) { #buddypress .activity-comments li li { margin-left: 25px; } #buddypress .activity-comments li li li { margin-left: 25px; } #buddypress .activity-comments li li li li { margin-left: 25px; } #buddypress .activity-comments li li li li li { margin-left: 25px; } #buddypress .activity-comments li li::before { width: 60px; left: -60px; } #buddypress .activity-comments li li li::before { width: 90px; left: -90px; } #buddypress .activity-comments li li li li::before { width: 110px; left: -110px; } #buddypress .activity-comments li li li li li::before { width: 135px; left: -135px; } } @media only screen and (min-width: 1200px) and (max-width: 1270px) { .main { width: 62%; } .sidebar, .sidebars { width: 38%; } .widgets-page .elem { width: 50%; } } @media only screen and (min-width: 1200px) and (max-width: 1360px), (max-width: 768px), (min-width: 768px) and (max-width: 1000px) { .timeline-badge, .post-date, .timeline { display: none; } .relatedposts, .comments-area, .nav-links, .author-info, .page-header, .post-wrap { margin-left: 15px; } .timeline-blog .elem { padding: 0 15px 30px; } .timeline-blog .post-wrap.pagination { padding: 0 15px 0 0; } } @media only screen and (min-width: 1200px) and (max-width: 1360px), (max-width: 768px) { .header-panel, .wrapper { margin-right: 50px!important; } .user-panel { width: 50px; } .body-bg::before { width: 50px; } .body-bg::after { right: 45px; } .user-panel .nav-buddy li { height: 65px; overflow: hidden; } .user-panel .nav-buddy li:hover { overflow: visible; } .user-panel .nav-buddy li a { position: absolute; width: 185px; display: block; right: 0; top: 0; height: 65px; line-height: 1; text-align: left; border-left: 1px solid rgba(255, 255, 255, 0.1); padding: 28px 15px!important; } .user-panel .nav-buddy li a::before { display: block; float: right; margin: 0; width: 45px; position: absolute; top: 0; right: 0; text-align: center; height: 65px; padding: 23px 0; } .user-panel .nav-buddy li.current-menu-item a, .user-panel .nav-buddy li.current-menu-item a::before { border-color: rgba(255, 255, 255, 0.1); } .user-panel .buddy-avatar .avatar { width: 30px; height: 30px; } } @media only screen and (min-width: 1200px) { .main { padding-right: 0!important; } .wrapper { margin: 0 85px 0 260px; } .navigation.pagination .next { float: right; } } @media only screen and (max-width: 1200px) { .content.with-sb .main { padding-right: 30px; } .timeline::before { content: ""; display: block; width: 30px; height: 10px; position: absolute; bottom: 0px; left: -10px; z-index: 2; background: #fff; } .cover { background: none; border: 0; padding: 0; } #buddypress .item-list-tabs ul li.last { float: left; } #buddypress .activity-comments li.show-all { margin-left: 85px; } #buddypress .activity-list .activity-inner embed, #buddypress .activity-list .activity-inner object, #buddypress .activity-list .activity-inner iframe { max-height: 500px; } .masonry-blog .elem { width: 100%; } .timeline-blog .post-wrap { width: 100%; } .timeline-blog .elem .timeline::before { content: none; display: none; } #bbpress-forums li.bbp-header .bbp-search-content, #bbpress-forums li.bbp-footer .bbp-search-content, #bbpress-forums li.bbp-header .bbp-forum-content, #bbpress-forums li.bbp-footer .bbp-forum-content, #bbpress-forums li.bbp-header .bbp-topic-content, #bbpress-forums li.bbp-footer .bbp-topic-content, #bbpress-forums li.bbp-header .bbp-reply-content, #bbpress-forums li.bbp-footer .bbp-reply-content { padding: 0 0 0 10px; margin-left: 50px; } #bbpress-forums li.bbp-header .bbp-search-author, #bbpress-forums li.bbp-footer .bbp-search-author, #bbpress-forums li.bbp-header .bbp-forum-author, #bbpress-forums li.bbp-footer .bbp-forum-author, #bbpress-forums li.bbp-header .bbp-topic-author, #bbpress-forums li.bbp-footer .bbp-topic-author, #bbpress-forums li.bbp-header .bbp-reply-author, #bbpress-forums li.bbp-footer .bbp-reply-author { width: auto; } #bbpress-forums li.bbp-forum-freshness, #bbpress-forums li.bbp-topic-freshness, #bbpress-forums li.bbp-forum-topic-count, #bbpress-forums li.bbp-topic-voice-count, #bbpress-forums li.bbp-forum-reply-count, #bbpress-forums li.bbp-topic-reply-count, #bbpress-forums li.bbp-forum-info, #bbpress-forums li.bbp-topic-title { width: 100%; text-align: center; } #bbpress-forums li.bbp-header { display:none; } #bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-topic-content, #bbpress-forums ul li.bbp-topic-title > a, #bbpress-forums ul li.bbp-forum-info a { text-align: center; } } @media only screen and (max-width: 1060px) { .cover-image-container #item-header-content .popover { left: -255px; } .cover-image-container #item-header-content .popover.top .arrow { left: 265px; } .thread-options, .notification-actions { color: #fff; } .cover-image-container #item-actions h3 { display: none; } } @media only screen and (min-width: 820px) and (max-width: 990px), (min-width: 530px) and (max-width: 768px) { .widget.widget_bp_core_whos_online_widget .item-avatar, .widget.widget_bp_core_recently_active_widget .item-avatar, .widget.widget_bp_core_friends_widget .item-list li, .widget.widget_bp_core_members_widget .item-list li, .widget.widget_bp_groups_widget .item-list li { width: 14.28%; padding: 1%; } .widget.widget_bp_core_whos_online_widget .item-avatar:nth-child(15), .widget.widget_bp_core_recently_active_widget .item-avatar:nth-child(15), .widget.widget_bp_core_friends_widget .item-list li:nth-child(15), .widget.widget_bp_core_members_widget .item-list li:nth-child(15), .widget.widget_bp_groups_widget .item-list li:nth-child(15), .widget.widget_bp_core_whos_online_widget .item-avatar:nth-child(16), .widget.widget_bp_core_recently_active_widget .item-avatar:nth-child(16), .widget.widget_bp_core_friends_widget .item-list li:nth-child(16), .widget.widget_bp_core_members_widget .item-list li:nth-child(16), .widget.widget_bp_groups_widget .item-list li:nth-child(16) { display: none; } } @media only screen and (min-width: 769px) { .header-panel, .wrapper-sticky-header-panel { margin: auto!important; } .mini-panel .header-panel button.top, .mini-panel .header-panel .nav-mini-panel { display: block; } .mini-panel .site-header, .mini-panel .header-panel .sidebar-panel, .mini-panel .header-panel .copyright, .mini-panel .header-panel .nav.nav-info { display: none; } .mini-panel .header-panel { width: 50px!important; } .mini-panel .header-panel .hp-footer { width: 45px; margin-right: 5px; position: fixed; bottom: 0; left: 0; border-top: 0; padding-top: 0; } .mini-panel .header-panel .hp-footer .social li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 10px; } .mini-panel .header-panel button.top { display: block; position: fixed; z-index: 6; line-height: 1; padding: 0; background: none; border: 0; color: #fff; opacity: 1; width: 50px; height: 100px; top: 0; right: auto; text-align: center; left: 0; } .mini-panel .header-panel button.top span { font-size: 27px; opacity: 0.7; position: relative; } .mini-panel .header-panel button.top a { background-repeat: no-repeat; background-position: 50% 50%; text-indent: -99999px; color: transparent; display: block; height: 100%; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .mini-panel .header-panel button.top .border-bottom { position: absolute; top: 95px; left: 0; width: 45px; border-bottom: 5px solid rgba(255, 255, 255, 0.1); } .mini-panel .header-panel .nav-mini-panel { display: block; margin-top: 10px; width: 45px; } .mini-panel .header-panel .nav-mini-panel li { border-top: 1px solid rgba(255, 255, 255, 0.1); display: block; } .mini-panel .header-panel .nav-mini-panel li a.last { padding-bottom: 0; } .mini-panel .header-panel .nav-mini-panel li a::before { content: none; } .mini-panel .header-panel .nav-mini-panel.top { border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: fixed; top: 90px; left: 0; } .mini-panel .header-panel .nav-social { margin-right: 5px; } .mini-panel .header-panel .nav-social li { display: block; } .mini-panel .wrapper::before { left: 45px; } .mini-panel .wrapper::after { width: 50px; } .mini-panel .toolbar-scrollup { left: 33px; } .mini-panel .toolbar-scrollup .layout .ion-navicon-round::before { content: "\f10a"; } .mini-panel .wrapper { margin-left: 50px; } .wrapper { margin: 0 85px 0 260px; } .wrapper-sticky-user-panel, .wrapper-sticky-header-panel { position: absolute!important; } .monarch_menu.left .nav-primary { margin-right: 5px; } .monarch_menu.left .nav-primary li { margin-right: -5px; } .monarch_menu .nav-primary li .current-menu-item::before { right: 5px; } .monarch_menu .nav-primary li .current-menu-item::after { right: 10px; } } @media only screen and (min-width: 1000px) and (max-width: 1200px) { .buddypress .main { position: relative; } .buddypress .main .timeline { top: 0; } } @media only screen and (min-width: 769px) and (max-width: 1200px) { .cover .item-list-tabs { max-height: 65px; } .cover .item-list-tabs ul { max-height: 65px; } .cover .item-list-tabs ul li a { padding: 9px 20px; } .cover .item-list-tabs ul li a::before { color: rgba(255, 255, 255, 0.9); display: inline-block; margin-right: 14px; font-size: 15px; top: 1px; position: relative; } .cover .item-list-tabs ul li a span { font-size: 10px; padding: 1px; } #buddypress .activity-comments { margin-left: 0; } #buddypress .activity-comments li li { margin-left: 0; } #buddypress .activity-comments li li li { margin-left: 0; } #buddypress .activity-comments li li li li { margin-left: 0; } #buddypress .activity-comments li li li li li { margin-left: 0; } #buddypress .activity-comments li li::before { content: none; display: none; } #buddypress .activity-comments li li li::before { content: none; display: none; } #buddypress .activity-comments li li li li::before { content: none; display: none; } #buddypress .activity-comments li li li li li::before { content: none; display: none; } #buddypress .activity-comments form::before { width: 40px; left: -40px; } } @media only screen and (min-width: 730px) and (max-width: 768px) { .sidebar-one, .sidebar-two, .sidebar-bp { width: 50%; } } @media only screen and (max-width: 768px) { .header-panel .hp-footer, .header-panel { width: 100%; position: relative; float: none; display: block; } .header-panel .header-panel-scroll { display: none; } .header-panel .header-panel-toggle { display: block; } .header-panel .hp-footer { border-bottom: 5px solid rgba(255, 255, 255, 0.1); } .site-header h1 a { -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .wrapper::after, .wrapper::before { content: none; display: none; } .site-header h1 a, .monarch_menu .nav-primary li a { width: 100%; } /*.user-panel,*/ .wrapper-sticky-user-panel { position: absolute!important; } .monarch_menu .nav-primary { padding-bottom: 40px!important; } .widget-panel.widget { padding: 70px 15px 15px 15px; } .widget-panel.widget.widget_posts ul li, .widget-panel .widget-title { margin-right: 0; } .toolbar-scrollup { right: 30px; left: auto; } .toolbar-scrollup .layout { display: none; } .scrollbar-inner { overflow: hidden; } .timeline-badge { display: none; } #buddypress .message-search { margin: 0 0 10px; max-width: 100%; width: 100%; } #buddypress .activity-list .activity-inner embed, #buddypress .activity-list .activity-inner object, #buddypress .activity-list .activity-inner iframe { max-height: 300px; } #buddypress .item-list-tabs ul li.last { float: left; width: 100%; } #buddypress .item-list-tabs ul li { float: left; margin: 0 0 15px; width: 100%; } #buddypress .item-list-tabs ul li a { margin-right: 0; } #buddypress .item-list-tabs ul li.selected a::after, #buddypress .item-list-tabs ul li.current a::after { right: auto; left: 50px; } #buddypress .activity-comments { margin-left: 0; } #buddypress .activity-comments li li { margin-left: 0; } #buddypress .activity-comments li li li { margin-left: 0; } #buddypress .activity-comments li li li li { margin-left: 0; } #buddypress .activity-comments li li li li li { margin-left: 0; } #buddypress .activity-comments li::before { content: none; display: none; } #buddypress .activity-comments li li::before { content: none; display: none; } #buddypress .activity-comments li li li::before { content: none; display: none; } #buddypress .activity-comments li li li li::before { content: none; display: none; } #buddypress .activity-comments li li li li li::before { content: none; display: none; } #buddypress .activity-comments li li form::before { width: 40px; left: -40px; } #buddypress .activity-comments li li li form::before { width: 40px; left: -40px; } #buddypress .activity-comments li li li li form::before { width: 40px; left: -40px; } #buddypress .activity-comments li li li li li form::before { width: 40px; left: -40px; } .post-wrap .post .post-footer li { padding: 0 10px; } .post-wrap .post .post-footer li.pull-right { margin-right: 15px; } .post-wrap .post .post-footer { margin: 0 20px; padding-left: 10px; padding-right: 10px; } .post-wrap .post-content { margin: 0 20px; } .post-wrap .post-tags { padding: 0 20px; } .post-wrap .post-tags a.post-edit-link { float: none; } .post-wrap.no-avatar .post.type-page.has-post-thumbnail .titles, .post-wrap .post.format-gallery.has-post-thumbnail .titles, .post-wrap .post.format-standard.has-post-thumbnail .titles { left: 20px; right: 20px; } .post-wrap .without-post-thumbnail { padding: 20px 20px 0; } .modal-share .modal-dialog { width: 260px; margin: 0 auto; } .comments-area > ol > li li { margin: 0; } .comments-area article .comment-metadata a time { display: none; } .comments-area article .edit-link a { float: none; } .cover .item-list-tabs { padding: 10px; } .cover .item-list-tabs ul li { width: 100%; margin: 0 0 5px 0; float: none; } .cover .item-list-tabs ul li a { height: auto; } .cover .item-list-tabs ul li a::before { font-size: 16px; display: inline-block; margin-right: 10px; position: relative; top: 2px; } .cover .item-list-tabs ul li a span { position: relative; top: -3px; } #bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content { margin-left: 0; } #bbpress-forums div.bbp-forum-author, #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author { margin-top: 15px; } .wp-core-ui .button, .wp-core-ui .button.button-large, .wp-core-ui .button.button-small, a.preview, input#publish, input#save-post { font-size: 12px!important; } #share { width: 230px; } #share span { display: block; width: 100%!important; text-align: center; } .ShowOnScroll { opacity: 1!important; } /* HC Sticky */ .header-panel, .wrapper-sticky-header-panel { height: auto!important; /*margin: auto!important; */ position: relative!important; top: auto!important; bottom: auto!important; width: auto!important; float: none!important; } body.admin-bar .content { margin: 0; } } @media only screen and (max-width: 530px) { #groups-list .elem, #members-list .elem { width: 100%; } .content.with-sb .main { margin-top: 15px; padding-left: 0; padding-right: 15px; } .sidebars { margin-top: 15px; padding: 0 5px 0 5px; } .sidebar-one { padding-right: 5px; padding-left: 5px; } .sidebar-two { padding-right: 5px; padding-left: 5px; } .comments-area ol.comment-list { margin-left: 20px; } .cover-image-container #item-actions { display: none; } } @media only screen and (max-width: 500px) { .post-wrap .post-front-block .post-title, .post-wrap.no-avatar .type-page.has-post-thumbnail .post-title, .post-wrap .format-gallery.has-post-thumbnail .post-title, .post-wrap .format-standard.has-post-thumbnail .post-title { font-size: 18px; } .post-wrap .post-content { font-size: 13px; line-height: 2; } .post-wrap .post-footer li.comments { display: none; } .post-wrap .post-front-block .titles { padding: 80px 30px; } .sidebar { padding: 0; } #buddypress .activity-comments .acomment-content, #buddypress .activity-list .activity-inner { font-size: 12px; } .content.fullwidth { padding: 0; } .content.fullwidth .main.widgets-page { padding: 0 15px 0 15px!important; } .widget { margin-bottom: 20px; } .pagination .pag-count { float: none; } .page-header .page-header-content { padding: 35px; } .pagination .pag-count { float: none; } .author-info .author-avatar-wrapper { display: none; } td, th { display: block; } div#popover-groupdescr { min-width: 100%; } body.buddypress div#buddydrive-main ul#buddydrive-manage-actions { width: auto; float: left; } } @media only screen and (max-width: 420px) { #buddypress .activity-comments .acomment-meta img.avatar, #buddypress .activity-list .activity-header img.avatar { background: none; } body.buddypress div#buddydrive-main p { margin: 0.3em 0; } .modal-theme .login-submit { float: none; } } @media only screen and (max-height: 660px) and (min-width: 768px) { .header-panel.fixed .header-panel-scroll { margin-bottom: 0!important; } .header-panel .hp-footer { position: relative; } .mini-panel .header-panel .nav-mini-panel.top { display: none; } } @media only screen and (min-height: 660px) and (min-width: 768px) { .header-panel.fixed .site-header { position: fixed; } .header-panel.fixed .header-panel-scroll { margin-top: 100px; margin-bottom: 300px; padding-bottom: 20px; } .header-panel.fixed .hp-footer { bottom: 0; left: 0; position: fixed; } body.admin-bar .header-panel.fixed .site-header { position: fixed; margin-top: 32px; } } /* ======================================== Flex Menu ======================================== */ @media only screen and (max-width: 768px) { .cover .item-list-tabs { max-height: none; } .cover .item-list-tabs ul { max-height: none; } .cover .item-list-tabs ul li.flexMenu-viewMore > a { display: none; } .cover .item-list-tabs ul li ul.flexMenu-popup { margin: 0!important; padding: 0!important; display: block!important; width: 100%; list-style: none; position: relative!important; right: 0!important; } .cover .item-list-tabs ul li ul.flexMenu-popup li { width: 100%; margin: 0 0 5px 0; } .cover .item-list-tabs ul li ul.flexMenu-popup li a { display: block; } .cover .item-list-tabs ul li ul.flexMenu-popup li a:focus, .cover .item-list-tabs ul li ul.flexMenu-popup li a:hover { text-decoration: none; background: rgba(255, 255, 255, 0.1); } } @media only screen and (min-width: 769px) { .cover .item-list-tabs ul li ul.flexMenu-popup { z-index: 9999999999999999; width: 150px; right: 0; list-style-type: none; padding: 10px 0 0; } .cover .item-list-tabs ul li ul.flexMenu-popup li { margin: 0; background: rgba(0, 0, 0, 0.8); } .cover .item-list-tabs ul li ul.flexMenu-popup li a { color: rgba(255, 255, 255, 0.9); background: none; font-size: 11px; border-radius: 0; text-transform: uppercase; padding: 9px 15px; position: relative; text-align: left; display: block; } .cover .item-list-tabs ul li ul.flexMenu-popup li a::before { font-size: 16px; display: inline-block; margin-right: 10px; position: relative; top: 2px; } .cover .item-list-tabs ul li ul.flexMenu-popup li a span { right: 10px; top: 5px; } .cover .item-list-tabs ul li ul.flexMenu-popup li a:focus, .cover .item-list-tabs ul li ul.flexMenu-popup li a:hover { background: rgba(255, 255, 255, 0.1); text-decoration: none; } } /* ======================================== Plugins: rtMedia & BuddyDrive ======================================== */ @media only screen and (max-width: 1670px) { body #buddypress #item-body .rtmedia-container ul.rtmedia-list li { width: 20%; } } @media only screen and (max-width: 1530px) { body #buddypress #item-body .rtmedia-container ul.rtmedia-list li { width: 25%; } } @media only screen and (max-width: 1360px) { body #buddypress #item-body .rtmedia-container ul.rtmedia-list li { width: 33.33333333%; } body.buddypress div#buddydrive-main ul#buddydrive-browser li.buddydrive-item:nth-child(even) .buddydrive-share-dialog, body.buddypress div#buddydrive-main ul#buddydrive-browser li.buddydrive-item:nth-child(odd) .buddydrive-share-dialog, body.buddypress div#buddydrive-main ul#buddydrive-browser li:nth-child(even), body.buddypress div#buddydrive-main ul#buddydrive-browser li:nth-child(odd) { margin: 0 0 15px; width: 100%; padding: 0; } body.buddypress div#buddydrive-main ul#buddydrive-browser li.buddydrive-item:nth-child(odd) .buddydrive-share-dialog, body.buddypress div#buddydrive-main ul#buddydrive-browser li.buddydrive-item:nth-child(even) .buddydrive-share-dialog { margin: 0; } } @media only screen and (min-width: 768px) and (max-width: 1000px) { body #buddypress #item-body .rtmedia-container ul.rtmedia-list li { width: 50%; } } @media only screen and (min-width: 530px) and (max-width: 768px) { body #buddypress #item-body .rtmedia-container ul.rtmedia-list li { width: 50%; } } @media only screen and (max-width: 530px) { body #buddypress #item-body .rtmedia-container ul.rtmedia-list li { width: 100%; } } /* ======================================== Thickbox ======================================== */ body #TB_closeWindow, body #TB_caption { height: 40px; } body #TB_closeWindowButton:focus .tb-close-icon { -webkit-box-shadow: none; box-shadow: none; } /* ======================================== Visual Composer ======================================== */ .page-template-page-visual-composer .wrapper { overflow: hidden; } .page-template-page-visual-composer .main { margin-top: 0; } .page-template-page-visual-composer .content.fullwidth { padding: 0 40px 0 40px; padding: 40px; overflow: hidden; } .page .post-edit-link, .page #vc_load-inline-editor { margin-bottom: 20px; margin-right: 10px; } .page-template-page-visual-composer .vc-edit-links { position: absolute; bottom: 0; left: 0; } .page-template-page-visual-composer .woocommerce ul.products li.product-category.product { background: none; padding: 0; } .page-template-page-visual-composer .woocommerce ul.products li.product-category.product h3 { color: #333; font-size: 14px; text-align: center; text-transform: uppercase; height: 30px; overflow: hidden; } .page-template-page-visual-composer .woocommerce ul.products li.product-category.product { border: 0; } .page-template-page-visual-composer .woocommerce ul.products li.product-category.product .count { display: none; } .overlay-monarch-home-shop-be::before { content: ""; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1px solid rgba(255, 255, 255, 0.25); -webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); z-index: 1; } /* ======================================== Learnpress ======================================== */ body article .comment-content h4, body article .post-content h4, body .single-lp_course .learn-press-course-results-progress .percentage-sign, body .single-lp_course .learn-press-course-results-progress .number { font-size: 16px; } body .learn-press-tabs .learn-press-tab-panel::before, body .learn-press-tabs .learn-press-tab-panel::after { content: none; } body .learn-press-tabs .learn-press-tab-panel { padding: 0; border: 0; } body .learn-press-breadcrumb { font-size: 13px; } body .learn-press-tooltip { background: #ccc; } body .learn-press-message p { margin: 0; } body .learn-press-courses li.course::before, body .learn-press-courses li.course::after { content: none; } body .single-lp_course .learn-press-course-results-progress .percentage-sign, body .single-lp_course .learn-press-course-results-progress .number { font-size: 12px; font-weight: bold; color: #777; } body .learn-press-tabs .learn-press-nav-tabs .learn-press-nav-tab { font-weight: bold; font-size: 12px; } body .learn-press-tabs .learn-press-nav-tabs .learn-press-nav-tab.active a { color: #454545; background: #eee; font-weight: bold; } body .learn-press-tabs .learn-press-nav-tabs .learn-press-nav-tab.active { border-bottom: 4px solid #666; } body .learn-press-tabs .learn-press-nav-tabs { border-color: #eee; } body .learn-press-tabs .learn-press-nav-tabs .learn-press-nav-tab.active:after { content: none; } #buddypress #members-dir-search { display: none!important; } #buddypress #group-dir-search { display: none!important; }