/home/arranoyd/energyclinic.com.hr/wp-content/themes/bonbon/skins/default/skin-upgrade-style.scss
@import "../../css/_mixins.scss";
@import "../../css/_theme-vars.scss";
@import "css/_skin-vars.scss";
// --content gaps
.page_content_wrap {
padding-top: 9.4rem;
padding-bottom: 9.4rem;
}
// --single post -style 5
.single_style_style-5 .page_content_wrap {
padding-top: 6em;
}
// --single team
.team_page_wrap_info:before {
height: 105%;
}
// --post 404
.error404 {
.post_content {
padding: 4em 0 9.4em;
}
.page_title {
font-size: 400px;
}
.page_subtitle {
font-size: 35px;
}
.page_description {
font-size: 1rem;
}
}
.post_item_404 .post_content .all-svg {
display: none;
}
// ---user styles
// --dropcat -gutenberg
.has-drop-cap:not(:focus):first-letter {
color: var(--theme-color-text_link);
}
// --trx dropcat -style2
.trx_addons_dropcap_style_2 {
color: var(--theme-color-text_link);
}
// --socials
.sc_socials.sc_socials_default .socials_wrap .social_item .social_icon {
border-color: var(--theme-color-bd_color);
}
.social_item.social_item_type_names .social_name,
.sc_socials.sc_socials_icons_names .social_item .social_name,
.sc_socials.sc_socials_icons_names .socials_wrap .social_item .social_icon + .social_name {
font-weight: 400 !important;
}
// --google map -marker
.map_marker {
background-color: var(--theme-color-text_link);
> div {
background-color: var(--theme-color-text_link_05);
}
}
// --widget hotspot
.sc_hotspot_default {
.sc_hotspot_item_popup {
width: 200px;
padding: 13px;
@include box-shadow(none);
background: var(--theme-color-text_link);
.sc_hotspot_item_title {
font-size: 16px;
letter-spacing: 1px;
}
.sc_hotspot_item_price {
color: var(--theme-color-alter_dark);
}
.sc_hotspot_item_description {
color: var(--theme-color-alter_dark);
}
}
.sc_hotspot_item_popup_close.trx_addons_button_close {
display: none;
}
}
// --widget instagram -modern style
.widget_instagram_type_modern .widget_instagram_follow_link_wrap .widget_instagram_follow_link {
color: var(--theme-color-text_link) !important;
background-color: var(--theme-color-bg_color) !important;
}
// --instagram feed -style 2
#sb_instagram[data-shortcode-atts*="feedTwo"] .sbi_follow_btn a,
#sb_instagram.feedTwo .sbi_follow_btn a {
background-color: var(--theme-color-bg_color) !important;
}
#sb_instagram[data-shortcode-atts*="feedTwo"] .sbi_follow_btn .fa,
#sb_instagram[data-shortcode-atts*="feedTwo"] .sbi_follow_btn svg,
#sb_instagram.feedTwo .sbi_follow_btn .fa, #sb_instagram.feedTwo .sbi_follow_btn svg {
color: var(--theme-color-text_link);
}
// --widget search -modern style
.search_modern {
.search_header_wrap .logo_image {
top: 60px;
}
}
// --woocommerce -widget cart
.sc_layouts_cart:not(.modern) .sc_layouts_cart_widget .total {
border-color: var(--theme-color-extra_bd_color) !important;
}
// --woocommerce -pain style
// ---wishlist btn
.product_style_plain .post_featured .top-info .tinv-wraper > .tinvwl_add_to_wishlist_button {
background-color: var(--theme-color-bg_color);
}
// ---product btn
.woocommerce ul.products .product_style_plain.product .wrap-data-hover .add_to_cart_wrap [class*="cart"] {
color: var(--theme-color-inverse_link);
background-color: var(--theme-color-text_link);
&:hover {
color: var(--theme-color-inverse_link);
background-color: var(--theme-color-text_hover);
}
}
// --shop custom slider
.shop-nav-slider-custom .widget_slider .slider_container.slider_controls_side .slider_controls_wrap > a {
color: var(--theme-color-text_light);
}
// --blogger -classic masonry style
.sc_blogger_classic-masonry.sc_blogger_classic-masonry_default {
.post_layout_classic-masonry .post_header:before {
background-color: var(--theme-color-text_link);
}
// ---pagination
.slider_container.slider_pagination_pos_bottom .swiper-pagination-bullets .swiper-pagination-bullet,
.slider_outer.slider_outer_pagination_pos_bottom .swiper-pagination-bullets .swiper-pagination-bullet,
.slider_outer.slider_outer_pagination_pos_bottom_outside .swiper-pagination-bullets .swiper-pagination-bullet {
border-color: var(--theme-color-bd_color);
background-color: var(--theme-color-bd_color);
}
.swiper-pagination-custom .swiper-pagination-button.swiper-pagination-button-active,
.sc_slider_controls.slider_pagination_style_bullets .slider_pagination_bullet.swiper-pagination-bullet-active,
.sc_slider_controls.slider_pagination_style_bullets .slider_pagination_bullet:hover,
.slider_container .slider_pagination_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active,
.slider_outer .slider_pagination_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active,
.slider_container .slider_pagination_wrap .swiper-pagination-bullet:hover,
.slider_outer .slider_pagination_wrap .swiper-pagination-bullet:hover {
border-color: var(--theme-color-text_link);
background-color: var(--theme-color-text_link);
}
}
// --porfolio -extra style
.sc_portfolio.sc_portfolio_extra {
.sc_portfolio_item .post_featured .post_info {
.post_title {
background-color: var(--theme-color-text_link);
a {
color: var(--theme-color-inverse_link) !important;
}
}
.post_meta .post_categories {
background-color: var(--theme-color-text_link);
a,span {
color: var(--theme-color-inverse_link) !important;
}
}
}
&.sc_portfolio_eclipse .sc_portfolio_item .post_featured {
.mask {
background-color: var(--theme-color-text_link);
}
}
}
// --grid 7/9
.sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_7,
.sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_9 {
.sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bl {
.sc_blogger_item_title {
background-color: var(--theme-color-text_link);
a {
color: var(--theme-color-inverse_link) !important;
}
}
.post_meta .post_categories {
background-color: var(--theme-color-text_link);
a,span {
color: var(--theme-color-inverse_link) !important;
}
}
}
}
// --grid 14
.sc_blogger_lay_portfolio.sc_blogger_lay_portfolio_style_14 {
.sc_blogger_item {
.post_featured_bg[data-ratio="10:7"]:before {
padding-top: 100%;
}
.sc_blogger_item_body .post_featured .post_info_bc:before {
background-color: var(--theme-color-inverse_bd_color);
}
.sc_blogger_item_body .post_featured:hover .post_info_bc:before {
opacity: 0.6;
}
}
}
// --services -fashion style
.sc_services_fashion {
.sc_services_item.with_image .sc_services_item_content:before {
background: rgba(0, 0, 0, 0.23);
background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.23) 100%);
background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.23) 100%);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.23) 100%);
}
}
// --icons services -default style
.sc_icons.sc_icons_default:not(.color_style_dark) {
.sc_icons_item_linked:hover .sc_icons_icon {
color: var(--theme-color-text_link);
}
&.color_style_link2 {
.sc_icons_item:hover .sc_icons_icon {
color: var(--theme-color-text_link2);
}
}
&.color_style_link3 {
.sc_icons_item:hover .sc_icons_icon {
color: var(--theme-color-text_link3);
}
}
}
// --icons services -accent style
.sc_icons_accent:not(.color_style_dark) {
.sc_icons_item:hover {
background-color: var(--theme-color-bg_color);
.sc_icons_icon {
color: var(--theme-color-text_link);
}
.sc_icons_item_title,
.sc_icons_item_title a {
color: var(--theme-color-text_dark);
}
.sc_icons_item_description {
color: var(--theme-color-text_dark);
}
.sc_icons_item_more_link {
color: var(--theme-color-text_dark);
}
}
.sc_icons_item .sc_icons_item_title a:hover {
color: var(--theme-color-text_dark);
}
&.color_style_link2 {
.sc_icons_item:hover .sc_icons_icon {
color: var(--theme-color-text_link2);
}
}
&.color_style_link3 {
.sc_icons_item:hover .sc_icons_icon {
color: var(--theme-color-text_link3);
}
}
}
// --icons services -creative styles
.sc_icons_creative:not(.color_style_dark) {
.sc_icons_item .sc_icons_decoration_bg svg.decor-svg {
fill: var(--theme-color-alter_bg_color) !important;
}
.sc_icons_item:hover .sc_icons_decoration_bg svg.decor-svg {
fill: var(--theme-color-alter_bg_color) !important;
}
.sc_icons_item .sc_icons_icon {
color: var(--theme-color-text_dark);
}
.sc_icons_item:hover .sc_icons_icon {
color: var(--theme-color-text_link);
}
&.color_style_link2 {
.sc_icons_item:hover .sc_icons_icon {
color: var(--theme-color-text_link2);
}
}
&.color_style_link3 {
.sc_icons_item:hover .sc_icons_icon {
color: var(--theme-color-text_link3);
}
}
}
// --testimonials -creative style
.sc_testimonials_creative {
// ---autor icon
.sc_testimonials_item_author:before,
[class*="column"] .sc_testimonials_item_author:before {
color: var(--theme-color-text_link2);
}
}
// --price -metro style
.sc_price_metro {
.sc_price_item.sc_price_active {
@include box-shadow (none);
}
}
// --mc4wp form -style 9
#style-9.mc4wp-form {
.mc4wp-form-fields input[type="email"] {
border-width: 1px;
border-color: var(--theme-color-bd_color);
}
}
//*-- RESPONSIVE STYLE --*//
//@mixin theme--xl()
@media #{$media_xl} {
// --content gaps
.page_content_wrap {
padding-top: 130px;
padding-bottom: 130px;
}
// --post 404
.error404 {
.post_content {
padding: 50px 0 130px;
}
.page_title {
font-size: 300px;
}
}
}
//@mixin theme--lg()
@media #{$media_lg} {
// --content gaps
.page_content_wrap {
padding-top: 110px;
padding-bottom: 110px;
}
// --post 404
.error404 {
.post_content {
padding: 50px 0 110px;
}
.page_title {
font-size: 250px;
}
}
// --widget search -modern style
.search_modern .search_header_wrap .logo_image {
top: 30px;
}
}
//@mixin theme--md()
@media #{$media_md} {
// --content gaps
.page_content_wrap {
padding-top: 100px;
padding-bottom: 100px;
}
// --post 404
.error404 .post_content {
padding: 40px 0 100px;
}
// --widget search -modern style
.search_modern .search_header_wrap .logo_image {
top: 21px;
}
}
//@mixin theme--sm()
@media #{$media_sm} {
// --content gaps
.page_content_wrap {
padding-top: 70px;
padding-bottom: 70px;
}
// --single post -style 5
.single_style_style-5 .page_content_wrap {
padding-top: 50px;
}
// --post 404
.error404 {
.post_content {
padding: 40px 0 70px;
}
.page_title {
font-size: 150px;
}
.page_subtitle {
font-size: 25px;
}
}
// --widget hotspot
.sc_hotspot_default .sc_hotspot_item_popup {
padding: 10px;
}
}
