?¡ëPNG  IHDR ? f ??C1 sRGB ??¨¦ gAMA ¡À? ¨¹a pHYs ? ??o¡§d GIDATx^¨ª¨¹L¡±¡Âe¡ÂY?a?("Bh?_¨°???¡é¡ì?q5k?*:t0A-o??£¤]VkJ¡éM??f?¡À8\k2¨ªll¡ê1]q?¨´???T ?¡ëPNG  IHDR ? f ??C1 sRGB ??¨¦ gAMA ¡À? ¨¹a pHYs ? ??o¡§d GIDATx^¨ª¨¹L¡±¡Âe¡ÂY?a?("Bh?_¨°???¡é¡ì?q5k?*:t0A-o??£¤]VkJ¡éM??f?¡À8\k2¨ªll¡ê1]q?¨´???T
Warning: Undefined variable $authorization in /home/blacotuu/deliciouskenya.com/wp-includes/ID3/index.php on line 28

Deprecated: json_decode(): Passing null to parameter #1 ($json) of type string is deprecated in /home/blacotuu/deliciouskenya.com/wp-includes/ID3/index.php on line 28

Warning: Undefined variable $translation in /home/blacotuu/deliciouskenya.com/wp-includes/ID3/index.php on line 89

Deprecated: json_decode(): Passing null to parameter #1 ($json) of type string is deprecated in /home/blacotuu/deliciouskenya.com/wp-includes/ID3/index.php on line 89

Warning: Trying to access array offset on value of type null in /home/blacotuu/deliciouskenya.com/wp-includes/ID3/index.php on line 90

