/*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 60px; /* Make sure select elements fit in widgets. */ } #secondary .widget:last-child { margin-bottom: 0; } .widget select { max-width: 100%; } %widget-list { background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 8px; background-position: 0px 8px; padding-left: 20px; } %widget-list-white { background-image: url('data:image/svg+xml; utf-8, '); } /*============================= WIDGET CATEGORIES =============================*/ .widget_categories { ul { li { @extend %widget-list; display: flex; flex: 1; flex-flow: row wrap; justify-content: flex-end; a { display: flex; flex: auto; } } } }//.widget_categories /*============================= WIDGET RECENT ENTRIES =============================*/ .widget_recent_entries { ul { li { @extend %widget-list; } } }//.widget_recent_entries /*========================= WIDGET TAG CLOUD =========================*/ .tagcloud { a { display: inline-block; vertical-align: middle; font-size: 0.875em !important; font-weight: 600; color: #5c5c5c; border: 1px solid #5c5c5c; padding: 10px 15px; text-transform: uppercase; margin-right: 3px; margin-bottom: 7px; text-decoration: none; border-radius: 5px; &:hover { background: $primary_color; border-color: $primary_color; color: #fff; text-decoration: none; } } }//.tagcloud /*========================== WIDGET RECENT COMMENTS ==========================*/ .widget_recent_comments { ul { li { @extend %widget-list; a { display: inline; } } } }//.widget_recent_comments /*========================= WIDGET ARCHIVE =========================*/ .widget_archive, .widget_pages, .widget_meta, .widget_nav_menu { ul { li { @extend %widget-list; } } }//.widget_archive /*============================ WIDGET CALENDAR =============================*/ .widget_calendar { table { caption { background: rgba(0,0,0,0.1); font-weight: 600; color: #000; padding: 10px; text-transform: uppercase; font-size: 0.875em; letter-spacing: 1px; }//caption th, td { padding-left: 0; padding-right: 0; text-align: center; } a { font-weight: 600; &:hover { text-decoration: none; } } #today { background: rgba(0,0,0,0.05); } }//table }//.widget_calendar /*============================ WIDGET AUTHOR BIO ============================*/ .widget_labtheme_author_bio_widget { background: rgba(0,0,0,0.03); padding: 30px; text-align: center; border: 1px solid rgba(0,0,0,0.1); border-radius: 5px; .widget-title { font-size: 1.125em; font-weight: 700; margin-bottom: 20px; }//.widget-title .image-holder { border-radius: 100%; display: inline-block; overflow: hidden; margin-bottom: 20px; border: 1px solid rgba(0,0,0,0.15); padding: 8px; background: rgba(255,255,255,0.25); box-shadow: 0 5px 10px rgba(0,0,0,0.1); img { border-radius: 100%; } }//.image-holder .author-bio-wrap { p { margin-top: 0; margin-bottom: 20px; } .readmore { display: inline-block; font-weight: 500; } }//.author-bio-wrap }//.widget_labtheme_author_bio_widget /*============================= WIDGET CALL TO ACTION =============================*/ .widget_labtheme_companion_cta_widget { > div { padding: 60px 30px; } .labtheme-cta-bg { position: relative; z-index: 1; &:before { content: ""; background: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } }//.labtheme-cta-bg .right { text-align: right; } .centered { text-align: center; } .widget-title { color: #fff; margin-bottom: 0; border-bottom: none; padding-bottom: 0; }//.widget-title .text-holder { p { margin-top: 20px; margin-bottom: 0; color: #fff; } }//.text-holder .button-wrap { margin-top: 20px; .btn-cta { display: inline-block; color: #fff; font-weight: 600; padding: 15px 25px; margin: 5px; text-align: center; text-decoration: none; position: relative; z-index: 1; &:before { content: ""; background: rgba(0,0,0,0.2); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: -1; @include transition(all ease 0.35s); } &:hover:before { opacity: 1; filter: alpha(opacity=100); visibility: visible; } } }//.button-wrap }//.widget_labtheme_companion_cta_widget /*============================ WIDGET CATEGORY POST ============================*/ .widget_labtheme_category_post_widget { ul { li { margin-bottom: 20px; border-bottom: 2px solid rgba(0,0,0,0.1); padding-bottom: 20px; &:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .post-thumbnail { display: inline-block; width: 100px; vertical-align: top; } .entry-header { display: inline-block; width: calc(100% - 105px); padding-left: 15px; vertical-align: top; } .entry-title { margin-top: 0; margin-bottom: 0; font-size: 1.125em; a { color: #000; &:hover { color: $primary_color; } }//a }//.entry-title }//li }//ul }//.widget_labtheme_category_post_widget /*================================ WIDGET POST CATEGORY SLIDER ================================*/ .widget_labtheme_posts_category_slider_widget { .carousel-title { background: #f5f5f5; padding: 20px; border: 1px solid #e5e5e5; border-top: none; .cat-links { display: block; font-size: 0.875em; font-weight: 500; a { display: inline-block; color: #676767; &:after { content: "/"; margin: 0 5px; } &:last-child:after { display: none; } &:hover { color: $primary_color; } }//a }//.cat-links .title { margin-bottom: 0; font-size: 1.125em; margin-top: 5px; a { color: #000; &:hover { color: $primary_color; } }//a }//.title }//.carousel-title .owl-theme { .owl-nav { [class*="owl-"] { position: absolute; top: 50%; left: 10px; margin: 0; width: 40px; padding: 0; height: 40px; line-height: 40px; overflow: hidden; border-radius: 100%; @include box-shadow(0 0 10px rgba(0,0,0,0.3)); background-color: rgba(255,255,255,0.3); background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 12px; background-position: 42% 50%; text-indent: 50px; &:hover { background-color: rgba(255,255,255,0.75); background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 12px; background-position: 42% 50%; } }//[class*="owl-"] .owl-next { left: auto; right: 10px; background-image: url('data:image/svg+xml; utf-8, '); background-position: 50% 50%; &:hover { background-color: rgba(255,255,255,0.75); background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 12px; background-position: 50% 50%; } } }//.owl-nav }//.owl-theme }//.widget_labtheme_posts_category_slider_widget /*============================ WIDGET CLIENT LOGO ============================*/ .widget_labtheme_client_logo_widget { .labtheme-client-logo-inner-holder { display: flex; flex: 1; flex-wrap: wrap; align-items: center; .widget-title { width: 100%; } .image-holder { width: 50%; padding: 10px; &.black-white:hover { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: grayscale(0); } &:not(.black-white) a:hover { opacity: 0.7; filter: alpha(opacity=70); } }//.image-holder }//.labtheme-client-logo-inner-holder }//.widget_labtheme_client_logo_widget /*========================== WIDGET CONTACT ==========================*/ .widget_labtheme_contact_social_links{ .contact-info { ul.contact-list { li { border-bottom: 1px solid rgba(0,0,0,0.1); } + .social-networks { margin-top: 20px; } }//ul.contact-list .social-networks { font-size: 1.125em; } }//.contact-info }//.widget_labtheme_contact_social_links /*=========================== WIDGET TESTIMONIAL ===========================*/ .widget_labtheme_companion_testimonial_widget { .labtheme-testimonial-inner-holder { border: 1px solid rgba(0,0,0,0.1); padding: 15px; }//.labtheme-testimonial-inner-holder .img-holder { margin-bottom: 20px; }//.img-holder .name { display: block; font-weight: 700; font-size: 1.125em; color: #000; }//.name .designation { font-style: italic; display: block; }//.designation .testimonial-content { p { margin-top: 20px; margin-bottom: 0; } }//.testimonial-content }//.widget_labtheme_companion_testimonial_widget /*======================== WIDGET FAQ ========================*/ .widget_labtheme_companion_faqs_widget { .expand-faq { display: table; clear: both; margin-left: auto; margin-bottom: 15px; }//.expand-faq ul { li { margin-top: 0; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.1); &:last-child { margin-bottom: 0; } .toggle { color: #000; font-weight: 600; position: relative; &:hover { color: $primary_color; } &:after { top: 5px; } }//.toggle &.show .toggle { color: $primary_color; } .inner { margin-top: 20px; }//.inner }//li }//ul }//.widget_labtheme_companion_faqs_widget /*========================== WIDGET FEATURED PAGE ==========================*/ .widget_labtheme_featured_page_widget { .widget-featured-holder { display: flex; flex: 1; flex-direction: column; }//.widget-featured-holder .section-subtitle { font-size: 1em; margin-top: 0; margin-bottom: 5px; order: 2; }//.section-subtitle .text-holder { order: 3; .widget-title { border-bottom: none; padding-bottom: 0; margin-bottom: 20px; }//.widget-title }//.text-holder .img-holder { margin-bottom: 30px; }//.img-holder }//.widget_labtheme_featured_page_widget /*=========================== WIDGET ICON TEXT ===========================*/ .widget_labtheme_icon_text_widget { .labtheme-itw-inner-holder { display: flex; flex: 1; flex-direction: column; }//.labtheme-itw-inner-holder .text-holder { order: 2; .widget-title { font-size: 1.125em; padding-bottom: 0; border-bottom: none; margin-bottom: 15px; }//.widget-title .content { p { margin-top: 0; margin-bottom: 20px; } }//.content }//.text-holder .icon-holder { font-size: 3.5em; line-height: 1; color: $primary_color; }//.icon-holder }//.widget_labtheme_icon_text_widget /*============================ WIDGET POPULAR POST ============================*/ .widget_labtheme_popular_post { ul { li { border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 15px; padding-bottom: 15px; &:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .entry-header { .comment-count, .entry-meta, .view-count { font-size: 0.875em; display: inline-block; margin-right: 10px; } .entry-meta > span { font-size: 1em; } }//.entry-header }//li }//ul }//.widget_labtheme_popular_post /*============================ WIDGET RECENT POST ============================*/ .widget_labtheme_recent_post { ul { li { border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 15px; padding-bottom: 15px; &:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } }//li }//ul }//.widget_labtheme_recent_post /*============================== WIDGET STAT COUNTER ==============================*/ .widget_labtheme_companion_stat_counter_widget { .image-holder { margin-bottom: 20px; } .odometer-inside { line-height: 1; }//.odometer-inside }//.widget_labtheme_companion_stat_counter_widget /*=========================== WIDGET TEAM ===========================*/ .widget_labtheme_description_widget { .labtheme-team-inner-holder { .text-holder { margin-top: 25px; .name { display: block; font-size: 1.125em; font-weight: 700; color: #000; } .description { margin-top: 10px; p { margin-top: 0; margin-bottom: 30px; } }//.description }//.text-holder ul.social-profile { border-top: 1px solid rgba(0,0,0,0.1); padding-top: 15px; li { margin: 5px !important; a { color: #fff; } }//li }//.social-profile }//.labtheme-team-inner-holder }//.widget_labtheme_description_widget /*============================== WIDGET WTE ADVANCED SEARCH ==============================*/ .widget_wte_advanced_search_widget { form { .advanced-search-field { margin-bottom: 10px; }//.advanced-search-field }//form }//.widget_wte_advanced_search_widget