/** 1.0 Social icons 2.0 Social Share 3.0 Custom Button Icon Hover Effect 4.0 News Kit Elementor Compatible **/ :root { /** Sticky Posts **/ /* block title */ --blog-postx-sticky-block-family: "Jost",sans-serif; --blog-postx-sticky-block-weight: 500; --blog-postx-sticky-block-size: 14px; --blog-postx-sticky-block-size-tab: 14px; --blog-postx-sticky-block-size-mobile: 14px; --blog-postx-sticky-block-lineheight: 20px; --blog-postx-sticky-block-lineheight-tab: 20px; --blog-postx-sticky-block-lineheight-mobile: 20px; --blog-postx-sticky-block-letterspacing: 0.3px; --blog-postx-sticky-block-letterspacing-tab: 0.3px; --blog-postx-sticky-block-letterspacing-mobile: 0.3px; --blog-postx-sticky-block-textdecoration: none; --blog-postx-sticky-block-texttransform: uppercase; --blog-postx-sticky-block-style: normal; /* post title */ --blog-postx-sticky-title-family: "Jost",sans-serif; --blog-postx-sticky-title-weight: 500; --blog-postx-sticky-title-size: 16px; --blog-postx-sticky-title-size-tab: 16px; --blog-postx-sticky-title-size-mobile: 16px; --blog-postx-sticky-title-lineheight: 23px; --blog-postx-sticky-title-lineheight-tab: 23px; --blog-postx-sticky-title-lineheight-mobile: 23px; --blog-postx-sticky-title-letterspacing: 0; --blog-postx-sticky-title-letterspacing-tab: 0; --blog-postx-sticky-title-letterspacing-mobile: 0; --blog-postx-sticky-title-textdecoration: none; --blog-postx-sticky-title-texttransform: none; --blog-postx-sticky-title-style: normal; --blog-postx-sticky-posts-bk-color: #fff; /* web stories */ --expandWidth-timer: 5s; --blog-postx-web-stories-image-ratio: 1.2; --blog-postx-web-stories-image-ratio-tab: 1.1; --blog-postx-web-stories-image-ratio-mobile: 1.1; } .blog-postx-dark-mode { --blog-postx-sticky-posts-bk-color: #000; } /** Social Share **/ .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-facebook-f, .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-facebook, .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-square-facebook { color: #1877F2; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-facebook-f, .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-facebook, .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-square-facebook { background-color: #1877F2; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-twitter { color: #1DA1F2; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-twitter { background-color: #1DA1F2; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-x-twitter, .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-square-x-twitter { color: #333333; } .single.blog-postx-dark-mode .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-x-twitter, .single.blog-postx-dark-mode .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-square-x-twitter { color: #000; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-x-twitter, .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-square-x-twitter { background-color: #333333; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-linkedin, .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-linkedin-in { color: #0A66C2; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-linkedin, .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-linkedin-in { background-color: #0A66C2; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-reddit, .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-reddit-alien, .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-square-reddit { color: #FF5700; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-reddit, .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-reddit-alien, .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-square-reddit { background-color: #FF5700; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-tumblr, .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-square-tumblr { color: #00405d; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-tumblr, .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-square-tumblr { background-color: #00405d; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-weixin { color: #09B83E; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-weixin { background-color: #09B83E; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-weibo { color: #DF2029; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-weibo { background-color: #DF2029; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-google-plus, .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-square-google-plus, .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-google-plus-g { color: #dd4b39; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-google-plus, .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-square-google-plus, .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-google-plus-g { background-color: #dd4b39; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-skype { color: #00AFF0; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-skype { background-color: #00AFF0; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-telegram { color: #2AABEE; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-telegram { background-color: #2AABEE; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-whatsapp, .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-square-whatsapp { color: #25d366; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-whatsapp, .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-square-whatsapp { background-color: #25d366; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-pinterest, .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-square-pinterest, .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-pinterest-p { color: #E60023; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-pinterest, .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-square-pinterest, .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-pinterest-p { background-color: #E60023; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-vk { color: #4C75A3; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-vk { background-color: #4C75A3; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-line { color: #06C755; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-line { background-color: #06C755; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-blogger, .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-blogger-b { color: #fb8f3d; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-blogger, .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-blogger-b { background-color: #fb8f3d; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-evernote { color: #00A82D; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-evernote { background-color: #00A82D; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-yahoo { color: #410093; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-yahoo { background-color: #410093; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-viber { color: #7360F2; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-viber { background-color: #7360F2; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-mix { color: #FF8126; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-mix { background-color: #FF8126; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-xing, .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-square-xing { color: #026466; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-xing, .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-square-xing { background-color: #026466; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-digg { color: #005be2; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-digg { background-color: #005be2; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-stumpleupon, .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-stumpleupon-circle { color: #EB471D; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-stumpleupon, .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-stumpleupon-circle { background-color: #EB471D; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-delicious { color: #585e46; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-delicious { background-color: #585e46; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-buffer { color: #9FF6F9; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-buffer { background-color: #9FF6F9; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-diaspora { color: #000; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-diaspora { background-color: #000; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-renren { color: #01579B; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-renren { background-color: #01579B; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-wordpress, .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-wordpress-simple { color: #00749C; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-wordpress, .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-wordpress-simple { background-color: #00749C; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-amazon { color: #FF9900; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-amazon { background-color: #FF9900; } .blog-postx-social-share .social-share .fa-copy_link { background-image: linear-gradient(151deg, #F8997D 0%, #AD336D 100%); } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-copy { background-image: linear-gradient(151deg, #F8997D 0%, #AD336D 100%); } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-print { color: #000; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-print { background-color: #000; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-envelope { color: #CF202E } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-envelope { background-color: #CF202E } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-odnoklassniki, .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-square-odnoklassniki { color: #ff7800; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-odnoklassniki, .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-square-odnoklassniki { background-color: #ff7800; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-get-pocket { color: #f0465b; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-get-pocket { background-color: #f0465b; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-flipboard { color: #f52f2f; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-flipboard { background-color: #f52f2f; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-stumbleupon-circle, .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-stumbleupon { color: #EB4924; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-stumbleupon-circle, .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-stumbleupon { background-color: #EB4924; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-hacker-news { color: #ff6600; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-hacker-news { background-color: #ff6600; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-comment-sms { color: #39ff5a; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-comment-sms { background-color: #39ff5a; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-trello { color: #026aa7; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-trello { background-color: #026aa7; } .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-viadeo, .single .display--fixed .blog-postx-social-share.color-inherit--global .social-share .fa-square-viadeo { color: #EE7356; } .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-viadeo, .blog-postx-social-share-wrap:not(.display--fixed) .blog-postx-social-share.color-inherit--global .social-share .fa-square-viadeo { background-color: #EE7356; } /** Custom Button Icon Hover Effect **/ /** Anaimation One **/ .header-custom-button.animation-type--one .custom-button-icon i { transform-origin: top center; animation: ring 1.5s ease infinite; } @keyframes ring { 0% { transform: rotate(35deg); } 12.5% { transform: rotate(-30deg); } 25% { transform: rotate(25deg); } 37.5% { transform: rotate(-20deg); } 50% { transform: rotate(15deg); } 62.5% { transform: rotate(-10deg); } 75% { transform: rotate(5deg); } 100% { transform: rotate(0deg); } } /** Anaimation Two **/ .header-custom-button.animation-type--two .custom-button-icon i { text-decoration: blink; -webkit-animation-name: blinker; -webkit-animation-duration: .6s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -webkit-animation-direction: alternate; } @keyframes blinker { 0% { opacity: 1.0; } 100% { opacity: .0; } } /** Anaimation Three **/ .header-custom-button.animation-type--three .custom-button-icon i { animation: rotate 5s infinite; } @keyframes rotate { 100% { transform: rotate(360deg); } } /** Anaimation Four **/ .header-custom-button.animation-type--four .custom-button-icon i { animation: grow 3s linear infinite; } @keyframes grow { 0% { transform: scale(0.83); } 50% { transform: scale(1.1); } 100% { transform: scale(0.83); } } /** Anaimation Five **/ .header-custom-button.animation-type--five .custom-button-icon i { position: relative; } .header-custom-button.animation-type--five .custom-button-icon i:after { content: ''; background: #0000005c; animation: expand 3s linear 1s infinite; width: 25px; height: 25px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } @keyframes expand { 0% { width: 10px; height: 10px; } 50% { width: 25px; height: 25px; } 100% { width: 10px; height: 10px; } } /* Menu Animation */ /** 4.0 News Kit Elementor Compatible **/ body.elementor-page article h2 { font-weight: initial; font-style: initial; } body.elementor-page.single-post #primary .blog-postx-inner-content-wrap article .entry-content a, body.single-post #primary article .bb-bldr-row .tags-links a { text-decoration: initial; } body.elementor-page.single-post article .entry-content p a, body.elementor-page.single-post article .entry-content a { color: initial; } /* ======================================================== Social Icons ========================================================*/ .widget_blog_postx_social_platforms_widget .blog-postx-social-icon { display: grid; gap: 15px; } .widget_blog_postx_social_platforms_widget .blog-postx-social-icon.column--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .widget_blog_postx_social_platforms_widget .blog-postx-social-icon.column--three { grid-template-columns: repeat(3, minmax(0, 1fr)); } .widget_blog_postx_social_platforms_widget .blog-postx-social-icon.column--four { grid-template-columns: repeat(4, minmax(0, 1fr)); } .widget_blog_postx_social_platforms_widget .blog-postx-social-icon.column--five { grid-template-columns: repeat(5, minmax(0, 1fr)); } .widget_blog_postx_social_platforms_widget .blog-postx-social-icon.column--six { grid-template-columns: repeat(6, minmax(0, 1fr)); } .widget_blog_postx_social_platforms_widget .blog-postx-social-icon.column--seven { grid-template-columns: repeat(7, minmax(0, 1fr)); } .widget_blog_postx_social_platforms_widget .blog-postx-social-icon.column--eight { grid-template-columns: repeat(8, minmax(0, 1fr)); } .widget_blog_postx_social_platforms_widget .blog-postx-social-icon.column--nine { grid-template-columns: repeat(9, minmax(0, 1fr)); } .widget_blog_postx_social_platforms_widget .blog-postx-social-icon.column--ten { grid-template-columns: repeat(10, minmax(0, 1fr)); } .widget_blog_postx_social_platforms_widget .blog-postx-social-icon a { text-decoration: none; margin-bottom: 0; border-radius: 2px; transition: all .3s ease-in-out; display: flex; align-items: center; transition: all .25s cubic-bezier(.02,.01,.45,1); } .widget_blog_postx_social_platforms_widget .blog-postx-social-icon.is-background a { color: #fff; background-color: #222; } .widget_blog_postx_social_platforms_widget .blog-postx-social-icon a { color: #222; } .widget_blog_postx_social_platforms_widget .blog-postx-social-icon.is-border:not(.official-color--enabled) a { border: 2px solid #222; } .widget_blog_postx_social_platforms_widget .blog-postx-social-icon.is-box-shadow.official-color--enabled a { box-shadow: 0 0 4px 1px #0000001c; } .widget_blog_postx_social_platforms_widget .blog-postx-social-icon a:hover { opacity: .88; } .social-platforms-widget a.social-icon i { font-size: 14px; vertical-align: middle; display: inline-block; width: 40px; line-height: 35px; text-align: center; transition: all ease-in-out .3s; } .social-platforms-widget .is-background a.social-icon i { background: #0000001f; } .widget_blog_postx_social_platforms_widget .blog-postx-social-icon a .icon-label { padding: 0 5px 0 12px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 97px; white-space: nowrap; } .widget_blog_postx_social_platforms_widget .blog-postx-social-icon a .icon-label:before { content: '|'; margin-left: -15px; margin-right: 15px; position: absolute; } .widget_blog_postx_social_platforms_widget .blog-postx-social-icon a span.icon-count { padding-right: 10px; font-size: 11px; letter-spacing: 0.5px; margin-left: auto; } .widget_blog_postx_social_platforms_widget .blog-postx-social-icon:not(.is-title) a span.icon-count { margin-left: 15px; } /** MARK: Default social icon colors **/ body .widget .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon:hover, body .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon:hover i, body .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon:hover i { color: #fff; } .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).is-border a.social-icon i { outline: 1px solid var(--social-icon-border-color); } .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow a.social-icon i { box-shadow: 0 0 3px var(--social-icon-box-shadow-color); } /** Instagram **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.instagram, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.instagram i { box-shadow: 0 0 5px #3f729b73; } .social-platforms-widget .is-background.official-color--enabled a.social-icon.instagram, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.instagram i { background-color: #3f729b; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.instagram, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.instagram i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.instagram { color: #3f729b; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.instagram, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.instagram i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.instagram i { outline: 2px solid #3f729b; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.instagram:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.instagram:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.instagram:hover i { background-color: #3f729b; } /** Facebook **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.facebook, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.facebook i { box-shadow: 0 0 5px #1a6dd463; } .social-platforms-widget .official-color--enabled.is-background a.social-icon.facebook, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.facebook i { background-color: #1a6dd4; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.facebook, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.facebook i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.facebook { color: #1a6dd4; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.facebook, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.facebook i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.facebook i { outline: 2px solid #1a6dd4; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.facebook:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.is-box-shadow.official-color--enabled a.facebook:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.facebook:hover i { background-color: #1a6dd4; } /** Twitter **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.twitter, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.twitter i { box-shadow: 0 0 5px #55acef6b; } .social-platforms-widget .official-color--enabled.is-background a.social-icon.twitter, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.twitter i { background-color: #55acef; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.twitter, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.twitter i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.twitter { color: #55acef; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.twitter, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.twitter i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.twitter i { outline: 2px solid #55acef; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.twitter:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.twitter:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.twitter:hover i { background-color: #55acef; } /* Twitter X */ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.x, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.x i { box-shadow: 0 0 5px #0000006b; } .social-platforms-widget .official-color--enabled.is-background a.social-icon.x, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.social-icon.x i { background-color: #000000; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.x, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.x i footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.x { color: #000000; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.x, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.x i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.x i { outline: 2px solid #000000; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.x:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.x:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.x:hover i { background-color: #000000; } /** pinterest **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.pinterest, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.pinterest i { box-shadow: 0 0 5px #bd081c6e; } .social-platforms-widget .official-color--enabled.is-background a.social-icon.pinterest, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.pinterest i { background-color: #bd081c; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.pinterest, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.pinterest i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.pinterest { color: #bd081c; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.pinterest, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.pinterest i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.pinterest i { outline: 2px solid #bd081c; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.pinterest:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.pinterest:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.pinterest:hover i { background-color: #bd081c; } /** Linkedin **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.linkedin, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.linkedin i { box-shadow: 0 0 5px #0077b56e; } .social-platforms-widget .official-color--enabled.is-background a.social-icon.linkedin, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.linkedin i { background-color: #0077b5; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.linkedin, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.linkedin i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.linkedin { color: #0077b5; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.linkedin, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.linkedin i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.linkedin i { outline: 2px solid #0077b5; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.linkedin:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.linkedin:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.linkedin:hover i { background-color: #0077b5; } /** Digg **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.digg, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.digg i { box-shadow: 0 0 5px #00000073; } .social-platforms-widget .official-color--enabled.is-background a.social-icon.digg, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.social-icon.digg i { background-color: #000000; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.digg, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.digg i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.digg { color: #000000; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.digg, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.digg i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.digg i { outline: 2px solid #000000; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.digg:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.digg:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.digg:hover i { background-color: #000000; } .news_event_dark_mode .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.digg, .news_event_dark_mode .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.digg i { color: #8b8b8b; outline: 2px solid #8b8b8b; } /** Delicious **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.delicious, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.delicious i { box-shadow: 0 0 5px #3399ff73; } .social-platforms-widget .official-color--enabled.is-background a.social-icon.delicious, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.delicious i { background-color: #3399ff; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.delicious, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.delicious i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.delicious { color: #3399ff; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.delicious, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.delicious i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.delicious i { outline: 2px solid #3399ff; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.delicious:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.delicious:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.delicious:hover i { background-color: #3399ff; } /** Mix **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.mix, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.mix i { box-shadow: 0 0 5px #ffd51f73; } .social-platforms-widget .is-background a.social-icon.mix, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.mix i { background-color: #ffd51f; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.mix, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.mix i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.mix { color: #ffd51f; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.mix, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.mix i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.mix i { outline: 2px solid #ffd51f; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.mix:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.mix:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.mix:hover i { background-color: #ffd51f; } /** Get-Pocket **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.get.pocket, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.get.pocket i { box-shadow: 0 0 5px #e8435273; } .social-platforms-widget .is-background a.social-icon.get.pocket, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.get.pocket i { background-color: #e84352; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.get.pocket, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.get.pocket i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.pocket { color: #e84352; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.get.pocket, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.get.pocket i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.get.pocket i { outline: 2px solid #e84352; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.get.pocket:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.get.pocket:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.get.pocket:hover i { background-color: #e84352; } /** odnoklassniki **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.odnoklassniki, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.odnoklassniki i { box-shadow: 0 0 5px #ee820873; } .social-platforms-widget .is-background a.social-icon.odnoklassniki, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.odnoklassniki i { background-color: #ee8208; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.odnoklassniki, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.odnoklassniki i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.odnoklassniki { color: #ee8208; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.odnoklassniki, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.odnoklassniki i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.odnoklassniki i { outline: 2px solid #ee8208; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.odnoklassniki:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.odnoklassniki:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.odnoklassniki:hover i { background-color: #ee8208; } /** google-plus **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.google-plus, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.google-plus i { box-shadow: 0 0 5px #dc4e4173; } .social-platforms-widget .is-background a.social-icon.google-plus, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.google-plus i { background-color: #dc4e41; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.google-plus, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.google-plus i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.google-plus { color: #dc4e41; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.google-plus, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.google-plus i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.google-plus i { outline: 2px solid #dc4e41; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.google-plus:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.google-plus:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.google-plus:hover i { background-color: #dc4e41; } /** weixin **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.weixin, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.weixin i { box-shadow: 0 0 5px #00c70a73; } .social-platforms-widget .is-background a.social-icon.weixin, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.weixin i { background-color: #00c70a; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.weixin, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.weixin i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.weixin { color: #00c70a; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.weixin, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.weixin i , .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.weixin i { outline: 2px solid #00c70a; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.weixin:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.weixin:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.weixin:hover i { background-color: #00c70a; } /** hacker-news **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.hacker-news, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.hacker-news i { box-shadow: 0 0 5px #ff660073; } .social-platforms-widget .is-background a.social-icon.hacker-news, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.hacker-news i { background-color: #ff6600; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.hacker-news, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.hacker-news i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.hacker-news { color: #ff6600; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.hacker-news, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.hacker-news i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.hacker-news i { outline: 2px solid #ff6600; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.hacker-news:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.hacker-news:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.hacker-news:hover i { background-color: #ff6600; } /** Stumbleupon **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.stumbleupon, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.stumbleupon i { box-shadow: 0 0 5px #eb49247a; } .social-platforms-widget .is-background a.social-icon.stumbleupon, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.stumbleupon i { background-color: #eb4924; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.stumbleupon, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.stumbleupon i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.stumbleupon { color: #eb4924; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.stumbleupon, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.stumbleupon i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.stumbleupon i { outline: 2px solid #eb4924; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.stumbleupon:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.stumbleupon:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.stumbleupon:hover i { background-color: #eb4924; } /** Tumblr **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.tumblr, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.tumblr i { box-shadow: 0 0 5px #00405d73; } .social-platforms-widget .is-background a.social-icon.tumblr, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.tumblr i { background-color: #00405d; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.tumblr, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.tumblr i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.tumblr { color: #00405d; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.tumblr, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.tumblr i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.tumblr i { outline: 2px solid #00405d; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.tumblr:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.tumblr:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.tumblr:hover i { background-color: #00405d; } /** Reddit **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.reddit, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.reddit i { box-shadow: 0 0 5px #ff450070; } .social-platforms-widget .is-background a.social-icon.reddit, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.reddit i { background-color: #ff4500; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.reddit, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.reddit i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.reddit { color: #ff4500; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.reddit, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.reddit i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.reddit i { outline: 2px solid #ff4500; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.reddit:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.reddit:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.reddit:hover i { background-color: #ff4500; } /** Weibo **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.weibo, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.weibo i { box-shadow: 0 0 5px #ce112670; } .social-platforms-widget .is-background a.social-icon.weibo, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.weibo i { background-color: #ce1126; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.weibo, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.weibo i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.weibo { color: #ce1126; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.weibo, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.weibo i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.weibo i { outline: 2px solid #ce1126; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.weibo:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.weibo:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.weibo:hover i { background-color: #ce1126; } /** xing **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.xing, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.xing i { box-shadow: 0 0 5px #0264666e; } .social-platforms-widget .is-background a.social-icon.xing, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.xing i { background-color: #026466; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.xing, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.xing i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.xing { color: #026466; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.xing, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.xing i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.xing i { outline: 2px solid #026466; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.xing:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.xing:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.xing:hover i { background-color: #026466; } /** WhatsApp **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.whatsapp, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.whatsapp i { box-shadow: 0 0 5px #43d85470; } .social-platforms-widget .is-background a.social-icon.whatsapp, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.whatsapp i { background-color: #43d854; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.whatsapp, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.whatsapp i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.whatsapp { color: #43d854; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.whatsapp, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.whatsapp i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.whatsapp i { outline: 2px solid #43d854; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.whatsapp:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.whatsapp:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.whatsapp:hover i { background-color: #43d854; } /** Blogger **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.blogger, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.blogger i { box-shadow: 0 0 5px #f57d0075; } .social-platforms-widget .is-background a.social-icon.blogger, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.blogger i { background-color: #f57d00; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.blogger, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.blogger i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.blogger { color: #f57d00; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.blogger, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.blogger i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.blogger i { outline: 2px solid #f57d00; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.blogger:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.blogger:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.blogger:hover i { background-color: #f57d00; } /** Amazon **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.amazon, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.amazon i { box-shadow: 0 0 5px #00000073; } .social-platforms-widget .is-background a.social-icon.amazon, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.amazon i { background-color: #000000; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.amazon, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.amazon i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.amazon { color: #000000; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.amazon, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.amazon i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.amazon i { outline: 2px solid #000000; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.amazon:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.amazon:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.amazon:hover i { background-color: #000000; } .news_event_dark_mode .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.amazon { color: #8b8b8b; outline: 2px solid #8b8b8b; } /** Yahoo Mail **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.yahoo, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.yahoo i { box-shadow: 0 0 5px #41009373; } .social-platforms-widget .is-background a.social-icon.yahoo, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.yahoo i { background-color: #410093; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.yahoo, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.yahoo i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.yahoo { color: #410093; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.yahoo, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.yahoo i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.yahoo i { outline: 2px solid #410093; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.yahoo:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.yahoo:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.yahoo:hover i { background-color: #410093; } /** Evernote**/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.evernote, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.evernote i { box-shadow: 0 0 5px #2dbe6073; } .social-platforms-widget .is-background a.social-icon.evernote, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.evernote i { background-color: #2dbe60; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.evernote, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.evernote i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.evernote { color: #2dbe60; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.evernote, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.evernote i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.evernote i { outline: 2px solid #2dbe60; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.evernote:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.evernote:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.evernote:hover i { background-color: #2dbe60; } /** Viadeo**/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.viadeo, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.viadeo i { box-shadow: 0 0 5px #f0735573; } .social-platforms-widget .is-background a.social-icon.viadeo, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.viadeo i { background-color: #f07355; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.viadeo, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.viadeo i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.viadeo { color: #f07355; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.viadeo, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.viadeo i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.viadeo i { outline: 2px solid #f07355; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.viadeo:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.viadeo:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.viadeo:hover i { background-color: #f07355; } /** Line**/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.line, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.line i { box-shadow: 0 0 5px #00c30070; } .social-platforms-widget .is-background a.social-icon.line, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.line i { background-color: #00c300; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.line, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.line i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.line { color: #00c300; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.line, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.line i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.line i { outline: 2px solid #00c300; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.line:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.line:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.line:hover i { background-color: #00c300; } /** flipboard **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.flipboard, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.flipboard i { box-shadow: 0 0 5px #e128286e; } .social-platforms-widget .is-background a.social-icon.flipboard, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.flipboard i { background-color: #e12828; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.flipboard, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.flipboard i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.flipboard { color: #e12828; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.flipboard, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.flipboard i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.flipboard i { outline: 2px solid #e12828; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.flipboard:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.flipboard:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.flipboard:hover i { background-color: #e12828; } /** Viber **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.viber, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.viber i { box-shadow: 0 0 5px #7360f26e; } .social-platforms-widget .is-background a.social-icon.viber, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.viber i { background-color: #7360f2; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.viber, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.viber i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.viber { color: #7360f2; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.viber, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.viber i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.viber i { outline: 2px solid #7360f2; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.viber:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.viber:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.viber:hover i { background-color: #7360f2; } /** Telegram **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.telegram, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.telegram i { box-shadow: 0 0 5px #27a6e66b; } .social-platforms-widget .is-background a.social-icon.telegram, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.telegram i { background-color: #27a6e6; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.telegram, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.telegram i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.telegram { color: #27a6e6; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.telegram, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.telegram i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.telegram i { outline: 2px solid #27a6e6; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.telegram:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.telegram:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.telegram:hover i { background-color: #27a6e6; } /** Skype **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.skype, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.skype i { box-shadow: 0 0 5px #00aff069; } .social-platforms-widget .is-background a.social-icon.skype, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.skype i { background-color: #00aff0; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.skype, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.skype i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.skype { color: #00aff0; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.skype, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.skype i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.skype i { outline: 2px solid #00aff0; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.skype:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.skype:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.skype:hover i { background-color: #00aff0; } /** vk **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.vk, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.vk i { box-shadow: 0 0 5px #0077ff6b; } .social-platforms-widget .is-background a.social-icon.vk, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.vk i { background-color: #0077ff; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.vk, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.vk i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.vk { color: #0077ff; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.vk, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.vk i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.vk i { outline: 2px solid #0077ff; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.vk:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.vk:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.vk:hover i { background-color: #0077ff; } /** envelope **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.envelope, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.envelope i { box-shadow: 0 0 5px #7f634669; } .social-platforms-widget .is-background a.social-icon.envelope, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.envelope i { background-color: #7f6346; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.envelope, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.envelope i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.envelope { color: #7f6346; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.envelope, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.envelope i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.envelope i { outline: 2px solid #7f6346; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.envelope:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.envelope:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.envelope:hover i { background-color: #7f6346; } /** renren **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.renren, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.renren i { box-shadow: 0 0 5px #01579b6b; } .social-platforms-widget .is-background a.social-icon.renren, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.renren i { background-color: #01579b; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.renren, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.renren i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.renren { color: #01579b; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.renren, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.renren i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.renren i { outline: 2px solid #01579b; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.renren:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.renren:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.renren:hover i { background-color: #01579b; } /** wordpress **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.wordpress, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.wordpress i { box-shadow: 0 0 5px #00769d66; } .social-platforms-widget .is-background a.social-icon.wordpress, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.wordpress i { background-color: #00769d; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.wordpress, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.wordpress i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.wordpress { color: #00769d; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.wordpress, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.wordpress i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.wordpress i { outline: 2px solid #00769d; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.wordpress:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.wordpress:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.wordpress:hover i { background-color: #00769d; } /** trello **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.trello, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.trello i { box-shadow: 0 0 5px #008bdc6b; } .social-platforms-widget .is-background a.social-icon.trello, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.trello i { background-color: #008bdc; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.trello, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.trello i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.trello { color: #008bdc; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.trello, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.trello i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.trello i { outline: 2px solid #008bdc; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.trello:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.trello:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.trello:hover i { background-color: #008bdc; } /** print **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.print, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.print i { box-shadow: 0 0 5px #0000006b; } .social-platforms-widget .is-background a.social-icon.print, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.print i { background-color: #000; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.print, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.print i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.print { color: #000; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.print, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.print i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.print i { outline: 2px solid #000; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.print:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.print:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.print:hover i { background-color: #000; } .news_event_dark_mode .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.print { color: #8b8b8b; outline: 2px solid #8b8b8b; } /** copy **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.copy, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.copy i { box-shadow: 0 0 5px #0000006b; } .social-platforms-widget .is-background a.social-icon.copy, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.copy i { background-color: #000; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.copy, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.copy i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.copy { color: #000; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.copy, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.copy i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.copy i { outline: 2px solid #000; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.copy:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.copy:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.copy:hover i { background-color: #000; } .news_event_dark_mode .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.copy { color: #8b8b8b; outline: 2px solid #8b8b8b; } /** sms **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.sms, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.sms i { box-shadow: 0 0 5px #ff44016b; } .social-platforms-widget .is-background a.social-icon.sms, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.sms i { background-color: #ff4401; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.sms, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.sms i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.sms { color: #ff4401; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.sms, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.sms i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.sms i { outline: 2px solid #ff4401; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.sms:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.sms:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.sms:hover i { background-color: #ff4401; } /** diaspora **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.diaspora, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.diaspora i { box-shadow: 0 0 5px #2360916b; } .social-platforms-widget .is-background a.social-icon.diaspora, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.diaspora i { background-color: #236091; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.diaspora, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.diaspora i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.diaspora { color: #236091; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.diaspora, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.diaspora i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.diaspora i { outline: 2px solid #236091; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.diaspora:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.diaspora:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.diaspora:hover i { background-color: #236091; } /** buffer **/ .social-platforms-widget .is-box-shadow.official-color--enabled a.social-icon.buffer, .bb-bldr-row .social-icons-wrap .is-box-shadow.official-color--enabled a.social-icon.buffer i { box-shadow: 0 0 5px #0000006b; } .social-platforms-widget .is-background a.social-icon.buffer, .bb-bldr-row .social-icons-wrap .official-color--enabled.is-background a.buffer i { background-color: #000; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.buffer, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.buffer i, footer .social-icons-wrap .blog-postx-social-icon.official-color--enabled a.social-icon.buffer { color: #000; } .social-platforms-widget .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.buffer, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.is-background.official-color--enabled a.social-icon.buffer i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border:not(.is-background).official-color--enabled a.social-icon.buffer i { outline: 2px solid #000; } .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.buffer:hover, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-box-shadow.official-color--enabled a.social-icon.buffer:hover i, .bb-bldr-row .social-icons-wrap .blog-postx-social-icon.is-border.official-color--enabled a.social-icon.buffer:hover i { background-color: #000; } .news_event_dark_mode .social-platforms-widget .blog-postx-social-icon:not(.is-background).official-color--enabled a.social-icon.buffer { color: #8b8b8b; outline: 2px solid #8b8b8b; } /* * MARK: new archive */ .archive--block-two-layout .blog-postx-inner-content-wrap { display: grid; row-gap: 45px; column-gap: 30px } .archive--block-two-layout .blog-postx-inner-content-wrap article { align-self: flex-start; } .archive--block-two-layout .blog-postx-inner-content-wrap .blog-postx-article-inner .content-wrapper { display: flex; align-items: center; gap: 25px; } .archive--block-two-layout .blog-postx-inner-content-wrap .blog-postx-article-inner .post-thumbnail-wrapper { flex: 0 0 40%; position: relative; } /* content foot */ .archive--block-two-layout .blog-postx-inner-content-wrap article .content-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 25px; } .archive--block-two-layout .blog-postx-inner-content-wrap .content-foot .post-categories { margin: 0; padding: 0; } .archive--block-two-layout .blog-postx-inner-content-wrap .content-foot .post-categories li { list-style: none; } .archive--block-two-layout .blog-postx-inner-content-wrap .content-foot .byline { display: flex; align-items: center; gap: 8px; } .archive--block-two-layout .blog-postx-inner-content-wrap .content-foot .byline img { width: 20px; height: 20px; border-radius: 50%; } .archive--block-two-layout .blog-postx-inner-content-wrap article .content-foot .post-button { position: absolute; left: 50%; bottom: -17px; transform: translateX(-50%); } /* Sticky posts */ .blog-postx-sticky-posts { position: fixed; top: 140px; left: 20px; z-index: 8; } .blog-postx-sticky-posts.position-left { right: initial !important; } .blog-postx-sticky-posts.position-right { right: 20px; left: initial !important; } .blog-postx-sticky-posts .label-wrapper { width: 85px; margin-bottom: 15px; } .blog-postx-sticky-posts .label-wrapper .label { font-family: var(--blog-postx-sticky-block-family); font-size: var(--blog-postx-sticky-block-size); font-weight: var(--blog-postx-sticky-block-weight); line-height: var(--blog-postx-sticky-block-lineheight); letter-spacing: var(--blog-postx-sticky-block-letterspacing); text-decoration: var(--blog-postx-sticky-block-textdecoration); text-transform: var(--blog-postx-sticky-block-texttransform); font-style: var(--blog-postx-sticky-block-style); color: var(--blog-postx-black-dark-color); text-align: right; padding-right: 20px; margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .blog-postx-sticky-posts.position-right .label-wrapper .label { text-align: left; padding: 0 0 0 15px; } .blog-postx-sticky-posts .label-wrapper .icon:after { content: ''; background: url(../images/arrow_down.svg) no-repeat; background-size: contain; width: 46px; height: 56px; display: inline-block; font-weight: 900; font-size: 13px; position: absolute; top: 15px; right: -15px; transform: scaleX(-1) rotate(-15deg); } .blog-postx-sticky-posts.position-right .label-wrapper .icon:after { left: -25px; transform: rotate(-10deg); } .blog-postx-sticky-posts .post-list { width: 75px; } .blog-postx-sticky-posts .post-list article { width: 75px; height: 75px; display: flex; align-items: center; justify-content: center; background-color: #e3e3e3; position: relative; padding: 5px; cursor: pointer; border-radius: 100%; } .blog-postx-sticky-posts .post-list article.hide { display: none; } .blog-postx-sticky-posts .post-list article + article { margin-top: -15px; } .blog-postx-sticky-posts .post-list article .post-thumb { overflow: hidden; height: 100%; width: 100%; border-radius: 100%; } .blog-postx-sticky-posts .post-list article .post-thumb img { width: 100%; height: 100%; object-fit: cover; } .blog-postx-sticky-posts .post-list article .post-thumb .post-number { position: absolute; top: 5px; left: 5px; opacity: 0; transform: scale(.5); transition: .5s; background: #0000004f; width: calc(100% - 10px); height: calc(100% - 10px); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 24px; border-radius: 50%; } .blog-postx-sticky-posts .post-list article .post-thumb.no-post-thumb .post-number { opacity: 1; transform: scale(1); } .blog-postx-sticky-posts .post-list article:hover .post-thumb .post-number { opacity: 1; transform: scale(1); } /* content */ .blog-postx-sticky-posts .post-list article .post-content { position: absolute; visibility: hidden; opacity: 0; left: 100%; width: 280px; background: var(--blog-postx-sticky-posts-bk-color); margin-left: 15px; padding: 11px 15px; transition: all 0.3s ease-in-out; transform: translateX(10px); box-shadow: 0 1px 3px #00000026; border-radius: 3px; } .blog-postx-sticky-posts .post-list article:hover .post-content { visibility: visible; opacity: 1; transform: translateX(0); } /* position right */ .blog-postx-sticky-posts.position-right .post-list article .post-content { transform: translateX(-380px); margin: 0 15px 0 0; } .blog-postx-sticky-posts.position-right .post-list article:hover .post-content { transform: translateX(-370px); } .blog-postx-sticky-posts.position-right .post-list article .post-content:before { right: initial; left: 100%; border-width: 8px 0 8px 9px; border-color: transparent transparent transparent var(--blog-postx-sticky-posts-bk-color); filter: drop-shadow(1px 0 1px rgba(0, 0, 0, .1)); } .blog-postx-sticky-posts .post-list article .post-content:before { content: ''; position: absolute; top: 50%; right: 100%; transform: translateY(-50%); margin-right: -1px; border-style: solid; border-width: 8px 9px 8px 0; border-color: transparent var(--blog-postx-sticky-posts-bk-color) transparent transparent; filter: drop-shadow(-1px 0 1px rgba(0, 0, 0, .1)); } .blog-postx-sticky-posts .post-list article .post-content .post-title { font-family: var(--blog-postx-sticky-title-family); font-size: var(--blog-postx-sticky-title-size); font-weight: var(--blog-postx-sticky-title-weight); line-height: var(--blog-postx-sticky-title-lineheight); letter-spacing: var(--blog-postx-sticky-title-letterspacing); text-decoration: var(--blog-postx-sticky-title-textdecoration); text-transform: var(--blog-postx-sticky-title-texttransform); font-style: var(--blog-postx-sticky-title-style); margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .blog-postx-sticky-posts .post-list article .post-content .post-title a { text-decoration: none; color: var(--blog-postx-black-dark-color); } .blog-postx-sticky-posts .post-list article .post-content .post-meta { margin: 8px 0 0; } .blog-postx-sticky-posts .post-list article .post-meta .byline { margin-left: 0; } .blog-postx-sticky-posts .post-list article .post-content .post-meta .post-date { margin: 0; } .blog-postx-sticky-posts .more-less-indicator { display: flex; justify-content: center; margin-top: -15px; } .blog-postx-sticky-posts .more-less-indicator span.indicator { width: 65px; height: 65px; display: none; position: relative; cursor: pointer; background: #e3e3e3; border-radius: 50%; transition: all 0.3s ease-in-out; } .blog-postx-sticky-posts .more-less-indicator span.indicator.more:after, .blog-postx-sticky-posts .more-less-indicator span.indicator.less:after { color: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 26px; transition: all .2s ease-in-out; } .blog-postx-sticky-posts .more-less-indicator span.indicator.more:after { content: '+'; } .blog-postx-sticky-posts .more-less-indicator span.indicator.less:after { content: '-'; } .blog-postx-sticky-posts .more-less-indicator span.indicator.active { display: block; } .blog-postx-sticky-posts .more-less-indicator span.indicator.active:hover:after { color: var(--blog-postx-global-preset-theme-color); /* font-size: 30px; */ transform: translate(-50%, -50%) scale(1.1); } /* retrieving-stories */ .blog-postx-sticky-posts .retrieving-stories .more-less-indicator span.indicator:after { visibility: hidden; opacity: 0; } .blog-postx-sticky-posts .more-less-indicator span.indicator:before { content: ''; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; visibility: hidden; opacity: 0; border-radius: 50%; padding: 1px; background: conic-gradient(#000000 10%, #fff) content-box; -webkit-mask: repeating-conic-gradient(#0000 0deg, #000 1deg 20deg, #0000 21deg 36deg), radial-gradient(farthest-side, #0000 calc(100% - 11px), #000 calc(100% - 5px)); -webkit-mask-composite: destination-in; mask-composite: intersect; animation: loader-rotate 1s infinite steps(10); z-index: 999999999; } .blog-postx-sticky-posts .retrieving-stories .more-less-indicator span.indicator:before { visibility: visible; opacity: 1; } /* MARK: Web Stories */ .blog-postx-web-stories { padding-bottom: 40px; } .blog-postx-web-stories .section-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; gap: 15px; } .blog-postx-web-stories .section-title { margin: 0; color: var(--blog-postx-widget-block-title-color); } .blog-postx-web-stories .section-title .title { margin: 0; padding: 0; position: relative; font-family: var(--blog-postx-block-font-family); font-weight: var(--blog-postx-block-font-weight); font-style: var(--blog-postx-block-font-style); font-size: var(--blog-postx-block-font-size); letter-spacing: var(--blog-postx-block-font-letterspacing); line-height: var(--blog-postx-block-font-lineheight); text-transform: var(--blog-postx-block-font-texttransform); text-decoration: var(--blog-postx-block-font-textdecoration); } .blog-postx-web-stories .section-head a { font-size: 13px; color: var(--blog-postx-black-dark-color); text-decoration: none; transition: all .3s ease-in-out; } .blog-postx-web-stories .section-head a:hover { color: var(--blog-postx-global-preset-theme-color); } .blog-postx-web-stories .section-head a .icon { font-size: 11px; } .blog-postx-web-stories .stories-wrap { display: flex; overflow-x: auto; gap: 20px; } .blog-postx-web-stories .stories-wrap::-webkit-scrollbar { display: none; } .blog-postx-web-stories .stories-wrap .story { flex: 0 0 auto; width: 247px; } .blog-postx-web-stories .stories-wrap.retrieving-stories .story { opacity: 0.5; } .blog-postx-web-stories .stories-wrap .preview { position: relative; height: 100%; border-radius: 3px; overflow: hidden; } .blog-postx-web-stories .stories-wrap .preview:before { content: ''; display: block; padding-bottom: calc( 100% * var(--blog-postx-web-stories-image-ratio) ); } .blog-postx-web-stories .stories-wrap .preview .preview-thumb { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; cursor: pointer; background: #dbdbdb; } .blog-postx-web-stories .stories-wrap .preview .preview-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; } .blog-postx-web-stories .stories-wrap .preview .preview-thumb:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: linear-gradient(transparent 35%, #000000d9 100%); transition: background-color 0.3s ease-in-out; } .blog-postx-web-stories .stories-wrap .preview .story-count { position: absolute; top: 10px; right: 10px; background: #fff; padding: 5px 12px; border-radius: 50px; color: #000; z-index: 2; font-family: 'Jost'; font-size: 12px; text-decoration: none; font-weight: 500; } .blog-postx-web-stories .stories-wrap .story-title-wrap { position: absolute; bottom: 7px; padding: 8.1%; z-index: 2; } .blog-postx-web-stories .stories-wrap .story-title { font-family: 'Jost'; font-weight: 500; font-size: 16px; line-height: 24px; margin: 0; color: #fff; cursor: pointer; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .blog-postx-web-stories .preview .indicators { position: absolute; bottom: 0; z-index: 9999; display: flex; padding: 3%; width: 100%; gap: 10px; margin: 0; cursor: pointer; } .blog-postx-web-stories .preview .indicators .indicator { height: 4px; display: block; background: #ffffff57; width: 100%; border-radius: 50px; list-style: none; overflow: hidden; } /* Inner Stories */ .web-stories--open { overflow: hidden; } .blog-postx-web-stories .inner-stories-wrap.open .ambient-wrapper { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; filter: blur(10px); z-index: -1; display: none; } .blog-postx-web-stories.ambient .inner-stories-wrap.open .ambient-wrapper { display: block; } .blog-postx-web-stories .inner-stories-wrap.open { position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0); align-items: center; height: 100%; padding: 20px; } .admin-bar .blog-postx-web-stories .inner-stories-wrap.open { top: 32px; height: calc(100vh - 32px); } .blog-postx-web-stories .inner-stories { display: flex; justify-content: center; height: 100%; } .blog-postx-web-stories .inner-story { position: relative; } .blog-postx-web-stories .inner-stories .inner-story-wrap { height: 100%; } .blog-postx-web-stories .inner-stories .inner-story-wrap:not(.slick-initialized) { display: none; } .blog-postx-web-stories .inner-stories .slick-list { width: 460px; height: 100%; border-radius: 8px; } /* no thumb */ .blog-postx-web-stories .inner-stories .no-thumb .slick-list { box-shadow: 0 0 6px 3px #ffffff29; } .blog-postx-web-stories .inner-stories-wrap .no-thumb .content-wrap { top: 50%; left: 50%; bottom: initial; transform: translate(-50%, -50%); text-align: center; } .blog-postx-web-stories .inner-stories-wrap .no-thumb .content-wrap .meta-wrap, .blog-postx-web-stories .inner-stories-wrap .no-thumb .content-wrap .post-categories { justify-content: center; } .blog-postx-web-stories .no-thumb .inner-story-wrap .slick-dots li { background: #a3a3a32e; } @media (max-width: 610px) { .blog-postx-web-stories .inner-stories .slick-list { width: 410px; } } .blog-postx-web-stories .slick-track, .blog-postx-web-stories .story-cover-wrap, .blog-postx-web-stories .story-cover { height: 100%; } .blog-postx-web-stories .story-cover-wrap { position: relative; } .blog-postx-web-stories .story-cover-wrap:before { content: ""; background: linear-gradient(transparent 35%, #000000d9 100%); opacity: .9; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .blog-postx-web-stories .story-cover-wrap .story-cover img { width: 100%; height: 100%; object-fit: cover; animation: none; } .blog-postx-web-stories .slick-current .story-cover-wrap .story-cover img { animation: zoomIn 5s ease-in-out; animation-fill-mode: forwards; will-change: transform; } @keyframes zoomIn { from { transform: scale(1); } to { transform: scale(1.2); } } .blog-postx-web-stories .inner-stories-wrap .content-wrap { position: absolute; bottom: 0; padding: 6%; width: 100%; z-index: 1; } .blog-postx-web-stories .inner-stories-wrap .content-wrap a { text-decoration: none; color: #fff; } .blog-postx-web-stories .inner-stories-wrap .content-wrap .post-categories { list-style: none; padding: 0; margin: 0; display: flex; gap: 10px; margin-bottom: 12px; animation: none; } .blog-postx-web-stories .inner-stories-wrap .content-wrap .title { font-family: 'Jost'; font-size: 22px; font-weight: 500; margin: 0; animation: none; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .blog-postx-web-stories .inner-stories-wrap .slick-current .content-wrap .title { animation: moveIn .3s linear forwards; animation-fill-mode: forwards; will-change: transform; } @keyframes moveIn { 0% { transform: translateX(50px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } .blog-postx-web-stories .inner-stories-wrap .content-wrap .meta-wrap { display: flex; gap: 15px; align-items: center; margin-top: 14px; animation: none; } .blog-postx-web-stories .inner-stories-wrap .slick-current .content-wrap .meta-wrap, .blog-postx-web-stories .inner-stories-wrap .slick-current .content-wrap .post-categories { animation: slide-in .3s linear forwards; animation-fill-mode: forwards; will-change: transform; } @keyframes slide-in { 0% { transform: translateX(-50px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } .blog-postx-web-stories .inner-stories-wrap .content-wrap .meta-wrap .byline { font-family: var(--blog-postx-author-font-family); font-weight: var(--blog-postx-author-font-weight); font-size: var(--blog-postx-author-font-size); letter-spacing: var(--blog-postx-author-font-letterspacing); line-height: var(--blog-postx-author-font-lineheight); text-transform: var(--blog-postx-author-font-texttransform); text-decoration: var(--blog-postx-author-font-textdecoration); font-style: var(--blog-postx-author-font-style); color: #fff; display: flex; align-items: center; gap: 8px; } .blog-postx-web-stories .inner-stories-wrap .content-wrap .meta-wrap .byline img { border-radius: 50%; width: 24px; height: 24px; } .blog-postx-web-stories .inner-stories-wrap .content-wrap .meta-wrap .post-date { margin-bottom: 0; color: #fff; } /* indicator */ .blog-postx-web-stories .inner-story-wrap .slick-dots { display: flex; position: absolute; top: 0; padding: 3%; width: 100%; gap: 10px; margin: 0; } .blog-postx-web-stories .inner-story-wrap .slick-dots li { height: 4px; display: block; background: #0000002e; width: 100%; border-radius: 50px; list-style: none; overflow: hidden; position: relative; } .blog-postx-web-stories .inner-story-wrap .slick-dots li.slick-active:before { content: ''; position: absolute; width: 20%; height: 4px; background: #fff; border-radius: 50px; animation: expandWidth var(--expandWidth-timer) ease forwards; } @keyframes expandWidth { from { width: 0; } to { width: 100%; } } .blog-postx-web-stories .inner-story-wrap .slick-dots li button { display: none; } /* buttons */ .blog-postx-web-stories .action-buttons { position: absolute; top: 30px; right: 12px; display: none; } .blog-postx-web-stories .inner-stories-wrap.open .action-buttons { display: block; } .blog-postx-web-stories .action-buttons .action-btn { cursor: pointer; color: #fff; font-size: 20px; line-height: 20px; background: rgba(0, 0, 0, 0.3); width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all 0.3s ease-in-out; border: none; } .blog-postx-web-stories .action-buttons .action-btn.close { margin-bottom: 10px; } /* arrow first */ .blog-postx-web-stories .inner-stories-wrap .slick-arrow, .blog-postx-web-stories .inner-stories-wrap.open .slick-arrow { z-index: 1; background-color: #fff; color: #000; width: 45px; height: 45px; border-radius: 50%; font-size: 18px; cursor: pointer; position: absolute; top: 50%; border: none; } .blog-postx-web-stories .inner-stories-wrap .slick-arrow { display: none; padding: 0; } .blog-postx-web-stories .inner-stories-wrap.open .slick-arrow { display: block; color: #5b5b5b; } .blog-postx-web-stories .inner-stories-wrap.open .slick-arrow.disabled { opacity: .25; pointer-events: none; } .blog-postx-web-stories .inner-stories-wrap .story-arrows .slick-arrow.slick-prev { left: -75px; } .blog-postx-web-stories .inner-stories-wrap .story-arrows .slick-arrow.slick-next { right: -75px; } /* arrow second */ .blog-postx-web-stories .inner-story .inner-story-wrap .slick-arrow { border-radius: 0; transform: translateY(-50%); height: 250px; font-size: 18px; background: #ffffff14; color: #fff; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .blog-postx-web-stories .inner-story:hover .inner-story-wrap .slick-arrow { opacity: 1; visibility: visible; } .blog-postx-web-stories .inner-stories-wrap .slick-arrow { display: none; } .blog-postx-web-stories .inner-stories-wrap.open .inner-story .slick-arrow { display: block; } body .blog-postx-web-stories .inner-story .slick-arrow.slick-prev { left: 0; } body .blog-postx-web-stories .inner-story .slick-arrow.slick-next { right: 0; } /* Web Stories inner page */ .page-template-web-stories .blog-postx-web-stories .section-title { margin-bottom: 20px; } /* web stories page */ .page-template-web-stories .blog-postx-web-stories .stories-wrap { display: grid; grid-template-columns: repeat(5, 1fr); } .page-template-web-stories .blog-postx-web-stories .stories-wrap .story { width: initial; }