/*--------------------------------------------------------------
# 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