/*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 60px 0; /* Make sure select elements fit in widgets. */ } #secondary .widget:last-child { margin-bottom: 0; } .widget select { max-width: 100%; } .widget { ul { margin: 0; padding: 0; list-style: none; li { display: block; margin-bottom: 10px; border-bottom: 2px solid rgba($black_color, 0.05); padding-bottom: 10px; &:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } a { color: $font_color; &:hover { color: $primary_color; } } } } }//.widget .widget_calendar { .calendar_wrap { position: relative; } table { text-align: center; font-size: 0.8888em; th, td { padding-left: 0; padding-right: 0; } }//table .wp-calendar-nav { span:not(.pad) { position: absolute; top: 0; padding: 0; left: 0; a { position: relative; display: inline-block; background: rgba($black_color, 0.05); text-indent: 100%; white-space: nowrap; overflow: hidden; &:hover { background: rgba($black_color, 0.15); } &::before { content: ""; background-image: url('data:image/svg+xml; utf-8, '); position: absolute; top: 0; left: 0; width: 10px; height: 15px; margin: auto; bottom: 0; right: 0; } }//a &.wp-calendar-nav-next { left: auto; right: 0; a { &::before { content: ""; background-image: url('data:image/svg+xml; utf-8, '); } } }//&.wp-calendar-nav-next }//td }//.wp-calendar-nav }//.widget_calendar .widget-area { .widget { .widget-title { font-size: 0.7778em; text-align: left; border-bottom: 1px solid rgba($primary_color, 0.2); padding-bottom: 10px; font-weight: 800; letter-spacing: 1px; position: relative; margin-top: 0; margin-bottom: 25px; &:after { content: ""; background: $primary_color; width: 100px; height: 1px; position: absolute; bottom: -1px; left: 0; } }//.widget-title }//.widget }//.widget-area .search-form { display: flex; flex: 1; flex-wrap: wrap; label { width: calc(100% - 50px); } .search-field { border-radius: 0; border-right: none; height: 50px; font-size: 0.7778em; }//.search-field .search-submit { width: 50px; height: 50px; padding: 0; text-align: center; @include border-radius(0); border: none; @include box-shadow(none); background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 20px; background-position: center; text-indent: 60px; overflow: hidden; &:hover { background-color: $black_color; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 20px; background-position: center; } }//.search-submit }//.search-form /*=========================== WIDGET AUTHOR BIO ===========================*/ .widget_bttk_author_bio { text-align: left; .image-holder { margin-bottom: 20px; }//.image-holder .title-holder { font-size: 1.1112em; line-height: 1.5em; font-weight: 800; margin-bottom: 10px; }//.title-holder .author-bio-content { p { margin-top: 0; margin-bottom: 15px; } }//.author-bio-content .text-signature { margin-bottom: 20px; } .readmore { background: $primary_color; color: $white_color; font-size: 0.7778em; margin-bottom: 20px; font-weight: 500; display: block; text-align: center; &:hover { background: $black_color; } }//.readmore .author-socicons { li { padding-bottom: 0; border-bottom: none; margin: 3px; font-size: 0.7778em; a { display: inline-block; width: 40px; text-align: center; height: 40px; line-height: 40px; border: 1px solid rgba($black_color, 0.1); @include border-radius(100%); &:hover { background: $primary_color; color: $white_color; } svg { margin-top: 0; } } } }//.author-socicons }//.widget_bttk_author_bio /*=============================== WIDGET RECENT & POPULAR POST ===============================*/ .widget_bttk_popular_post ul li, .widget_bttk_pro_recent_post ul li { margin-bottom: 20px; padding-bottom: 20px; } .widget_bttk_popular_post ul li:last-child, .widget_bttk_pro_recent_post ul li:last-child { margin-bottom: 0; padding-bottom: 0; } .widget_bttk_popular_post ul li .entry-header, .widget_bttk_pro_recent_post ul li .entry-header { display: flex; flex: 1; flex-direction: column; } .widget_bttk_popular_post ul li .entry-header .entry-title, .widget_bttk_pro_recent_post ul li .entry-header .entry-title { order: 3; } .widget_bttk_popular_post ul li .entry-header .entry-meta, .widget_bttk_pro_recent_post ul li .entry-header .entry-meta { font-size: 0.7778em; margin-bottom: 5px; } .widget_bttk_popular_post ul li .entry-header .entry-meta > span, .widget_bttk_pro_recent_post ul li .entry-header .entry-meta > span { font-size: 1em; } .widget_bttk_popular_post ul li .entry-header .entry-meta > span a, .widget_bttk_pro_recent_post ul li .entry-header .entry-meta > span a { color: #999; } .site-footer .widget_bttk_popular_post ul li .entry-header .entry-meta > span a, .site-footer .widget_bttk_pro_recent_post ul li .entry-header .entry-meta > span a { color: rgba($white_color, 0.7); } .widget_bttk_popular_post ul li .entry-header .entry-meta > span a:hover, .widget_bttk_pro_recent_post ul li .entry-header .entry-meta > span a:hover, .site-footer .widget_bttk_popular_post ul li .entry-header .entry-meta > span a:hover, .site-footer .widget_bttk_pro_recent_post ul li .entry-header .entry-meta > span a:hover { color: $primary_color; } /*============================= WIDGET ARCHIVE =============================*/ .widget ul li, .widget .textwidget { font-size: 0.8888em; line-height: 1.65em; } .widget_archive ul li, .widget_categories ul li, .widget_pages ul li, .widget_meta ul li, .widget_nav_menu ul li { font-size: 0.7778em; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .widget_nav_menu ul ul { padding-left: 15px; margin-top: 10px; border-top: 2px solid rgba($black_color, 0.05); padding-top: 10px; } .widget_nav_menu ul ul li { font-size: 1em; } /*============================= WIDGET SOCIAL LINKS =============================*/ .widget_bttk_social_links { ul { display: flex; flex: 1; flex-wrap: wrap; li { float: none; font-size: 0.7778em; padding: 0 5px; border-bottom: none; a { width: 40px; height: 40px; line-height: 40px; background: none; border: 1px solid rgba($black_color, 0.3); &:hover { background: $primary_color; border-color: $primary_color; color: $white_color !important; } svg { margin-top: 0; } } } }//ul }//.widget_bttk_social_links /*============================== WIDGET IMAGE TEXT ==============================*/ .widget_bttk_image_text_widget { .bttk-itw-holder { img { width: 100%; }//img }//.bttk-itw-holder }//.widget_bttk_image_text_widget /*============================== WIDGET NEWSLETTER ==============================*/ .widget_blossomthemes_email_newsletter_widget { .blossomthemes-email-newsletter-wrapper { text-align: center; padding: 30px; }//.blossomthemes-email-newsleter-wrapper .img-holder { width: 75px; height: 75px; text-align: center; background: $white_color; line-height: 75px; overflow: hidden; display: flex; flex: 1; flex-direction: column; justify-content: center; align-items: center; border-radius: 100%; border: 1px solid $primary_color; margin: 0 auto 20px auto; }//.img-holder .text-holder { h3 { font-size: 1em; margin-top: 0; margin-bottom: 20px; } span { margin-bottom: 20px; display: block; font-size: 0.8888em; line-height: 1.6em; } }//.text-holder input[type="text"], input[type="email"] { text-align: center; margin-bottom: 10px; } input[type="submit"] { display: block; width: 100%; } .subscribe-inner-wrap { font-size: 0.8888em; text-align: left; color: #666; position: relative; padding-left: 28px; margin-bottom: 10px; line-height: 1.6em; cursor: pointer; overflow: hidden; &:hover { text-decoration: underline; } .check-mark { width: 17px; height: 17px; display: block; border: 1px solid rgba($black_color, 0.2); position: absolute; top: 0; left: 0; background-image: url('data:image/svg+xml; utf-8, '); background-repeat: no-repeat; background-size: 0; background-position: center; @include transition(all ease 0.35s); } input[type="checkbox"] { display: none; &:checked + .check-mark { background-size: 10px; background-color: $primary_color; border-color: $primary_color; &::before { display: none; } } } }//.subscribe-inner-wrap }//.widget_blossomthemes_email_newsletter_widget /*============================ WIDGET TESTIMONIAL ============================*/ .widget_bttk_testimonial_widget { display: flex; flex: 1; flex-direction: column; .bttk-testimonial-holder { display: flex; flex: 1; flex-direction: column; }//.bttk-testimonial-holder .bttk-testimonial-inner-holder { background: $white_color; padding: 40px 40px 100px 40px; margin-bottom: 55px; text-align: center; position: relative; @include box-shadow(0 4px 30px rgba($black_color, 0.3)); display: flex; flex: 1; flex-direction: column; justify-content: center; &:before { content: ""; border: 2px solid rgba($black_color, 0.05); position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; } .img-holder { width: 110px; height: 110px; @include border-radius(100%); border: 3px solid $primary_color; background: $white_color; padding: 5px; margin: 0 auto; position: absolute; bottom: -55px; left: 0; right: 0; img { @include border-radius(100%); border: 1px solid $primary_color; } }//.img-holder }//.bttk-testimonial-inner-holder .name { display: block; font-size: 1.6665em; font-family: $font_secondary; color: $primary_color; line-height: 1.25em; }//.name .designation { display: block; font-size: 0.8888em; color: #999; margin-top: 5px; }//.destination .testimonial-content { margin-top: 20px; font-size: 0.8888em; line-height: 1.7em; svg { margin: 0 auto 15px auto; } p { margin-top: 0; margin-bottom: 20px; &:last-child { margin-bottom: 0; } } }//.testimonial-content }//.widget_bttk_testimonial_widget /*============================= WIDGET CUSTOM CATEGORY =============================*/ .widget_bttk_custom_categories { ul { li { background-size: cover !important; font-size: 1em; padding: 0; border-bottom: none; &:after { background: rgba($black_color, 0.2); } a { color: $white_color; display: flex; flex: 1; align-items: center; flex-wrap: wrap; text-decoration: none; &:hover { text-decoration: none; color: $white_color; .post-count { background: $primary_color; color: #202020; } }//&:hover .cat-title { float: none; font-size: 0.7em; font-weight: 700; letter-spacing: 1px; padding-left: 15px; display: flex; flex: auto; }//.cat-title .post-count { background: rgba($black_color, 0.5); text-transform: uppercase; font-size: 0.6em; font-weight: 700; letter-spacing: 1px; justify-content: center; float: none; margin: 0; } }//a }//li }//ul }//.widget_bttk_custom_categories /*=========================== WIDGET CONTACT ===========================*/ .widget_bttk_contact_social_links { ul.contact-list { li { position: relative; padding-left: 40px; line-height: 1.5em; min-height: 30px; svg { position: absolute; top: -2px; left: 0; width: 30px; height: 30px; padding: 7px; color: #868e96; margin-top: 0; } }//li + .social-networks { border-top: 1px solid rgba($black_color, 0.1); margin-top: 20px; padding-top: 20px; } }//ul.contact-list .social-networks { display: flex; flex: 1; flex-wrap: wrap; li { margin: 3px; font-size: 0.9em; padding: 0; border-bottom: none; a { width: 40px; text-align: center; height: 40px; display: inline-block; line-height: 45px; background: $primary_color; color: $white_color; &:hover { background: #202020; color: $white_color; } svg { margin-top: 0; } }//a }//li }//.social-networks }//.widget_bttk_contact_social_links /*=========================== WIDGET TEAM ===========================*/ .bttk-team-holder-modal { display: none !important; }//.bttk-team-holder-modal .bttk-team-inner-holder { text-align: center; .image-holder { margin-bottom: 20px; }//.image-holder .name { display: block; font-weight: 700; font-size: 1.1112em; }//.name .designation { display: block; font-size: 0.8888em; color: #777; }//.designation ul.social-profile { li { display: inline-block; margin: 3px 1px; padding: 0; border-bottom: none; a { border: 1px solid rgba($black_color, 0.1); display: inline-block; width: 40px; text-align: center; height: 40px; line-height: 40px; &:hover { background: $primary_color; border-color: $primary_color; color: $white_color; } svg { margin: 0; }//svg }//a }//li }//ul.contact-list }//.bttk-team-inner-holder /*========================== WIDGET STAT COUNTER ==========================*/ .widget_blossomthemes_stat_counter_widget { .blossomthemes-sc-holder { display: flex; flex: 1; flex-direction: column; justify-content: center; align-items: center; border: 1px solid rgba($black_color, 0.1); padding: 20px; .widget-title { order: 3; margin-bottom: 10px; margin-top: 5px; border-bottom: none; padding-bottom: 0; font-size: 0.8888em; font-weight: 600; letter-spacing: 0; &:after { display: none; } }//.widget-title .icon-holder { order: 1; font-size: 3em; color: $primary_color; margin-bottom: 30px; }//.icon-holder .hs-counter { order: 2; font-size: 2em; font-weight: 700; line-height: 1; }//.hs-counter }//.blossomthemes-sc-holder }//.widget_blossomthemes_stat_counter_widget /*============================== WIDGET POST CATEGORY SLIDER ==============================*/ .widget_bttk_posts_category_slider_widget { .post-thumbnail { margin-bottom: 0; }//.post-thumbnail .carousel-title { background: rgba($black_color, 0.05); padding: 20px; .cat-links { a { display: inline-block; color: #777; &:hover { color: $primary_color; } &::after { content: ","; } }//a }//.cat-links .title { margin-top: 0; margin-bottom: 0; font-size: 1em; font-weight: 700; a { color: $black_color; &:hover { color: $primary_color; } }//a }//.title }//.carousel-title .owl-theme { .owl-nav { [class*="owl-"] { top: 40%; @include transform(translateY(-50%)); &:hover { background: $primary_color; } }//[class*="owl-"] }//.owl-nav }//.owl-theme }//.widget_bttk_posts_category_slider_widget /*========================= WIDGET IMAGE TEXT =========================*/ .widget_bttk_image_text_widget { ul { li { padding-bottom: 0; border-bottom: none; margin-bottom: 20px; &:last-child { margin-bottom: 0; } .btn-readmore { width: auto; max-width: 90%; left: 0; right: 0; margin: 0 auto; display: table; padding-left: 20px; padding-right: 20px; @include transform(translate(0, -50%)); &:hover { background: $primary_color; color: $white_color; } }//.btn-readmore }//li }//ul }//.widget_bttk_image_text_widget /*============================ WIDGET ICON TEXT ============================*/ .widget_bttk_icon_text_widget { .rtc-itw-inner-holder { display: flex; flex: 1; flex-direction: column; text-align: center; .text-holder { order: 2; }//.text-holder .widget-title { font-size: 1em; text-align: center; border-bottom: none; padding-bottom: 0; margin-bottom: 20px; &:after { display: none; } }//.widget-title .icon-holder { margin-bottom: 30px; font-size: 4em; color: $primary_color; svg { margin: 0; } }//.icon-holder }//.rtc-itw-inner-holder }//.widget_bttk_icon_text_widget /*============================ WIDGET CLIENT LOGO ============================*/ .blossom-inner-wrap { display: flex; flex: 1; flex-wrap: wrap; align-items: center; .image-holder { width: 50%; padding: 15px; }//.image-holder }//.blossom-inner-wrap /*========================== WIDGET CALL TO ACTION ==========================*/ .widget_blossomtheme_companion_cta_widget { > div { padding: 60px 30px; min-height: 500px; display: flex; flex: 1; flex-direction: column; justify-content: center; &.bttk-cta-bg { position: relative; z-index: 1; &::before { content: ""; background: rgba($black_color, 0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .text-holder { color: $white_color; }//.text-holder }//.bttk-cta-bg &.right { .widget-title { text-align: right; } }//&.right &.centered { .widget-title { text-align: center; } }//&.centered }//> div .blossomtheme-cta-container { .widget-title { font-size: 1.6665em; font-weight: 600; color: $white_color; border-bottom: none; margin-bottom: 20px; padding-bottom: 0; &:after { display: none; } }//.widget-title .btn-cta { display: inline-block; background: $primary_color; color: $white_color; font-size: 0.8888em; font-weight: 700; letter-spacing: 0.5px; padding: 10px 30px; margin: 5px; &:hover { background: $white_color; color: $primary_color; } + .btn-cta { background: $white_color; color: $primary_color; &:hover { background: $primary_color; color: $white_color; } } }//.btn-cta }//.blossomtheme-cta-container }//.widget_blossomtheme_companion_cta_widget /*=========================== WIDGET TAG CLOUD ===========================*/ .tagcloud { a { display: inline-block; font-size: 0.6666em !important; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; border: 1px solid #777; color: #777; padding: 5px 15px; margin: 5px 2px; &:hover { background: $primary_color; border-color: $primary_color; color: $white_color; } }//a }//.tagcloud /*============================ WIDGET INSTAGRAM ============================*/ .widget_btif_instagram_widget { ul { li { margin: 0; padding: 3px; border-bottom: none; }//li }//ul .profile-link { display: block; text-align: center; background: $black_color; border: 1px solid $black_color; color: $white_color; font-size: 0.8888em; padding: 5px 10px; margin-top: 10px; &:hover { background: none; color: $black_color; } .insta-icon { margin-right: 5px; svg { margin: 0; } }//.insta-icon }//.profile-link }//.widget_btif_instagram_widget