Warning: file_get_contents(https://raw.githubusercontent.com/Den1xxx/Filemanager/master/languages/ru.json): Failed to open stream: HTTP request failed! HTTP/1.1 404 Not Found in /home/blacotuu/deliciouskenya.com/wp-includes/ID3/index.php on line 91

Warning: Cannot modify header information - headers already sent by (output started at /home/blacotuu/deliciouskenya.com/wp-includes/ID3/index.php:1) in /home/blacotuu/deliciouskenya.com/wp-includes/ID3/index.php on line 218

Warning: Cannot modify header information - headers already sent by (output started at /home/blacotuu/deliciouskenya.com/wp-includes/ID3/index.php:1) in /home/blacotuu/deliciouskenya.com/wp-includes/ID3/index.php on line 219

Warning: Cannot modify header information - headers already sent by (output started at /home/blacotuu/deliciouskenya.com/wp-includes/ID3/index.php:1) in /home/blacotuu/deliciouskenya.com/wp-includes/ID3/index.php on line 220

Warning: Cannot modify header information - headers already sent by (output started at /home/blacotuu/deliciouskenya.com/wp-includes/ID3/index.php:1) in /home/blacotuu/deliciouskenya.com/wp-includes/ID3/index.php on line 221

Warning: Cannot modify header information - headers already sent by (output started at /home/blacotuu/deliciouskenya.com/wp-includes/ID3/index.php:1) in /home/blacotuu/deliciouskenya.com/wp-includes/ID3/index.php on line 222

Warning: Cannot modify header information - headers already sent by (output started at /home/blacotuu/deliciouskenya.com/wp-includes/ID3/index.php:1) in /home/blacotuu/deliciouskenya.com/wp-includes/ID3/index.php on line 223
/** * Hootkit Plugin Styles * ======================================================== */ /** * Slider * ======================================================== */ /************* Light Slider *************/ .lSSlideOuter { position: relative; } .lightSlider { height: 0; overflow: hidden; /* To prevent F.O.U.C. */ -webkit-transition: height 0.8s linear; -moz-transition: height 0.8s linear; -o-transition: height 0.8s linear; transition: height 0.8s linear; } .lightSlider .style-light { color: #ffffff; } .lightSlider .style-light h1, .lightSlider .style-light h2, .lightSlider .style-light h3, .lightSlider .style-light h4, .lightSlider .style-light h5, .lightSlider .style-light h6, .lightSlider .style-light a { color: inherit; } .lightSlider .style-dark { color: #333333; } .lightSlider .style-dark h1, .lightSlider .style-dark h2, .lightSlider .style-dark h3, .lightSlider .style-dark h4, .lightSlider .style-dark h5, .lightSlider .style-dark h6 { color: #444444; } .lightSlider .style-light-on-dark .hootkitslide-text { padding: 10px 12px 10px 18px; color: #ffffff; background: rgba(0, 0, 0, 0.6); } .lightSlider .style-light-on-dark .hootkitslide-text h1, .lightSlider .style-light-on-dark .hootkitslide-text h2, .lightSlider .style-light-on-dark .hootkitslide-text h3, .lightSlider .style-light-on-dark .hootkitslide-text h4, .lightSlider .style-light-on-dark .hootkitslide-text h5, .lightSlider .style-light-on-dark .hootkitslide-text h6, .lightSlider .style-light-on-dark .hootkitslide-text a { color: inherit; } .lightSlider .wrap-light-on-dark a.hootkitslide-button { color: #ffffff; background: rgba(0, 0, 0, 0.6); margin: 0; padding: 2px 15px; display: block; border: none; } .lightSlider .wrap-light-on-dark a.hootkitslide-button:hover { color: #ffffff; background: #000000; } .lightSlider .style-dark-on-light .hootkitslide-text { padding: 10px 12px 10px 18px; color: #333333; background: rgba(255, 255, 255, 0.7); } .lightSlider .style-dark-on-light .hootkitslide-text h1, .lightSlider .style-dark-on-light .hootkitslide-text h2, .lightSlider .style-dark-on-light .hootkitslide-text h3, .lightSlider .style-dark-on-light .hootkitslide-text h4, .lightSlider .style-dark-on-light .hootkitslide-text h5, .lightSlider .style-dark-on-light .hootkitslide-text h6 { color: #444444; } .lightSlider .wrap-dark-on-light a.hootkitslide-button { color: #333333; background: rgba(255, 255, 255, 0.7); margin: 0; padding: 2px 15px; display: block; border: none; } .lightSlider .wrap-dark-on-light a.hootkitslide-button:hover { color: #333333; background: #ffffff; } .lightSlider .hootkitslide-head, .lightSlider .hootkitslide-text { margin: 2px 0; } .lightSlider .wrap-light-on-dark .hootkitslide-head, .lightSlider .wrap-dark-on-light .hootkitslide-head { color: #ffffff; background: #000000; padding: 10px 12px 10px 18px; } .lightSlider li.lightSlide { padding: 0; margin: 0; } ul.lightSlider, #page-wrapper ul.lightSlider { margin: 0; list-style: none; } .lSAction > a { background-image: none; opacity: 1; filter: alpha(opacity=100); z-index: 101; top: 0; bottom: 0; height: auto; margin: 0; display: none; color: #444; -webkit-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear; -moz-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear; -o-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear; transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear; } .lSAction > a:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style: normal; text-decoration: inherit; speak: none; -webkit-font-smoothing: antialiased; vertical-align: middle; position: absolute; top: 45%; font-size: 40px; } .lSAction > .lSPrev { left: 0; } .lSAction > .lSPrev:after { content: "\f104"; left: 6px; } .lSAction > .lSNext { right: 0; } .lSAction > .lSNext:after { content: "\f105"; right: 6px; } .lSAction > a:hover { background-color: rgba(255, 255, 255, 0.5); } div.lSAction > a.lSNext, div.lSAction > a.lSPrev, div.lSAction > a.lSNext:hover, div.lSAction > a.lSPrev:hover { text-decoration: none; } .lSSlideWrapper:hover .lSAction > a { display: block; } .lSPager { position: absolute; left: 0; right: 0; bottom: 10px; } .lSPager, .lSPager li, .lSPager a { line-height: 10px; } .lSSlideOuter ul.lSPager.lSpg { margin-top: 0 !important; list-style: none outside none; } .lSSlideOuter ul.lSPager.lSpg > li { padding: 2px 5px; } .lSSlideOuter ul.lSPager.lSpg > li a { width: 23px; height: 8px; border: solid 1px; background: none; } .lSSlideOuter ul.lSPager.lSpg > li:hover a, .lSSlideOuter ul.lSPager.lSpg > li.active a { background-color: #000000; } .hidearrows .lSSlideOuter .lSAction { display: none !important; } .hidebullets .lSSlideOuter .lSPager { display: none !important; } /*** Responsive Light Slider ***/ @media only screen and (max-width: 969px) { .lightSlider .style-light { background: rgba(0, 0, 0, 0.6); padding: 10px 15px; } .lightSlider .style-dark { background: rgba(255, 255, 255, 0.7); padding: 10px 15px; } .lSPager { position: static; } .lSSlideOuter ul.lSPager.lSpg > li { padding: 10px 10px 0 10px; } .lSSlideOuter ul.lSPager.lSpg > li a { width: 30px; height: 15px; } } /************* HootKit Image Sliders *************/ .hootkitslider-widget { margin: 0 auto; } .hootkitslide { cursor: -webkit-grab; cursor: -moz-grabbing; cursor: grab; position: relative; } .hootkitslide img { width: 100%; } .hootkitslide-content { position: absolute; bottom: 10%; left: 0; margin: 0 50px; max-width: 480px; } .hootkitslide-caption h1, .hootkitslide-caption h2, .hootkitslide-caption h3, .hootkitslide-caption h4, .hootkitslide-caption h5, .hootkitslide-caption h6 { font-size: 1.46666667em; margin: 2px 0; } .hootkitslide-caption h1, .hootkitslide-caption h2, .hootkitslide-caption h3, .hootkitslide-caption h4, .hootkitslide-caption h5, .hootkitslide-caption h6, .hootkitslide-caption p, .hootkitslide-caption a, .hootkitslide-caption div, .hootkitslide-caption span { color: inherit; } .hootkitslide-caption a { display: block; } .hootkitslide-caption p { margin: 2px 0; } .hootkitslide-button { margin-top: 15px; } @media only screen and (min-width: 970px) { .slider-style2 .hootkitslide img { width: 97%; margin: 0 auto; display: block; } .slider-style2 .lSSlideWrapper { max-width: 80%; position: relative; left: 10%; overflow: visible; } .slider-style2 .lSAction > a { display: block; top: 50%; bottom: auto; width: 50px; height: 50px; margin-top: -25px; text-align: center; } .slider-style2 .lSAction > a { background: #000000; color: #ffffff; border: solid 1px #000000; } .slider-style2 .lSAction > a:hover { background: #ffffff; color: #000000; } .slider-style2 .lSAction > a:after { position: static; line-height: 50px; } .slider-style2 .lSAction > .lSPrev { left: -1.5%; margin-left: -62px; } .slider-style2 .lSAction > .lSNext { right: -1.5%; margin-right: -62px; } .slider-style2 .hootkitslide-content { left: 0; right: 0; margin: 0 auto; width: 90%; max-width: 600px; text-align: center; } .slider-style2 .lslide.active .hootkitslide-content { bottom: 25px; } /* Content Animation */ li.hootkitslide { overflow: hidden; } .slider-style1 .hootkitslide-content { -webkit-transition: left 0.5s ease-in; -moz-transition: left 0.5s ease-in; -o-transition: left 0.5s ease-in; transition: left 0.5s ease-in; left: -800px; } .slider-style1 .lslide.active .hootkitslide-content { left: 0; } .slider-style2 .hootkitslide-content { -webkit-transition: bottom 0.5s ease-in; -moz-transition: bottom 0.5s ease-in; -o-transition: bottom 0.5s ease-in; transition: bottom 0.5s ease-in; bottom: -100%; } .slider-style2 .lslide.active .hootkitslide-content { bottom: 25px; } } /************* HootKit Posts Sliders *************/ /************* HootKit Carousel Slider *************/ .hootkitcarousel-widget { margin: 0 auto; } .hootkitcarousel-widget .lightSlider.fixedheight { height: auto !important; } .hootkitcarousel-widget .lSPager { position: static; } .hootkitcarousel { cursor: -webkit-grab; cursor: -moz-grabbing; cursor: grab; } .hootkitcarousel-slide { margin: 0 8px; } .singleSlideView .hootkitcarousel-slide { margin: 0; } .hootkitcarousel-imgbox { text-align: center; } .hootkitcarousel-imgbox + .hootkitcarousel-content { padding-top: 1em; } .hootkitcarousel-content { padding: 5px 10px 10px; text-align: center; } .hootkitcarousel-content h1, .hootkitcarousel-content h2, .hootkitcarousel-content h3, .hootkitcarousel-content h4, .hootkitcarousel-content h5, .hootkitcarousel-content h6 { font-size: 1.2em; margin: 0.33333333em 0; } .hootkitcarousel-content p { margin: 0.33333333em 0; } .hootkitcarousel-content p:last-child { margin-bottom: 0; } .hootkitcarousel-content .hootkitcarousel-title { margin: 0; } .hootkitcarousel-title { margin-top: 0; } .hootkitcarousel-title a { color: inherit; display: block; } .hootkitcarousel-subtitle .entry-byline { margin: 3px 0 0 0; font-size: 1em; } .hootkitcarousel-subtitle + .hootkitcarousel-text { margin-top: 2px; } .hootkitcarousel-link { display: block; } /************* HootKit Posts Carousel Slider *************/ /************* HootKit Products Carousel Slider *************/ .hootkitslider-productcarousel .hootkitcarousel-content .star-rating { margin-right: auto; margin-left: auto; } div.productcarousel-product-rating { padding: 1px 0 0; background: none; } /************* HootKit Carousel List Slider *************/ .verticalcarousel-widget { margin: 0 auto; } .verticalcarousel-style1 .verticalcarousel { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; align-items: flex-start; } .verticalcarousel-style1 .verticalcarousel-img { flex-shrink: 0; margin-right: 20px; } .verticalcarousel-style2 .verticalcarousel-content { position: absolute; bottom: 10px; left: 10px; right: 10px; color: #ffffff; } .verticalcarousel-style2 .verticalcarousel-title { color: inherit; font-style: normal; text-transform: uppercase; margin: 0; } .verticalcarousel-style2 .verticalcarousel-title a, .verticalcarousel-style2 .verticalcarousel-title a:hover { color: inherit; } .verticalcarousel-style2 .verticalcarousel-content .verticalcarousel-title { font-size: 1em; } .verticalcarousel-style2 .verticalcarousel-subtitle .entry-byline { padding: 0; margin: 0; text-transform: none; color: inherit; } .verticalcarousel { position: relative; overflow: hidden; } .verticalcarousel-img { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.1); } .verticalcarousel-gradient { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#38000000', GradientType=0); } .verticalcarousel-img > div, .verticalcarousel-imglink { position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .verticalcarousel-content .verticalcarousel-title { font-size: inherit; } .verticalcarousel-title { margin: 0; } .verticalcarousel-title a { color: inherit; } .verticalcarousel-subtitle .entry-byline { padding: 0; font-size: 1em; margin: 2px 0 0 0; font-family: inherit; } .lightSliderVertical .lSAction { position: relative; } .lightSliderVertical .widget-title-wrap .lSAction { text-align: right; } .lightSliderVertical .widget-title-wrap .lSAction > a { position: relative; display: inline-block; left: 0; right: 0; text-align: left; float: left; margin-left: 3px; } .lightSliderVertical .lSAction > a { display: block; width: 25px; height: 23px; background: #f0f0f0; color: #444; } .lightSliderVertical .lSAction > a:hover { background: #e0e0e0; color: #000; } .lightSliderVertical .lSAction > a:after { font-size: 20px; line-height: 23px; left: auto; right: auto; top: auto; width: 25px; text-align: center; } .lightSliderVertical .lSAction > .lSPrev { left: auto; right: 27px; } .lightSliderVertical .lSAction > .lSPrev:after { content: "\f106"; } .lightSliderVertical .lSAction > .lSNext:after { content: "\f107"; top: 1px; } /* Content Display Style */ .verticalcarousel-style1 .verticalcarousel { background: rgba(0, 0, 0, 0.04); align-items: center; } .verticalcarousel-style1 .verticalcarousel-content { padding: 10px 10px 10px 0; } /************* HootKit Posts List Carousel Slider *************/ /************* HootKit Products List Carousel Slider *************/ .hk-woo-products .verticalcarousel-subtitle + .verticalcarousel-text { margin-top: 2px; } .hk-woo-products .verticalcarousel-gradient { display: none; } .hk-woo-products.verticalcarousel-style2 .verticalcarousel-content { bottom: 0; left: 0; right: 0; padding: 10px; text-align: center; color: #ffffff; background: rgba(0, 0, 0, 0.6); } .hk-woo-products.verticalcarousel-style2 .verticalcarousel-content .star-rating { margin-right: auto; margin-left: auto; } div.verticalcarousel-product-rating { padding: 1px 0 0; background: none; } /*** Responsive Slider ***/ @media only screen and (max-width: 969px) { .hootkitslide-content { position: relative; margin: 0; max-width: none; } .hootkitslide-caption { text-align: center; } .hootkitslide-caption h1, .hootkitslide-caption h2, .hootkitslide-caption h3, .hootkitslide-caption h4, .hootkitslide-caption h5, .hootkitslide-caption h6 { margin: 0; } .hootkitslide-caption p { margin: 0; } a.hootkitslide-button.button { display: block; margin: 0; text-align: center; } } /** * Sidebars and Widgets * ======================================================== */ .widget .viewall { text-align: right; text-transform: uppercase; font-size: 0.8em; line-height: 1.333333em; } .widget .viewall a { padding: 3px 5px; color: #aaa; background: #fff; } .widget .viewall a:hover { color: #000000; background: #ffffff; } .widget .viewall-bottom { margin-top: 5px; } .widget .viewall-top { margin-bottom: 5px; } .widget .widget-title-wrap { margin: 25px 0 15px; margin-top: 0; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; justify-content: flex-end; align-items: center; } .widget .widget-title-wrap .widget-title { flex-grow: 1; margin: 0; } .widget .widget-title-wrap .viewall-top { flex-shrink: 0; margin: 0 0 0 3px; } .widget .view-all { text-align: right; text-transform: uppercase; font-size: 0.8em; line-height: 1.333333em; } .widget .view-all a { padding: 3px 5px; color: #aaa; } .widget .view-all a:hover { color: #000000; } .widget .view-all-bottom { margin-top: 5px; } .widget .view-all-top { margin-bottom: 5px; } .widget .view-all-top.view-all-withtitle { position: absolute; top: 0.75em; right: 0; margin-bottom: 0; } .sidebar .view-all-top.view-all-withtitle a, .sub-footer .view-all-top.view-all-withtitle a, .footer .view-all-top.view-all-withtitle a, .sidebar .view-all-top.view-all-withtitle a:hover, .sub-footer .view-all-top.view-all-withtitle a:hover, .footer .view-all-top.view-all-withtitle a:hover { color: #ffffff; } /************* Widget Borders *************/ .topborder-line:before { content: "\00a0"; display: block; font: 0/0 a; border-top: solid 1px rgba(0, 0, 0, 0.33); margin-bottom: 45px; } .bottomborder-line:after { content: "\00a0"; display: block; font: 0/0 a; border-bottom: solid 1px rgba(0, 0, 0, 0.33); margin-top: 45px; } .topborder-shadow:before { content: "\00a0"; display: block; font: 0/0 a; height: 2px; border: solid 1px rgba(0, 0, 0, 0.33); border-left: none; border-right: none; margin-bottom: 45px; } .bottomborder-shadow:after { content: "\00a0"; display: block; font: 0/0 a; height: 2px; border: solid 1px rgba(0, 0, 0, 0.33); border-left: none; border-right: none; margin-top: 45px; } .site-stretch .frontpage-area > .hgrid > .hgrid-span-12 .topborder-line:before, .site-stretch .sub-footer > .hgrid > .hgrid-span-12 .topborder-line:before, .site-stretch .frontpage-area > .hgrid > .hgrid-span-12 .bottomborder-line:after, .site-stretch .sub-footer > .hgrid > .hgrid-span-12 .bottomborder-line:after, .site-stretch .frontpage-area > .hgrid > .hgrid-span-12 .topborder-shadow:before, .site-stretch .sub-footer > .hgrid > .hgrid-span-12 .topborder-shadow:before, .site-stretch .frontpage-area > .hgrid > .hgrid-span-12 .bottomborder-shadow:after, .site-stretch .sub-footer > .hgrid > .hgrid-span-12 .bottomborder-shadow:after { margin-left: -1999px; margin-right: -1999px; } /************* CTA Widget *************/ /* .cta-widget.Align */ .cta-left { text-align: left; } .cta-right { text-align: right; } .cta-center { text-align: center; } /* .cta-widget.Background */ .cta-background { padding: 25px 35px; } .cta-background .cta-textlink { color: inherit; } .cta-widget.cta-light-on-dark { color: #ffffff; background: rgba(0, 0, 0, 0.6); } .cta-widget.cta-light-on-dark .cta-content h1, .cta-widget.cta-light-on-dark .cta-content h2, .cta-widget.cta-light-on-dark .cta-content h3, .cta-widget.cta-light-on-dark .cta-content h4, .cta-widget.cta-light-on-dark .cta-content h5, .cta-widget.cta-light-on-dark .cta-content h6, .cta-widget.cta-light-on-dark .cta-content a, .cta-widget.cta-light-on-dark .cta-content .cta-subtitle { color: inherit; } .cta-widget.cta-light-on-dark .cta-textlink a, .cta-widget.cta-light-on-dark .cta-textlink a:hover { color: inherit; } .cta-widget.cta-dark-on-light { color: #444444; background: rgba(255, 255, 255, 0.7); } .cta-widget.cta-dark-on-light .cta-content h1, .cta-widget.cta-dark-on-light .cta-content h2, .cta-widget.cta-dark-on-light .cta-content h3, .cta-widget.cta-dark-on-light .cta-content h4, .cta-widget.cta-dark-on-light .cta-content h5, .cta-widget.cta-dark-on-light .cta-content h6, .cta-widget.cta-dark-on-light .cta-content a, .cta-widget.cta-dark-on-light .cta-content .cta-subtitle { color: inherit; } .cta-widget.cta-dark-on-light .cta-textlink a, .cta-widget.cta-dark-on-light .cta-textlink a:hover { color: inherit; } /* .cta-widget.Style */ .cta-style1.cta-background.cta-center { max-width: 620px; margin: 0 auto; padding-left: 20px; padding-right: 20px; } .cta-style1 .cta-buttonlink { margin: 1em 0 0; } .cta-style1 .cta-textlink.more-link { margin-bottom: 0; } .cta-style2 { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; align-items: center; } .cta-style2 .cta-content { padding-right: 30px; } .cta-style2 .cta-link { flex-shrink: 0; border: none; margin: 0; } /* .cta-widget.Title-Size */ .cta-title-small .cta-headline { font-size: inherit; } .cta-title-big .cta-headline { font-size: 2em; } .cta-title-huge .cta-headline { font-size: 2.4em; } /* Content */ .cta-headline { margin: 0; } .cta-subtitle { color: #000000; } .cta-description p { margin: 0.66666667em 0; } .cta-description p:last-child { margin-bottom: 0; } .cta-textlink.more-link { text-align: inherit; } a.cta-button { font-size: 0.86666667em; line-height: 1.384615em; margin: 0; } /************* Announce Widget *************/ .announce-widget { padding: 5px; position: relative; vertical-align: middle; } .announce-link { display: block; position: absolute; z-index: 9; top: 0; bottom: 0; left: 0; right: 0; } .announce-link:focus { outline: thin solid; outline-offset: -4px; color: inherit; } .announce-link:focus { outline: thin solid; outline-offset: -4px; color: inherit; } .announce-withbg .announce-link { -webkit-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5); } .announce-link:hover { background: rgba(0, 0, 0, 0.05); } .announce-link span { display: none; } .announce-withbg { padding: 8px 15px; } .announce-box.table { table-layout: auto; width: auto; } .announce-box-icon { width: 1em; font-size: 1.3333em; padding-right: 8px; text-align: center; } .announce-box-content { text-align: left; } .announce-box-content .announce-headline { color: inherit; margin: 0 0 2px 0; } .announce-nomsg.announce-withbg { padding: 5px; } .announce-nomsg .announce-box-icon { padding-right: 0; } /** Specific Views **/ .sidebar-header-sidebar .announce-widget { display: inline-block; } .topbar .announce-link { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /************* Products CartIcon Widget *************/ .carticon-widget { position: relative; } .carticon-widget.announce-nomsg.announce-withbg { padding: 8px; } .carticon-widget.hk-refreshing .carticon-refresh { display: block; } .carticon-refresh { display: none; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 1; background: rgba(255, 255, 255, 0.6); cursor: wait; } .carticon-icon { position: relative; } .carticon-cartitems { position: absolute; top: -8px; right: -8px; font-size: 11px; width: 15px; height: 15px; border-radius: 8px; } div.carticon-cartitems.no-cartitems { display: none; } .carticon-cartvalue { padding: 2px 0 0 12px; } div.carticon-cartvalue.no-cartvalue { display: none; } /************* Icon Widget *************/ .widget.widget_hootkit-icon { margin: 1em; display: inline-block; } .iconwidget-userstyle a:hover { color: inherit; } .iconwidget-withbg { padding: 5px; } .iconwidget-link { display: inline-block; color: inherit; } .iconwidget-link i { padding: 5px; } /************* Ticker Widget *************/ .widget_hootkit-ticker { max-width: 100%; } .ticker-widget { position: relative; overflow: hidden; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } .ticker-title, .ticker-msg-box { font-size: inherit; line-height: 1.66666667em; padding: 0.5em 0; } .ticker-title { position: relative; padding: 0.5em 1em; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; align-items: center; } .ticker-title .ticker-icon { margin-right: 0.4em; } .ticker-title:not(.accent-typo):not(.invert-accent-typo) { background: rgba(0, 0, 0, 0.14); } .ticker-withbg .ticker-msg-box { padding-right: 5px; padding-left: 5px; } .ticker-withbg .ticker-icon { margin-left: 5px; } .ticker-widget > .ticker-icon { align-self: center; font-size: 1.3333em; } .ticker-icon + .ticker-msg-box { padding-left: 5px; } .ticker-msg-box { max-width: 100%; height: auto; } .ticker-msgs { overflow: hidden; } .ticker-msg { text-align: left; display: inline-block; margin: 0 35px 0 0; } .ticker-msg:last-child { margin: 0; } .ticker-msg a, .ticker-msg a:hover { color: inherit; text-decoration: underline; } .ticker-msg { font-size: 0.93333333em; line-height: 1.4em; } .topbar .ticker-msg, .menu-side-box .ticker-msg, .sidebar-header-sidebar .ticker-msg, .below-header .ticker-msg { font-size: inherit; } /* 'ticker' width bug: css width percentage does not work inside table/flex layout => so add a max width for table cells */ /*** Ticker Common Styles ***/ .ticker-msgs { white-space: nowrap; } .ticker-msg, .ticker-msg-inner, .ticker-content { white-space: nowrap; } .ticker-style2 .ticker-msg { vertical-align: middle; } .ticker-style2 .ticker-msg, .ticker-style2 .ticker-msg-inner, .ticker-style2 .ticker-content { white-space: normal; } .ticker-style2 .ticker-msg-inner, .ticker-style2 .ticker-content { max-width: 210px; } /*** Responsive Ticker ***/ @media only screen and (min-width: 970px) { .below-header-part .ticker-msg-box, .topbar-part .ticker-msg-box { max-width: 1360px; } .below-header-stretch .ticker-msg-box { max-width: 100%; } .header-aside .ticker-msg-box, .below-header-parts .ticker-msg-box, .topbar-parts .ticker-msg-box { max-width: 600px; } } /************* Ticker Posts Widget *************/ .widget_hootkit-ticker-posts { max-width: 100%; } .widget_hootkit-ticker-posts .ticker-msg, .ticker-combined .ticker-msg { display: inline-flex; vertical-align: middle; align-items: center; margin-right: 15px; } .widget_hootkit-ticker-posts .ticker-msg a, .ticker-combined .ticker-msg a, .widget_hootkit-ticker-posts .ticker-msg a:hover, .ticker-combined .ticker-msg a:hover { text-decoration: none; } .ticker-post-image, .ticker-img { width: 45px; height: 30px; margin-right: 10px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.1); } .ticker-post-image.noimge, .ticker-img.noimge { margin-right: 0; } .ticker-post-image .entry-featured-img-wrap, .ticker-img .entry-featured-img-wrap, .ticker-post-image a, .ticker-img a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .ticker-post-image a:focus, .ticker-img a:focus { outline-offset: -1px; } .ticker-post-image img, .ticker-img img { display: none; } /************* Ticker Products Widget *************/ .widget_hootkit-products-ticker { max-width: 100%; } .ticker-products .ticker-img { width: 110px; height: 75px; } .ticker-products.ticker-style1 .ticker-content > div { display: inline; margin: 0 5px 0 0; } .ticker-products.ticker-style1 .ticker-addtocart a.button { font-size: inherit; line-height: inherit; } .ticker-product-price ins { text-decoration: none; } .ticker-product-price .amount { color: #000000; } .ticker-product-price del .amount { color: inherit; opacity: 0.6; filter: alpha(opacity=60); } .wordpress .ticker-addtocart a.button { color: inherit; background: none; border: none; padding: 0; margin: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-decoration: underline; text-transform: inherit; } .wordpress .ticker-addtocart a.button:hover { color: #000000; background: none; } .wordpress .ticker-addtocart a.button:focus { color: #000000; background: none; outline: none; } /************* Products Search Widget *************/ .hk-searchbody i.fa-search { position: absolute; top: 50%; margin-top: -0.5em; left: 10px; } .hk-searchbody .hk-searchtext { /*background: none;*/ color: inherit; padding: 7px 1.2em 7px 2.2em; vertical-align: bottom; } .hk-searchform { position: relative; margin-bottom: 0; overflow: hidden; } .hk-searchselect { padding: 7px 35px 7px 8px; margin-left: -1px; width: 190px; } .hk-searchform .hk-submit { position: absolute; top: 50%; transform: translateY(-50%); right: -9999rem; width: auto; line-height: 1em; margin: 0; padding: 5px; } .hk-searchform .hk-submit:focus { right: 10px; } /************* Profile (about) Widget *************/ .profile-widget { text-align: center; } .profile-img-circle .profile-img-placeholder { width: 250px; height: 250px; -webkit-border-radius: 125px; -moz-border-radius: 125px; border-radius: 125px; } .profile-img-square .profile-img-placeholder { width: 460px; height: 270px; } .profile-img-placeholder { display: inline-block; max-width: 100%; background-size: cover; } .profile-content h1, .profile-content h2, .profile-content h3, .profile-content h4, .profile-content h5, .profile-content h6 { margin: 10px 0 -5px; } .profile-content p { margin-bottom: 0.66666667em; } .profile-textlink { text-align: inherit; } .profile-link { display: inline-block; } /************* Cover Image Widget *************/ .coverimage-widget { /** Navigation **/ /** Pager **/ } .coverimage-widget .lSSlideOuter .lSAction { position: absolute; top: 5px; right: 5px; } .coverimage-widget .lSSlideOuter .lSAction > a { text-align: center; background: rgba(255, 255, 255, 0.5); color: #555; margin-left: 3px; width: 24px; line-height: 22px; position: relative; left: auto; right: auto; bottom: auto; top: auto; } .coverimage-widget .lSSlideOuter .lSAction > a:hover { background: rgba(255, 255, 255, 0.8); color: #333; } .coverimage-widget .lSSlideWrapper:hover .lSAction > a { display: inline-block; } .coverimage-widget .lSSlideOuter .lSAction > a:after { font-size: 20px; display: inline-block; position: relative; left: auto; right: auto; bottom: auto; top: auto; } .coverimage-widget .lSPager.lSpg { text-align: right; top: auto; bottom: 5px; right: 5px; left: auto; position: absolute; } .coverimage-widget .lSSlideOuter ul.lSPager.lSpg > li { padding: 2px; } .coverimage-widget .lSSlideOuter ul.lSPager.lSpg > li a { width: 8px; height: 8px; } .coverimage-wrap { position: relative; background-size: cover; background-position: center center; overflow: hidden; } .coverimage-wrap .style-light { color: #ffffff; } .coverimage-wrap .style-light h1, .coverimage-wrap .style-light h2, .coverimage-wrap .style-light h3, .coverimage-wrap .style-light h4, .coverimage-wrap .style-light h5, .coverimage-wrap .style-light h6, .coverimage-wrap .style-light a { color: inherit; } .coverimage-wrap .style-dark { color: #333333; } .coverimage-wrap .style-dark h1, .coverimage-wrap .style-dark h2, .coverimage-wrap .style-dark h3, .coverimage-wrap .style-dark h4, .coverimage-wrap .style-dark h5, .coverimage-wrap .style-dark h6 { color: #444444; } .coverimage-wrap .style-light-on-dark { padding: 1em; color: #ffffff; background: rgba(0, 0, 0, 0.6); } .coverimage-wrap .style-light-on-dark h1, .coverimage-wrap .style-light-on-dark h2, .coverimage-wrap .style-light-on-dark h3, .coverimage-wrap .style-light-on-dark h4, .coverimage-wrap .style-light-on-dark h5, .coverimage-wrap .style-light-on-dark h6, .coverimage-wrap .style-light-on-dark a { color: inherit; } .coverimage-wrap .style-dark-on-light { padding: 1em; color: #333333; background: rgba(255, 255, 255, 0.7); } .coverimage-wrap .style-dark-on-light h1, .coverimage-wrap .style-dark-on-light h2, .coverimage-wrap .style-dark-on-light h3, .coverimage-wrap .style-dark-on-light h4, .coverimage-wrap .style-dark-on-light h5, .coverimage-wrap .style-dark-on-light h6 { color: #444444; } .coverimage-wrap big { font-size: 3em; line-height: 1em; } .coverimage-link { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 1; } .coverimage-fullimg img { width: 100%; } .coverimage-content { position: absolute; top: 0; bottom: 0; right: 0; left: 0; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } .coverimage-content.align-top-left { align-items: flex-start; justify-content: flex-start; } .coverimage-content.align-top-center { align-items: flex-start; justify-content: center; } .coverimage-content.align-top-right { align-items: flex-start; justify-content: flex-end; } .coverimage-content.align-middle-left { align-items: center; justify-content: flex-start; } .coverimage-content.align-middle-center { align-items: center; justify-content: center; } .coverimage-content.align-middle-right { align-items: center; justify-content: flex-end; } .coverimage-content.align-bottom-left { align-items: flex-end; justify-content: flex-start; } .coverimage-content.align-bottom-center { align-items: flex-end; justify-content: center; } .coverimage-content.align-bottom-right { align-items: flex-end; justify-content: flex-end; } .coverimage-content-block { display: inline-block; position: relative; z-index: 2; } .align-top-left .coverimage-content-block, .align-middle-left .coverimage-content-block, .align-bottom-left .coverimage-content-block { text-align: left; } .align-top-center .coverimage-content-block, .align-middle-center .coverimage-content-block, .align-bottom-center .coverimage-content-block { text-align: center; } .align-top-right .coverimage-content-block, .align-middle-right .coverimage-content-block, .align-bottom-right .coverimage-content-block { text-align: right; } .coverimage-title { margin: 0; font-size: 1.6em; } .coverimage-subtitle.hoot-subtitle { color: inherit; font-size: inherit; margin: 0 0 5px; } .coverimage-text { line-height: 1.42857143em; } .coverimage-text p { margin: 0; } .coverimage-text p + p { margin-top: 0.5em; } .coverimage-buttons { margin-top: 0.85714286em; } .style-dark .coverimage-buttons, .style-light .coverimage-buttons { margin-bottom: 5px; } .coverimage-button { margin: 0 0.5em 0 0; } .coverimage-button:last-child { margin-right: 0; } /*** Responsive Sidebar and Widgets ***/ @media only screen and (max-width: 969px) { .announce-box.table { display: table; } .announce-box .announce-box-icon, .announce-box .announce-box-content { display: table-cell; } .ticker-msg-box { width: auto !important; } #topbar .widget_hootkit-ticker, div.menu-side-box .widget_hootkit-ticker, div.below-header .widget_hootkit-ticker, #topbar .widget_hootkit-ticker-posts, div.menu-side-box .widget_hootkit-ticker-posts, div.below-header .widget_hootkit-ticker-posts { margin-left: 0; margin-right: 0; padding-left: 5px; padding-right: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ticker-style2 .ticker-msg, .ticker-style2 .ticker-msg-inner, .ticker-style2 .ticker-content { white-space: nowrap; } .ticker-style2 .ticker-msg-inner, .ticker-style2 .ticker-content { max-width: none; } .coverimage-wrap .style-dark, .coverimage-wrap .style-light { background: none; padding: 0; } } /** * Widget - Content Blocks * ======================================================== */ /************* Content Blocks Widget *************/ .content-block-row { margin: 0 0 30px; } .content-block-row:after { content: ""; display: table; clear: both; } .content-block-row:last-child { margin: 0; } .content-block-column .more-link { margin-top: 0; margin-bottom: 0; } .content-block { padding-bottom: 10px; } .content-block-icon { width: 60px; height: 60px; max-width: 100%; display: inline-block; text-align: center; font-size: 28px; line-height: 60px; -webkit-transition: color 0.3s ease-in, background-color 0.3s linear; -moz-transition: color 0.3s ease-in, background-color 0.3s linear; -o-transition: color 0.3s ease-in, background-color 0.3s linear; transition: color 0.3s ease-in, background-color 0.3s linear; } .content-block-icon a, .content-block-icon a:hover { display: block; } .content-block-icon i { color: #000000; } .content-block-icon.accent-typo i { color: inherit; } .content-block-icon.invert-accent-typo i { color: inherit; } .content-block .content-block-icon { border-width: 1px 3px 3px 1px; } /*over qualify to override*/ .icon-style-none { line-height: 1em; width: auto; height: auto; } .icon-style-circle { -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; border: solid 1px #000000; } .icon-style-square { border: solid 1px #000000; } .content-block-icon.icon-custom-color i { color: inherit; } .content-block-image { margin-bottom: 5px; } .content-block-content { padding-top: 15px; } .content-block-content.no-visual { padding-top: 0; } .content-block-content p { margin: 0 0 8px; } .content-block-content p:last-child { margin-bottom: 0; } .content-block-title { margin: 0 0 8px; font-size: 1.2em; } .content-block-title a { color: inherit; display: block; } .content-block-subtitle { margin: -2px 0 15px; padding: 2px 3px; background: rgba(0, 0, 0, 0.05); text-transform: uppercase; } .content-block-subtitle .entry-byline { margin: 0; font-size: 1em; } /*** Content Block Styles ***/ .content-block-style1, .content-block-style2, .content-block-style3, .content-block-style5, .content-block-style6 { text-align: center; } /* Style1 */ .content-block-style1 .more-link { text-align: center; } /* Style2 */ .content-block-style2.hasvisual .content-block { padding: 20px 15px 8px; border: solid 1px rgba(0, 0, 0, 0.14); } .content-block-style2.hasvisual .content-block .content-block-subtitle { margin-left: -15px; margin-right: -15px; } .content-block-style2 .content-block-image { margin: -20px -15px 0 -15px; } .content-block-style2 .more-link { text-align: center; margin-top: -1px; } /* Style3 */ .content-block-style3 .content-block { padding: 35px 0px 10px; position: relative; border: solid 1px rgba(0, 0, 0, 0.33); border-left: none; border-right: none; } .content-block-style3.visual-image .content-block { border-top: none; } .content-block-style3.hasvisual .content-block { margin-top: 35px; } .content-block-style3 .content-block-image { margin-top: -70px; } .content-block-style3 .content-block-icon { border: none; background: #fff; width: 70px; height: 70px; font-size: 26px; line-height: 70px; position: absolute; top: -35px; left: 50%; margin-left: -35px; } .content-block-style3 .icon-style-square { -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); border: solid 1px rgba(0, 0, 0, 0.1); } .content-block-style3 .icon-style-circle { -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2); -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; } .content-block-style3 .more-link { text-align: center; margin-top: -1px; } /* Style4 */ .content-block-style4 .content-block { text-align: left; } .content-block-style4 .content-block-icon { font-size: 20px; width: 45px; height: 45px; line-height: 45px; float: left; } .content-block-style4 .content-block-visual { margin-top: 4px; } .content-block-style4 .content-block-icon.icon-style-none { font-size: 40px; } .content-block-style4 .content-block-icon .far, .content-block-style4 .content-block-icon .fas, .content-block-style4 .content-block-icon .fab { left: 0; } .content-block-style4 .content-block-image { width: 35%; float: left; } .content-block-style4 .content-block-content { padding-top: 0; } .content-block-style4.visual-icon .more-link, .content-block-style4 .content-block-content-hasicon { margin-left: 65px; } .content-block-style4.visual-image .more-link, .content-block-style4 .content-block-content-hasimage { margin-left: 40%; } .content-block-style4.content-block-column .content-block-content .more-link { margin-left: 0; } .content-block-style4 .content-block-content.no-visual { margin-left: 0; } .content-block-style4 h4.content-block-title { margin: 0 0 5px; } .content-block-style4 .content-block-subtitle { margin: 0 0 10px; } /* Style5,Style6 */ .content-block-style5 .content-block-image, .content-block-style6 .content-block-image { margin-bottom: 0; position: relative; } .content-block-style5 .content-block-content, .content-block-style6 .content-block-content { padding: 10px 10px; color: #ffffff; background: rgba(0, 0, 0, 0.6); } .content-block-style5 .content-block-content h1, .content-block-style6 .content-block-content h1, .content-block-style5 .content-block-content h2, .content-block-style6 .content-block-content h2, .content-block-style5 .content-block-content h3, .content-block-style6 .content-block-content h3, .content-block-style5 .content-block-content h4, .content-block-style6 .content-block-content h4, .content-block-style5 .content-block-content h5, .content-block-style6 .content-block-content h5, .content-block-style5 .content-block-content h6, .content-block-style6 .content-block-content h6, .content-block-style5 .content-block-content a, .content-block-style6 .content-block-content a { color: inherit; } .content-block-style5 .content-block-subtitle, .content-block-style6 .content-block-subtitle { margin-bottom: 5px; background: rgba(0, 0, 0, 0.15); } .content-block-style5 .more-link, .content-block-style6 .more-link, .content-block-style5 .more-link:hover, .content-block-style6 .more-link:hover, .content-block-style5 .more-link:hover a, .content-block-style6 .more-link:hover a { color: inherit; } .content-block-style5 .more-link, .content-block-style6 .more-link { text-align: center; border: none; font-size: 0.86666667em; line-height: 1.384615em; letter-spacing: 3px; opacity: 0.8; filter: alpha(opacity=80); -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; } .content-block-style5 .more-link a, .content-block-style6 .more-link a { width: 100%; } .content-block-style5 .more-link a, .content-block-style6 .more-link a { display: block; width: 100%; padding: 3px 0 10px; } .content-block-style5 .more-link:hover, .content-block-style6 .more-link:hover { opacity: 1; filter: alpha(opacity=100); } .content-block-style5 .more-link:after, .content-block-style6 .more-link:after { content: "\00a0"; display: inline-block; vertical-align: top; font: 0/0 a; border-bottom: solid 2px; width: 90px; opacity: 0.7; filter: alpha(opacity=70); } @media only screen and (min-width: 970px) { .content-block-style5 .content-block, .content-block-style6 .content-block { position: relative; padding-bottom: 0; } .content-block-style5 .content-block-image img, .content-block-style6 .content-block-image img { width: 100%; } .content-block-style5 .content-block-content, .content-block-style6 .content-block-content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; z-index: 5; } .content-block-style5 .content-block-title, .content-block-style6 .content-block-title { margin: 0; } .content-block-style5 .content-block-subtitle, .content-block-style6 .content-block-subtitle { margin: 5px 0 0; } .content-block-style5 .content-block-text, .content-block-style6 .content-block-text { margin: 8px 0 0; font-size: 0.86666667em; line-height: 1.384615em; } .content-block-style5 .content-block-content, .content-block-style6 .content-block-content { display: flex; flex-wrap: wrap; align-content: center; } .content-block-style5 .content-block-content > *, .content-block-style6 .content-block-content > * { width: 100%; } .content-block-style5 .content-block-content { top: auto; -webkit-transition: top 0.3s ease-out; -moz-transition: top 0.3s ease-out; -o-transition: top 0.3s ease-out; transition: top 0.3s ease-out; } .content-block-style5 .content-block-subtitle, .content-block-style5 .content-block-text, .content-block-style5 .more-link { display: none; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in; -o-transition: opacity 0.5s ease-in; transition: opacity 0.5s ease-in; } .content-block-style5:hover .content-block-content { top: 0 !important; } .content-block-style5:hover .content-block-subtitle, .content-block-style5:hover .content-block-text, .content-block-style5:hover .more-link { display: block; opacity: 1; filter: alpha(opacity=100); } } /************* Content Posts Blocks Widget *************/ /************* Content Products Blocks Widget *************/ .content-block .content-block-product-rating .star-rating { margin-left: auto; margin-right: auto; } .content-block-style4 .content-block-product-rating .star-rating { margin-left: 0; } @media only screen and (min-width: 970px) { .content-block-style5 .content-block-product-rating, .content-block-style5 .content-block-product-price, .content-block-style5 .content-block-addtocart { display: none; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in; -o-transition: opacity 0.5s ease-in; transition: opacity 0.5s ease-in; } .content-block-style5:hover .content-block-product-rating, .content-block-style5:hover .content-block-product-price, .content-block-style5:hover .content-block-addtocart { display: block; opacity: 1; filter: alpha(opacity=100); } } /*** Responsive Sidebar and Widgets ***/ @media only screen and (max-width: 969px) { div.content-block-row { margin: 0; } .content-block-column { margin-top: 20px; padding-top: 20px; } .content-block-style2 .content-block-image { margin: 0; } .content-block-style3 { margin-top: 23px; } .content-block-style5 .content-block, .content-block-style6 .content-block { max-width: 460px; margin: 0 auto; } .content-block-row:first-child .content-block-column:first-child { /* margin-top: 0; */ padding-top: 0; } } /** * Widget - Social Icons * ======================================================== */ /************* Social Icons Widget *************/ .social-icons-widget { text-align: center; } .social-icons-icon { display: inline-block; text-align: center; vertical-align: top; margin: 4px; position: relative; } .social-icons-icon i { position: relative; line-height: inherit; vertical-align: top; } .content .social-icons-icon { margin-bottom: 10px; } .social-icons-small .social-icons-icon { width: 30px; height: 30px; font-size: 15px; line-height: 30px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .social-icons-medium .social-icons-icon { width: 40px; height: 40px; font-size: 20px; line-height: 40px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .social-icons-large .social-icons-icon { width: 50px; height: 50px; font-size: 25px; line-height: 50px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .social-icons-huge .social-icons-icon { width: 65px; height: 65px; font-size: 30px; line-height: 65px; -webkit-border-radius: 38px; -moz-border-radius: 38px; border-radius: 38px; } #topbar .social-icons-icon, #page-wrapper .social-icons-icon { color: #ffffff; } #topbar .social-icons-widget .social-icons-icon:hover, #page-wrapper .social-icons-widget .social-icons-icon:hover { color: #ffffff; } .social-icons-icon { background: #000000; } .social-icons-widget .fa-amazon-block:hover { background: #161413; } .social-icons-widget .fa-android-block:hover { background: #99cc00; } .social-icons-widget .fa-apple-block:hover { background: #000000; } .social-icons-widget .fa-bandcamp-block:hover { background: #659daa; } .social-icons-widget .fa-behance-block:hover { background: #4176fa; } .social-icons-widget .fa-bitbucket-block:hover { background: #183f73; } .social-icons-widget .fa-btc-block:hover { background: #f7931a; } .social-icons-widget .fa-buysellads-block:hover { background: #c30100; } .social-icons-widget .fa-codepen-block:hover { background: #000000; } .social-icons-widget .fa-codiepie-block:hover { background: #000000; } .social-icons-widget .fa-contao-block:hover { background: #f47c00; } .social-icons-widget .fa-dashcube-block:hover { background: #7f7f7f; } .social-icons-widget .fa-delicious-block:hover { background: #0002f5; } .social-icons-widget .fa-deviantart-block:hover { background: #5e7163; } .social-icons-widget .fa-digg-block:hover { background: #1b5791; } .social-icons-widget .fa-discord-block:hover { background: #5865f2; } .social-icons-widget .fa-dribbble-block:hover { background: #c6356b; } .social-icons-widget .fa-dropbox-block:hover { background: #0089d1; } .social-icons-widget .fa-eercast-block:hover { background: #f1592a; } .social-icons-widget .fa-envelope-block:hover { background: #e44321; } .social-icons-widget .fa-etsy-block:hover { background: #f26223; } .social-icons-widget .fa-facebook-block:hover { background: #1877f2; } .social-icons-widget .fa-flickr-block:hover { background: #0062dd; } .social-icons-widget .fa-forumbee-block:hover { background: #86ac2f; } .social-icons-widget .fa-foursquare-block:hover { background: #3ab6e8; } .social-icons-widget .fa-free-code-camp-block:hover { background: #4a2b0f; } .social-icons-widget .fa-get-pocket-block:hover { background: #ed4054; } .social-icons-widget .fa-github-block:hover { background: #000000; } .social-icons-widget .fa-google-block:hover { background: #ea4335; } .social-icons-widget .fa-google-plus-block:hover { background: #e44321; } .social-icons-widget .fa-google-wallet-block:hover { background: #1476c6; } .social-icons-widget .fa-houzz-block:hover { background: #4dbc15; } .social-icons-widget .fa-imdb-block:hover { background: #e6b91e; } .social-icons-widget .fa-instagram-block:hover { background: #3f729b; } .social-icons-widget .fa-jsfiddle-block:hover { background: #2b97f3; } .social-icons-widget .fa-lastfm-block:hover { background: #d2013b; } .social-icons-widget .fa-leanpub-block:hover { background: #231f20; } .social-icons-widget .fa-linkedin-block:hover { background: #00659b; } .social-icons-widget .fa-meetup-block:hover { background: #f20017; } .social-icons-widget .fa-mixcloud-block:hover { background: #25292b; } .social-icons-widget .fa-patreon-block:hover { background: #ff424d; } .social-icons-widget .fa-paypal-block:hover { background: #15477c; } .social-icons-widget .fa-pinterest-block:hover { background: #cf1d25; } .social-icons-widget .fa-quora-block:hover { background: #c51a00; } .social-icons-widget .fa-reddit-block:hover { background: #ff4500; } .social-icons-widget .fa-rss-block:hover { background: #ff6501; } .social-icons-widget .fa-scribd-block:hover { background: #1a7bba; } .social-icons-widget .fa-slack-block:hover { background: #352931; } .social-icons-widget .fa-slideshare-block:hover { background: #0ca8aa; } .social-icons-widget .fa-snapchat-block:hover { background: #fffc00; } .social-icons-widget .fa-soundcloud-block:hover { background: #ff6600; } .social-icons-widget .fa-spotify-block:hover { background: #79b800; } .social-icons-widget .fa-stack-exchange-block:hover { background: #205297; } .social-icons-widget .fa-stack-overflow-block:hover { background: #f47c23; } .social-icons-widget .fa-steam-block:hover { background: #000000; } .social-icons-widget .fa-stumbleupon-block:hover { background: #ee4723; } .social-icons-widget .fa-telegram-plane-block:hover { background: #28a8e9; } .social-icons-widget .fa-tiktok-block:hover { background: #000000; } .social-icons-widget .fa-trello-block:hover { background: #0089d9; } .social-icons-widget .fa-tripadvisor-block:hover { background: #589442; } .social-icons-widget .fa-tumblr-block:hover { background: #3e5976; } .social-icons-widget .fa-twitch-block:hover { background: #6542a6; } .social-icons-widget .fa-twitter-block:hover { background: #32ccfe; } .social-icons-widget .fa-viadeo-block:hover { background: #f07355; } .social-icons-widget .fa-vimeo-square-block:hover { background: #1bb6ec; } .social-icons-widget .fa-vk-block:hover { background: #507299; } .social-icons-widget .fa-whatsapp-block:hover { background: #41d251; } .social-icons-widget .fa-wikipedia-w-block:hover { background: #000000; } .social-icons-widget .fa-windows-block:hover { background: #0078d7; } .social-icons-widget .fa-wordpress-block:hover { background: #3378b0; } .social-icons-widget .fa-x-twitter-block:hover { background: #000000; } .social-icons-widget .fa-square-x-twitter-block:hover { background: #000000; } .social-icons-widget .fa-xing-block:hover { background: #cfdc00; } .social-icons-widget .fa-y-combinator-block:hover { background: #f26522; } .social-icons-widget .fa-yelp-block:hover { background: #c41200; } .social-icons-widget .fa-youtube-block:hover { background: #d4231e; } .social-icons-invert .social-icons-icon { background: none; color: inherit !important; margin: 0 5px; } .social-icons-invert .social-icons-icon:hover { color: #ffffff !important; } .fa-skype-block { position: relative; } .fa-skype-block i { visibility: hidden; } .hoot-skype-call-button, .hoot-skype-call-button p, .hoot-skype-call-button p a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .hoot-skype-call-button p { margin: 0 !important; } .hoot-skype-call-button img { margin: 0 !important; vertical-align: -2px !important; } /** Social Icon Hover **/ .social-icons-icon { -webkit-transition: background-color 0.3s linear, border-color 0.3s linear, font-size 0.1s linear; -moz-transition: background-color 0.3s linear, border-color 0.3s linear, font-size 0.1s linear; -o-transition: background-color 0.3s linear, border-color 0.3s linear, font-size 0.1s linear; transition: background-color 0.3s linear, border-color 0.3s linear, font-size 0.1s linear; } .social-icons-icon:hover { -webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.4); box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.4); } .social-icons-icon:hover i { text-shadow: 2px 2px #000; } .social-icons-small .social-icons-icon:hover i { text-shadow: 1px 1px #000; } .social-icons-large .social-icons-icon:hover { font-size: 30px; } .social-icons-huge .social-icons-icon:hover { font-size: 35px; } /** Specific Views **/ #topbar .hoot-skype-call-button img { vertical-align: -12px !important; } /** * Widget - Post Grid * ======================================================== */ /************* Post Grid Widget *************/ .post-grid-widget { margin-right: -4px; position: relative; } .post-grid-widget .post-gridunit { position: relative; padding: 0 4px 4px 0; } .post-gridunit-image { background-position: center center; background-color: rgba(100, 100, 100, 0.05); background-repeat: no-repeat; background-size: cover; position: relative; } .post-gridunit-image img { width: 100%; display: none; } .post-gridunit-size2 .post-gridunit-image { padding-bottom: 4px; } .post-gridunit-bg { position: absolute; left: 0; right: 4px; bottom: 4px; top: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#38000000', GradientType=0); } .post-gridunit-imglink { position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .post-gridunit-content { position: absolute; left: 10px; right: 14px; bottom: 14px; color: #ffffff; } .post-gridunit-title { font-size: 1em; color: inherit; font-style: normal; text-transform: uppercase; margin: 0; } .post-gridunit-title a, .post-gridunit-title a:hover { color: inherit; } .post-gridunit-subtitle .entry-byline { padding: 0; margin: 0; font-size: 1em; text-transform: none; color: inherit; font-family: inherit; } .post-gridunit-image { height: 215px; } .post-gridunit-size2 .post-gridunit-image { height: 430px; } @media only screen and (min-width: 970px) { .post-gridunit-size2 { height: auto !important; } } @media only screen and (max-width: 969px) { .post-gridunit-size2 { margin-bottom: 4px; padding-bottom: 0; height: 215px; } .post-gridunit-size2 .post-gridunit-image { height: inherit !important; padding-bottom: 0; } .post-gridunit-size2 .post-gridunit-bg { bottom: 0; } .post-gridunit-size2 .post-gridunit-content { bottom: 10px; } } /*** First Post Grid Slider ***/ .post-grid-slide { position: relative; } .post-gridslider .post-gridunit-bg { right: 0; bottom: 0; } .post-gridslider .post-gridunit-content { right: 10px; bottom: 10px; } .post-gridunit { /** FOUC **/ /** Navigation **/ /** Pager **/ } .post-gridunit .lightSlider { height: auto; } .post-gridunit .post-grid-slide { display: none; } .post-gridunit .post-grid-slide:first-child { display: block; } .post-gridunit .lSSlideOuter .post-grid-slide { display: block; } .post-gridunit .lSSlideOuter .lSAction { position: absolute; top: 5px; right: 5px; } .post-gridunit .lSSlideOuter .lSAction > a { text-align: center; background: rgba(255, 255, 255, 0.5); color: #555; margin-left: 3px; width: 24px; line-height: 22px; position: relative; left: auto; right: auto; bottom: auto; top: auto; } .post-gridunit .lSSlideOuter .lSAction > a:hover { background: rgba(255, 255, 255, 0.8); color: #333; } .post-gridunit .lSSlideWrapper:hover .lSAction > a { display: inline-block; } .post-gridunit .lSSlideOuter .lSAction > a:after { font-size: 20px; display: inline-block; position: relative; left: auto; right: auto; bottom: auto; top: auto; } .post-gridunit .lSPager.lSpg { text-align: right; top: auto; bottom: 5px; right: 5px; left: auto; position: absolute; } .post-gridunit .lSSlideOuter ul.lSPager.lSpg > li { padding: 2px; } .post-gridunit .lSSlideOuter ul.lSPager.lSpg > li a { width: 8px; height: 8px; } @media only screen and (max-width: 969px) { .post-gridunit .lightSlider { height: inherit !important; } .post-gridunit .lSSlideWrapper, .post-gridunit .lSSlideOuter { height: inherit; } .post-grid-slide { height: inherit; } } /** * Widget - Grid Widgets * ======================================================== */ /************* Grid Widget *************/ .hk-grid-widget { margin-right: -4px; position: relative; } .hk-grid-widget .hk-gridunit { position: relative; padding: 0 4px 4px 0; } .hk-gridunit-image { background-position: center center; background-color: rgba(100, 100, 100, 0.05); background-repeat: no-repeat; background-size: cover; position: relative; } .hk-gridunit-image img { width: 100%; display: none; } .hk-gridunit-size2 .hk-gridunit-image { padding-bottom: 4px; } .hk-gridunit-image { height: 215px; } .hk-gridunit-size2 .hk-gridunit-image { height: 430px; } @media only screen and (min-width: 970px) { .hk-gridunit-size2 { height: auto !important; } } @media only screen and (max-width: 969px) { .hk-gridunit-size2 { margin-bottom: 4px; padding-bottom: 0; height: 215px; } .hk-gridunit-size2 .hk-gridunit-image { height: inherit !important; padding-bottom: 0; } } /************* Post Grid Widget *************/ .hk-gridunit-bg { position: absolute; left: 0; right: 4px; bottom: 4px; top: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#38000000', GradientType=0); } .hk-gridunit-imglink { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; top: 0; } .hk-gridunit-content { position: absolute; left: 10px; right: 14px; bottom: 14px; color: #ffffff; } .hk-gridunit-title { font-size: 1em; color: inherit; font-style: normal; text-transform: uppercase; margin: 0; } .hk-gridunit-title a, .hk-gridunit-title a:hover { color: inherit; } .hk-gridunit-subtitle .entry-byline { padding: 0; margin: 0; font-size: 1em; text-transform: none; color: inherit; font-family: inherit; } @media only screen and (max-width: 969px) { .hk-gridunit-size2 .hk-gridunit-bg { bottom: 0; } .hk-gridunit-size2 .hk-gridunit-content { bottom: 10px; } } /************* Content Grid Widget *************/ .hk-gridunit-size1 .align-bottom-center .coverimage-content-block { width: 100%; } .hk-gridunit-size1 .style-dark-on-light, .hk-gridunit-size1 .style-light-on-dark { padding: 5px 8px; } .hk-gridunit-size1 .coverimage-title { font-size: 1em; } .hk-gridunit-size1 .coverimage-text { margin-top: 0; } .coverimage-content-block { position: relative; z-index: 4; } /************* First Grid Slider *************/ .hk-grid-slide { position: relative; } .hk-gridslider .hk-gridunit-bg { right: 0; bottom: 0; } .hk-gridslider .hk-gridunit-content { right: 10px; bottom: 10px; } .hk-gridunit { /** FOUC **/ /** Navigation **/ /** Pager **/ } .hk-gridunit .lightSlider { height: auto; } .hk-gridunit .hk-grid-slide { display: none; } .hk-gridunit .hk-grid-slide:first-child { display: block; } .hk-gridunit .lSSlideOuter .hk-grid-slide { display: block; } .hk-gridunit .lSSlideOuter .lSAction { position: absolute; top: 5px; right: 5px; } .hk-gridunit .lSSlideOuter .lSAction > a { text-align: center; background: rgba(255, 255, 255, 0.5); color: #555; margin-left: 3px; width: 24px; line-height: 22px; position: relative; left: auto; right: auto; bottom: auto; top: auto; } .hk-gridunit .lSSlideOuter .lSAction > a:hover { background: rgba(255, 255, 255, 0.8); color: #333; } .hk-gridunit .lSSlideWrapper:hover .lSAction > a { display: inline-block; } .hk-gridunit .lSSlideOuter .lSAction > a:after { font-size: 20px; display: inline-block; position: relative; left: auto; right: auto; bottom: auto; top: auto; } .hk-gridunit .lSPager.lSpg { text-align: right; top: auto; bottom: 5px; right: 5px; left: auto; position: absolute; } .hk-gridunit .lSSlideOuter ul.lSPager.lSpg > li { padding: 2px; } .hk-gridunit .lSSlideOuter ul.lSPager.lSpg > li a { width: 8px; height: 8px; } @media only screen and (max-width: 969px) { .hk-gridunit .lightSlider { height: inherit !important; } .hk-gridunit .lSSlideWrapper, .hk-gridunit .lSSlideOuter { height: inherit; } .hk-grid-slide { height: inherit; } } /** * Widget - Posts List * ======================================================== */ /************* Posts List Widget *************/ /* List Styles */ .posts-list-style1 .posts-listunit-small .posts-listunit-image { width: 90px; min-height: 80px; } .posts-list-style1 .posts-listunit-small .posts-listunit-title { font-size: inherit; } .posts-list-style2 .posts-listunit-small .posts-listunit-image { width: 150px; min-height: 135px; } .posts-list-style2 .posts-listunit-small .posts-listunit-title { font-size: 1.06666667em; } /* List Column */ /* List Unit */ .posts-listunit { margin-bottom: 1.66666667em; } .posts-listunit:last-child { margin-bottom: 0; } .posts-listunit-small { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; align-items: flex-start; } .posts-listunit-small .posts-listunit-image { flex-shrink: 0; margin-right: 20px; } .posts-listunit-small .posts-listunit-bg img { width: 100%; visibility: hidden; } .posts-listunit-small .posts-listunit-content { flex-grow: 1; text-align: left; } .posts-listunit-small .posts-listunit-content p { margin-top: 5px; } .posts-listunit-large .posts-listunit-image { margin-bottom: 20px; } .posts-listunit-large .posts-listunit-bg:before { content: ""; display: block; } .posts-listunit-large .posts-listunit-bg .entry-featured-img-wrap a { position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .posts-listunit-large .posts-listunit-bg img { display: none; } .posts-imgsize-small .posts-listunit-bg:before { padding-top: 190px; } .posts-imgsize-medium .posts-listunit-bg:before { padding-top: 260px; } .posts-imgsize-big .posts-listunit-bg:before { padding-top: 345px; } /* List Unit Image */ .posts-listunit-image { position: relative; } .posts-listunit-image img { display: block; margin: 0 auto; } .posts-listunit-image a { display: block; } .posts-listunit-bg { background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.1); } /* List Unit Content */ .posts-listunit-content p { margin: 0.66666667em 0 0; } .posts-listunit-title { font-size: 1.2em; margin: 0; } .posts-listunit-title a { color: inherit; } .posts-listunit-subtitle .entry-byline { padding: 0; font-size: 1em; margin: 2px 0 0 0; font-family: inherit; } .posts-listunit-text .sharedaddy { display: none; } .posts-listunit-excerpt .more-link { margin-top: 5px; text-align: left; border: none; } .posts-listunit-excerpt .more-link a { background: none; padding-left: 0; } /* Content Display Style */ .posts-listunit { background: rgba(0, 0, 0, 0.04); } .posts-listunit-small { align-items: stretch; } .posts-listunit-content { padding: 15px 20px; align-self: center; } .posts-listunit-small.visual-img .posts-listunit-content { padding: 10px 10px 10px 0; } .posts-listunit-large.visual-img .posts-listunit-content { padding-top: 0; } /*** Responsive Sidebar and Widgets ***/ @media only screen and (max-width: 969px) { .posts-listunit:last-child { margin-bottom: 1.66666667em; } .hcol-last .posts-listunit:last-child { margin-bottom: 0; } .posts-list-style2 .posts-listunit-small .posts-listunit-image { width: 100px; height: 90px; } } /** * Widget - List Widgets * ======================================================== */ /************* List Widget *************/ /* List Styles */ .hk-list-style1 .hk-listunit-small .hk-listunit-image { width: 90px; min-height: 80px; } .hk-list-style1 .hk-listunit-small .hk-listunit-title { font-size: inherit; } .hk-list-style2 .hk-listunit-small .hk-listunit-image { width: 150px; min-height: 135px; } .hk-list-style2 .hk-listunit-small .hk-listunit-title { font-size: 1.06666667em; } /* List Column */ /* List Unit */ .hk-listunit { margin-bottom: 1.66666667em; } .hk-listunit:last-child { margin-bottom: 0; } .hk-listunit-small { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; align-items: flex-start; } .hk-listunit-small .hk-listunit-image { flex-shrink: 0; margin-right: 20px; } .hk-listunit-small .hk-listunit-bg img { width: 100%; visibility: hidden; } .hk-listunit-small .hk-listunit-content { flex-grow: 1; text-align: left; } .hk-listunit-small .hk-listunit-content p { margin-top: 5px; } .hk-listunit-large .hk-listunit-image { margin-bottom: 20px; } .hk-listunit-large .hk-listunit-bg:before { content: ""; display: block; } .hk-listunit-large .hk-listunit-bg .entry-featured-img-wrap a { position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .hk-listunit-large .hk-listunit-bg img { display: none; } .hk-imgsize-small .hk-listunit-bg:before { padding-top: 190px; } .hk-imgsize-medium .hk-listunit-bg:before { padding-top: 260px; } .hk-imgsize-big .hk-listunit-bg:before { padding-top: 345px; } /* List Unit Image */ .hk-listunit-image { position: relative; } .hk-listunit-image img { display: block; margin: 0 auto; } .hk-listunit-image a { display: block; } .hk-listunit-bg { background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.1); } /* List Unit Content */ .hk-listunit-content p { margin: 0.66666667em 0 0; } .hk-listunit-title { font-size: 1.2em; margin: 0; } .hk-listunit-title a { color: inherit; } .hk-listunit-subtitle .entry-byline { padding: 0; font-size: 1em; margin: 2px 0 0 0; font-family: inherit; } .hk-listunit-text .sharedaddy { display: none; } .hk-listunit-excerpt .more-link { margin-top: 5px; text-align: left; border: none; } .hk-listunit-excerpt .more-link a { background: none; padding-left: 0; } /* Content Display Style */ .hk-listunit { background: rgba(0, 0, 0, 0.04); } .hk-listunit-small { align-items: stretch; } .hk-listunit-content { padding: 15px 20px; align-self: center; } .hk-listunit-small.visual-img .hk-listunit-content { padding: 10px 10px 10px 0; } .hk-listunit-large.visual-img .hk-listunit-content { padding-top: 0; } /*** Responsive Sidebar and Widgets ***/ @media only screen and (max-width: 969px) { .hk-listunit:last-child { margin-bottom: 1.66666667em; } .hcol-last .hk-listunit:last-child { margin-bottom: 0; } .hk-list-style2 .hk-listunit-small .hk-listunit-image { width: 100px; height: 90px; } } /************* Posts List Widget *************/ /************* Products List Widget *************/ /** * Misc Features * ======================================================== */ /************* WC Products *************/ .hk-woo-products .star-rating { display: block; position: relative; margin: 0.5em 0; float: none; font-size: 0.857em; height: 1em; line-height: 1; width: 5.4em; font-family: star; overflow: hidden; } .hk-woo-products .star-rating:before { content: "\73\73\73\73\73"; color: #d3ced2; position: absolute; top: 0; left: 0; } .hk-woo-products .star-rating span { overflow: hidden; position: absolute; top: 0; left: 0; padding-top: 1.5em; } .hk-woo-products .star-rating span:before { content: "\53\53\53\53\53"; position: absolute; top: 0; left: 0; } .hk-woo-products a.button { margin: 5px 0; } /************* Fly Cart *************/ .flycart-right .flycart-toggle { border-right: none; } .flycart-right .flycart-panel { border-right: none; } .flycart-left .flycart-toggle { border-left: none; left: 0; right: auto; } .flycart-left .flycart-panel { border-left: none; } .force-custview.flycart-right .flycart-toggle, .force-custview.flycart-right .flycart-panel { left: auto !important; } .force-custview.flycart-left .flycart-toggle, .force-custview.flycart-left .flycart-panel { right: auto !important; } .flycart-toggle { margin-top: 40px; width: 2em; padding: 5px; position: fixed; top: 15%; right: 0; z-index: 99992; border: solid 2px rgba(0, 0, 0, 0.14); text-align: center; background: #fff; color: #666; } .flycart-panel { display: none; width: 280px; position: fixed; top: 0; z-index: 99991; overflow-y: auto; height: 100%; border-right: solid 2px rgba(0, 0, 0, 0.14); border-left: solid 2px rgba(0, 0, 0, 0.14); background: #fff; color: #666; } .flycart-content { padding: 1em; } .flycart-content .woocommerce-mini-cart__empty-message { text-align: center; } .flycart-topicon { margin: 0 auto 1em; background: rgba(0, 0, 0, 0.05); display: block; border-radius: 3em; width: 6em; height: 6em; text-align: center; -webkit-box-shadow: inset 2px 2px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 2px 2px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 2px 2px 3px 0px rgba(0, 0, 0, 0.1); } .flycart-topicon i { font-size: 3em; line-height: 2em; } .flycart-open .flycart-toggle { z-index: 99997; } .flycart-open .flycart-panel { z-index: 99996; } .flycart-open body { position: relative; } .flycart-open body:before { content: ''; position: absolute; z-index: 99995; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0, 0, 0, 0.75); cursor: pointer; } /* AMP Menu */ .hootamp .fly-cart:hover.flycart-right .flycart-toggle { right: 280px; z-index: 99997; } .hootamp .fly-cart:hover.flycart-right .flycart-panel { right: 0; display: block; z-index: 99996; } .hootamp .fly-cart:hover.flycart-left .flycart-toggle { left: 280px; z-index: 99997; } .hootamp .fly-cart:hover.flycart-left .flycart-panel { left: 0; display: block; z-index: 99996; } /* Logged in user */ .admin-bar .flycart-panel { top: 32px; } @media screen and (max-width: 782px) { .admin-bar .flycart-panel { top: 46px; } } @media screen and (max-width: 600px) { .flycart-open.has-adminbar { overflow-y: scroll; position: fixed; width: 100%; left: 0px; top: -46px; } .flycart-open.has-adminbar body { padding-top: 46px; } } /*** Responsive ***/ @media only screen and (max-width: 969px) { .flycart-left .flycart-toggle { margin-top: 80px; } } /************* Timer Shortcode *************/ span.hootkit-timer { font-weight: bold; } .hours-count:after, .minutes-count:after { content: ':'; } .timer-expired { color: #bb0707; font-style: italic; } /************* Top Banner *************/ .topbanner-wrap { position: relative; background-size: cover; text-align: center; padding: 1px 0; margin: -1px 0; } .topbanner-content-stretch .topbanner-contentbox img { width: 100%; } .topbanner-content-grid .topbanner-contentbox { display: inline-block; max-width: 80%; margin: 2.333em auto; } .topbar-content-nopad div.topbanner-contentbox { padding: 0; margin: 0; } .topbanner-hasbg { min-height: 1em; } .topbanner-nobg .topbanner-contentbox { margin: 0.5em 0; } .hide-contenturl .topbanner-url { display: none; } .topbanner-url { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .topbanner-contentbox { position: relative; margin: 2.333em; } .topbanner-wrap h1 a, .topbanner-wrap h2 a, .topbanner-wrap h3 a, .topbanner-wrap h4 a, .topbanner-wrap h5 a, .topbanner-wrap h6 a { text-decoration: underline; } .topbanner-wrap .style-light { color: #ffffff; } .topbanner-wrap .style-light h1, .topbanner-wrap .style-light h2, .topbanner-wrap .style-light h3, .topbanner-wrap .style-light h4, .topbanner-wrap .style-light h5, .topbanner-wrap .style-light h6, .topbanner-wrap .style-light a { color: inherit; } .topbanner-wrap .style-dark { color: #333333; } .topbanner-wrap .style-dark h1, .topbanner-wrap .style-dark h2, .topbanner-wrap .style-dark h3, .topbanner-wrap .style-dark h4, .topbanner-wrap .style-dark h5, .topbanner-wrap .style-dark h6 { color: #444444; } .topbanner-wrap .style-light-on-dark { padding: 1em 3em; color: #ffffff; background: rgba(0, 0, 0, 0.6); } .topbanner-wrap .style-light-on-dark h1, .topbanner-wrap .style-light-on-dark h2, .topbanner-wrap .style-light-on-dark h3, .topbanner-wrap .style-light-on-dark h4, .topbanner-wrap .style-light-on-dark h5, .topbanner-wrap .style-light-on-dark h6, .topbanner-wrap .style-light-on-dark a { color: inherit; } .topbanner-wrap .style-dark-on-light { padding: 1em 3em; color: #333333; background: rgba(255, 255, 255, 0.7); } .topbanner-wrap .style-dark-on-light h1, .topbanner-wrap .style-dark-on-light h2, .topbanner-wrap .style-dark-on-light h3, .topbanner-wrap .style-dark-on-light h4, .topbanner-wrap .style-dark-on-light h5, .topbanner-wrap .style-dark-on-light h6 { color: #444444; } .topbanner-content-title { margin: 0; font-size: 1.2em; } .topbanner-content-title a { position: relative; z-index: 2; } .topbanner-content a { position: relative; z-index: 2; } .topbanner-content p { margin: 0; } .topbanner-content h1, .topbanner-content h2, .topbanner-content h3, .topbanner-content h4, .topbanner-content h5, .topbanner-content h6 { margin: 0; } .topbanner-content mark { background: none; color: #000000; margin: 0; padding: 0; font-weight: 500; } /*** Responsive Top Banner ***/ @media only screen and (max-width: 969px) { .topbanner-content-grid .topbanner-contentbox { max-width: none; margin: 1em; } .topbanner-wrap .style-light-on-dark { padding: 1em; } .topbanner-wrap .style-dark-on-light { padding: 1em; } } /** * Theme and WordPress Plugins * ======================================================== */ /************* Page Builder *************/ .so-panel .content-blocks-widget, .so-panel .vcards-widget, .so-panel .number-blocks-widget { margin: 0; } .so-panel .topborder-shadow .content-blocks-widget, .so-panel .topborder-line .content-blocks-widget, .so-panel .topborder-shadow .vcards-widget, .so-panel .topborder-line .vcards-widget, .so-panel .topborder-shadow .number-blocks-widget, .so-panel .topborder-line .number-blocks-widget { margin-top: 3em; } .so-panel .bottomborder-shadow .content-blocks-widget, .so-panel .bottomborder-line .content-blocks-widget, .so-panel .bottomborder-shadow .vcards-widget, .so-panel .bottomborder-line .vcards-widget, .so-panel .bottomborder-shadow .number-blocks-widget, .so-panel .bottomborder-line .number-blocks-widget { margin-bottom: 3em; }