@import "../../../../css/_mixins.scss"; @import "../../../../css/_theme-vars.scss"; @import "../../css/_skin-vars.scss"; @media #{$media_xxl} { .sc_testimonials_hover .sc_testimonials_item { padding: 50px 45px 50px; } /* Portfolio Fill */ .sc_portfolio.sc_portfolio_fill .sc_item_posts_container { grid-template: auto/repeat(3, 1fr); .sc_portfolio_item { min-height: 300px; } } // Style Band .sc_portfolio.sc_portfolio_band .sc_portfolio_item .post_content_wrap .theme_button { margin-top: 20px; margin-bottom: 0; } .content_wrap_fullscreen .elementor-section-full_width .sc_portfolio.sc_portfolio_band { .sc_portfolio_content { .sc_portfolio_item { .post_content_wrap { .theme_button { margin-top: 15%; margin-bottom: -15%; } } } } } /* grid Style 4 */ .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_4 { .sc_blogger_grid_wrap { &.sc_blogger_grid_1 { grid-template-rows: 360px 360px; } &.sc_blogger_grid_2 { grid-template-rows: 360px 360px; } &.sc_blogger_grid_3 { grid-template-rows: 360px 360px; } &.sc_blogger_grid_4 { grid-template-rows: 360px 360px; } &.sc_blogger_grid_5 { grid-template-rows: 360px 360px; } &.sc_blogger_grid_6 { grid-template-rows: 360px 360px 360px 360px; } &.sc_blogger_grid_7 { grid-template-rows: 360px 360px 360px 360px; } &.sc_blogger_grid_8 { grid-template-rows: 360px 360px 360px 360px; } &.sc_blogger_grid_9 { grid-template-rows: 360px 360px 360px 360px; } &.sc_blogger_grid_10 { grid-template-rows: 360px 360px 360px 360px; } &.sc_blogger_grid_11 { grid-template-rows: repeat(6, 360px); } &.sc_blogger_grid_12 { grid-template-rows: repeat(6, 360px); } } } /* grid Style 13 */ .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_8 { .sc_blogger_grid_wrap { &.sc_blogger_grid_1 { grid-template-rows: 360px 360px; } &.sc_blogger_grid_2 { grid-template-rows: 360px 360px; } &.sc_blogger_grid_3 { grid-template-rows: 360px 360px; } &.sc_blogger_grid_4 { grid-template-rows: 360px 360px; } &.sc_blogger_grid_5 { grid-template-rows: 360px 360px; } &.sc_blogger_grid_6 { grid-template-rows: 360px 360px 360px 360px; } &.sc_blogger_grid_7 { grid-template-rows: 360px 360px 360px 360px; } &.sc_blogger_grid_8 { grid-template-rows: 360px 360px 360px 360px; } &.sc_blogger_grid_10, &.sc_blogger_grid_9 { grid-template-rows: 360px 360px 360px 360px; } &.sc_blogger_grid_11 { grid-template-rows: 360px 360px 360px 360px 360px 360px; } &.sc_blogger_grid_12 { grid-template-rows: 360px 360px 360px 360px 360px 360px; } } } // Testimonials Light Styles .sc_testimonials_light .sc_item_slider.slider_outer_pagination_pos_bottom .swiper-pagination { margin-top: 3.5em; } } //@mixin trx_addons--xl() { @media #{$media_xl} { /* Portfolio Start */ // Style Grid 3 .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_3 { .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bl { bottom: 30px; left: 30px; padding: 20px 27px 17px; max-height: calc(100% - 60px); max-width: calc(100% - 60px); .sc_blogger_item_title { line-height: 1.3em; } } .sc_blogger_grid_wrap { &.sc_blogger_grid_1 { grid-template-rows: 250px 250px; } &.sc_blogger_grid_2 { grid-template-rows: 250px 250px; } &.sc_blogger_grid_3 { grid-template-rows: 250px 250px; } &.sc_blogger_grid_4 { grid-template-rows: 250px 250px; } &.sc_blogger_grid_5 { grid-template-rows: 250px 250px; } &.sc_blogger_grid_6 { grid-template-rows: 250px 250px 250px 250px; } &.sc_blogger_grid_7 { grid-template-rows: 250px 250px 250px 250px; } &.sc_blogger_grid_8 { grid-template-rows: 250px 250px 250px 250px; } &.sc_blogger_grid_9 { grid-template-rows: 250px 250px 250px 250px; } &.sc_blogger_grid_10 { grid-template-rows: 250px 250px 250px 250px; } &.sc_blogger_grid_12, &.sc_blogger_grid_11 { grid-template-rows: 250px 250px 250px 250px 250px 250px; } } } // Style Grid 5 .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_5 { .sc_blogger_grid_wrap { &.sc_blogger_grid_1 { grid-template-rows: 300px 300px; } &.sc_blogger_grid_2 { grid-template-rows: 300px 300px; } &.sc_blogger_grid_3 { grid-template-rows: 300px 300px; } &.sc_blogger_grid_4 { grid-template-rows: 300px 300px 300px 300px; } &.sc_blogger_grid_5 { grid-template-rows: 300px 300px 300px 300px; } &.sc_blogger_grid_6 { grid-template-rows: 300px 300px 300px 300px; } } } // Style 6 .sc_blogger_lay_portfolio.sc_blogger_lay_portfolio_style_6 { .trx_addons_column-1_6, .trx_addons_column-1_5, .trx_addons_column-1_4 { .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bc { .sc_blogger_item_title { font-size: 20px; } } } } // Style Grid 7 .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_7 { .sc_blogger_grid_wrap { &.sc_blogger_grid_1 { grid-template-rows: 360px 360px; } &.sc_blogger_grid_2 { grid-template-rows: 360px 360px; } &.sc_blogger_grid_3 { grid-template-rows: 360px 360px; } &.sc_blogger_grid_4 { grid-template-rows: 360px 360px; } &.sc_blogger_grid_5 { grid-template-rows: 360px 360px; } &.sc_blogger_grid_6 { grid-template-rows: 360px 360px 360px 360px; } &.sc_blogger_grid_7 { grid-template-rows: 360px 360px 360px 360px; } &.sc_blogger_grid_8 { grid-template-rows: 360px 360px 360px 360px; } &.sc_blogger_grid_9 { grid-template-rows: 360px 360px 360px 360px; } &.sc_blogger_grid_10 { grid-template-rows: 360px 360px 360px 360px; } &.sc_blogger_grid_12, &.sc_blogger_grid_11 { grid-template-rows: 360px 360px 360px 360px 360px 360px; } } } // Style Grid 8 .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_8 { .sc_blogger_grid_wrap { &.sc_blogger_grid_1 { grid-template-rows: 350px 350px; } &.sc_blogger_grid_2 { grid-template-rows: 350px 350px; } &.sc_blogger_grid_3 { grid-template-rows: 350px 350px; } &.sc_blogger_grid_4 { grid-template-rows: 350px 350px; } &.sc_blogger_grid_5 { grid-template-rows: 350px 350px; } &.sc_blogger_grid_6 { grid-template-rows: 350px 350px 350px 350px; } &.sc_blogger_grid_7 { grid-template-rows: 350px 350px 350px 350px; } &.sc_blogger_grid_10, &.sc_blogger_grid_9, &.sc_blogger_grid_8 { grid-template-rows: 350px 350px 350px 350px; } &.sc_blogger_grid_12, &.sc_blogger_grid_11 { grid-template-rows: 350px 350px 350px 350px 350px 350px; } } } // Style Grid 13 .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_13 { .sc_blogger_grid_wrap { &.sc_blogger_grid_1 { grid-template-rows: 250px 250px; } &.sc_blogger_grid_2 { grid-template-rows: 250px 250px; } &.sc_blogger_grid_3 { grid-template-rows: 250px 250px; } &.sc_blogger_grid_4 { grid-template-rows: 250px 250px 250px; } &.sc_blogger_grid_5 { grid-template-rows: 250px 250px 250px; } &.sc_blogger_grid_6 { grid-template-rows: 250px 250px 250px; } &.sc_blogger_grid_7 { grid-template-rows: 250px 250px 250px; } &.sc_blogger_grid_8 { grid-template-rows: 250px 250px 250px 250px; } &.sc_blogger_grid_9 { grid-template-rows: 250px 250px 250px 250px; } &.sc_blogger_grid_10 { grid-template-rows: 250px 250px 250px 250px 250px; } &.sc_blogger_grid_11 { grid-template-rows: 250px 250px 250px 250px 250px; } &.sc_blogger_grid_12 { grid-template-rows: 250px 250px 250px 250px 250px; } } } // Style 16 .sc_blogger_lay_portfolio.sc_blogger_lay_portfolio_style_16 { .trx_addons_column-1_6, .trx_addons_column-1_5, .trx_addons_column-1_4 { .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bl { bottom: 20px; left: 20px; right: 20px; top: 20px; padding: 20px 20px 20px; } } } // Style Modern .sc_blogger_portmodern .sc_blogger_content { width: var(--theme-var-page); .sc_blogger_item { .sc_blogger_item_title { font-size: 2.8em; } } } // Style Band .content_wrap_fullscreen .elementor-section-full_width .sc_portfolio.sc_portfolio_band { .sc_portfolio_content { .sc_portfolio_item { .post_content_wrap { .theme_button { margin-top: 30px; margin-bottom: 0; } } } } } // Single Portfolio Styles .portfolio_page { &.portfolio_page_details_right, &.portfolio_page_details_left { .portfolio_page_details_wrap { .portfolio_page_details .portfolio_page_details_item { .portfolio_page_details_item_title { width: 40%; } .portfolio_page_details_item_value { width: 60%; } } } } &.portfolio_page_details_top, &.portfolio_page_details_bottom { .portfolio_page_details_wrap { .portfolio_page_description + .portfolio_page_details { padding-left: 2em; } } } } .sc_portfolio.sc_portfolio_simple .sc_portfolio_item .post_content_wrap .post_meta { margin-bottom: 1px; } /* Portfolio End */ /* Filter Toggle style start */ .sc_style_toggle .sc_blogger .sc_item_filters_wrap .sc_item_filters { width: var(--theme-var-page); } /* Filter Toggle style end */ /* Countdown Start */ // Default style .sc_countdown_default { .sc_countdown_separator { margin: 0 20px; } .sc_countdown_item { .sc_countdown_digits { margin-bottom: 10px; } .sc_countdown_label { padding-top: 10px; } } &.aligncenter { .sc_countdown_separator { margin: 0 30px; } } } /* Countdown End */ /* Testimonials Styles Start */ // Plain Style .sc_testimonials_plain { .sc_testimonials_item { padding: 35px 40px 40px 80px; .sc_testimonials_item_author_avatar { width: 68px; height: 68px; } &:before { top: 42px; left: 30px; width: 30px; height: 30px; line-height: 30px; font-size: 22px; } } } // Fashion Style .sc_testimonials_fashion { .sc_testimonials_item_content, [class*="column"] .sc_testimonials_item_content { font-size: 22px; } .slider_outer_pagination_custom.slider_outer_pagination_pos_bottom_outside { padding-left: 40%; .swiper-pagination-custom { width: 40%; .slider-pagination-button { .img_wrap { img { height: 83px; width: 83px; } + .info_title { padding-top: 20px; } } } } } } // Extra Style .sc_testimonials_extra { .sc_testimonials_item { .sc_testimonials_item_content { padding: 40px 30px 48px; } } } // Alter Style .sc_testimonials_alter { .sc_testimonials_item_content, [class*="column"] .sc_testimonials_item_content { font-size: 22px; } } // Decoration Style .sc_testimonials_decoration { .sc_testimonials_item_content, [class*="column"] .sc_testimonials_item_content { font-size: 22px; } } /* Testimonials Styles End */ /* Team Styles Start*/ // Metro Style .sc_team_metro { .sc_team_item_info { padding: 30px; } .trx_addons_column-1_6, .trx_addons_column-1_5, .trx_addons_column-1_4, .trx_addons_column-1_3 { .sc_team_item.has-post-thumbnail { display: block; .post_featured { max-width: 100%; height: auto; } } } } // Alter Style .sc_team_alter { .sc_team_item_content { line-height: 1.2em; } } /* Team Styles End*/ /* Styles for review on Single Post */ .trx_addons_reviews_block_mark .trx_addons_reviews_block_mark_value { width: 2.8em; height: 2.8em; line-height: 2.8em; font-size: 2em; } } //@mixin trx_addons--lg() { @media #{$media_lg} { /* Portfolio Start */ // Style Grid 3 .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_3 { .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bl { bottom: 30px; padding: 30px; max-height: calc(100% - 60px); max-width: calc(100% - 60px); opacity: 1; transform: scale(1); } .sc_blogger_grid_wrap { &.sc_blogger_grid_1 { display: grid; grid-template-columns: 1fr; grid-template-rows: 250px 250px; gap: 0 0; grid-template-areas: "lg-1 lg-1" "lg-1 lg-1"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } } } &.sc_blogger_grid_2 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; gap: 0 0; grid-template-areas: "lg-1 lg-2" "lg-1 lg-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: lg-2; } } } &.sc_blogger_grid_3 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } } } &.sc_blogger_grid_4 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "lg-2 lg-2" "lg-2 lg-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: lg-2; } } } &.sc_blogger_grid_5 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "lg-2 lg-3" "lg-2 lg-3"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: lg-2; } &:nth-child(5) { grid-area: lg-3; } } } &.sc_blogger_grid_6 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } } } &.sc_blogger_grid_7 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "md-5 md-5" "md-5 md-5"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: md-5; } } } &.sc_blogger_grid_8 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "md-5 md-6" "md-5 md-6"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: md-5; } &:nth-child(8) { grid-area: md-6; } } } &.sc_blogger_grid_9 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } } } &.sc_blogger_grid_10 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6" "xl-1 xl-1" "xl-1 xl-1"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } &:nth-child(10) { grid-area: xl-1; } } } &.sc_blogger_grid_11 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6" "xl-1 xl-2" "xl-1 xl-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } &:nth-child(10) { grid-area: xl-1; } &:nth-child(11) { grid-area: xl-2; } } } &.sc_blogger_grid_12 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6" "md-7 lg-4" "md-8 lg-4"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } &:nth-child(10) { grid-area: md-7; } &:nth-child(11) { grid-area: md-8; } &:nth-child(12) { grid-area: lg-4; } } } } } // Style Grid 4 .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_4 { .sc_blogger_grid_wrap { &.sc_blogger_grid_1 { display: grid; grid-template-columns: 1fr; grid-template-rows: 250px 250px; gap: 0 0; grid-template-areas: "lg-1 lg-1" "lg-1 lg-1"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } } } &.sc_blogger_grid_2 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; gap: 0 0; grid-template-areas: "lg-1 lg-2" "lg-1 lg-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: lg-2; } } } &.sc_blogger_grid_3 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } } } &.sc_blogger_grid_4 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "lg-2 lg-2" "lg-2 lg-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: lg-2; } } } &.sc_blogger_grid_5 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "lg-2 lg-3" "lg-2 lg-3"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: lg-2; } &:nth-child(5) { grid-area: lg-3; } } } &.sc_blogger_grid_6 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } } } &.sc_blogger_grid_7 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "md-5 md-5" "md-5 md-5"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: md-5; } } } &.sc_blogger_grid_8 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "md-5 md-6" "md-5 md-6"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: md-5; } &:nth-child(8) { grid-area: md-6; } } } &.sc_blogger_grid_9 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } } } &.sc_blogger_grid_10 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6" "xl-1 xl-1" "xl-1 xl-1"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } &:nth-child(10) { grid-area: xl-1; } } } &.sc_blogger_grid_11 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6" "md-7 md-8" "md-7 md-8"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } &:nth-child(10) { grid-area: md-7; } &:nth-child(11) { grid-area: md-8; } } } &.sc_blogger_grid_12 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6" "md-7 lg-4" "md-8 lg-4"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } &:nth-child(10) { grid-area: md-7; } &:nth-child(11) { grid-area: md-8; } &:nth-child(12) { grid-area: lg-4; } } } } } .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_8 { .sc_blogger_grid_wrap { &.sc_blogger_grid_1 { display: grid; grid-template-columns: 1fr; grid-template-rows: 250px 250px; gap: 0 0; grid-template-areas: "lg-1 lg-1" "lg-1 lg-1"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } } } &.sc_blogger_grid_2 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; gap: 0 0; grid-template-areas: "lg-1 lg-2" "lg-1 lg-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: lg-2; } } } &.sc_blogger_grid_3 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } } } &.sc_blogger_grid_4 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "lg-2 lg-2" "lg-2 lg-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: lg-2; } } } &.sc_blogger_grid_5 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "lg-2 lg-3" "lg-2 lg-3"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: lg-2; } &:nth-child(5) { grid-area: lg-3; } } } &.sc_blogger_grid_6 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } } } &.sc_blogger_grid_7 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "md-5 md-5" "md-5 md-5"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: md-5; } } } &.sc_blogger_grid_8 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "md-5 md-6" "md-5 md-6"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: md-5; } &:nth-child(8) { grid-area: md-6; } } } &.sc_blogger_grid_9 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } } } &.sc_blogger_grid_10 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6" "xl-1 xl-1" "xl-1 xl-1"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } &:nth-child(10) { grid-area: xl-1; } } } &.sc_blogger_grid_11 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6" "xl-1 xl-2" "xl-1 xl-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } &:nth-child(10) { grid-area: xl-1; } &:nth-child(11) { grid-area: xl-2; } } } &.sc_blogger_grid_12 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(8, 250px); gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6" "md-7 lg-4" "md-8 lg-4"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } &:nth-child(10) { grid-area: md-7; } &:nth-child(11) { grid-area: md-8; } &:nth-child(12) { grid-area: lg-4; } } } } } // Style Grid 5 .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_5 { .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bl { transform: translateX(0); left: 30px; } .sc_blogger_grid_wrap { &.sc_blogger_grid_1 { display: grid; grid-template-columns: 1fr; grid-template-rows: 250px 250px; grid-template-areas: "lg-1 lg-1" "lg-1 lg-1"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } } } &.sc_blogger_grid_2 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; grid-template-areas: "lg-1 lg-2" "lg-1 lg-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: lg-2; } } } &.sc_blogger_grid_3 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } } } &.sc_blogger_grid_4 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "lg-2 lg-2" "lg-2 lg-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: lg-2; } } } &.sc_blogger_grid_5 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "lg-2 lg-3" "lg-2 lg-3"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: lg-2; } &:nth-child(5) { grid-area: lg-3; } } } &.sc_blogger_grid_6 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } } } } } // Style Extra .sc_portfolio.sc_portfolio_extra .sc_portfolio_item .post_featured:focus .post_info, .sc_portfolio.sc_portfolio_extra .sc_portfolio_item .post_featured:hover .post_info, .sc_portfolio.sc_portfolio_extra .sc_portfolio_item .post_featured .post_info { .post_title, .post_meta { transform: translateX(0); transition-duration: 0s; } } // Style 6 .sc_blogger_lay_portfolio.sc_blogger_lay_portfolio_style_6 { .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bc { transform: translate(0, 0); bottom: 30px !important; opacity: 1; .sc_blogger_item_title { font-size: 20px; } } .trx_addons_column-1_6, .trx_addons_column-1_5, .trx_addons_column-1_4 { .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bc { width: 85%; max-width: 85%; padding: 21px 15px 17px; .sc_blogger_item_title { font-size: 20px; line-height: 1.3em; a { padding-bottom: 2px; } } } } } // Style Grid 7 .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_7 { .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bl { opacity: 1 !important; .post_meta, .sc_blogger_item_title { width: 100% !important; white-space: normal; } } .sc_blogger_grid_wrap { &.sc_blogger_grid_1 { display: grid; grid-template-columns: 1fr; grid-template-rows: 250px 250px; gap: 0 0; grid-template-areas: "lg-1 lg-1" "lg-1 lg-1"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } } } &.sc_blogger_grid_2 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; gap: 0 0; grid-template-areas: "lg-1 lg-2" "lg-1 lg-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: lg-2; } } } &.sc_blogger_grid_3 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } } } &.sc_blogger_grid_4 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "lg-2 lg-2" "lg-2 lg-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: lg-2; } } } &.sc_blogger_grid_5 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "lg-2 lg-3" "lg-2 lg-3"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: lg-2; } &:nth-child(5) { grid-area: lg-3; } } } &.sc_blogger_grid_6 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } } } &.sc_blogger_grid_7 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "md-5 md-5" "md-5 md-5"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: md-5; } } } &.sc_blogger_grid_8 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "md-5 md-6" "md-5 md-6"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: md-5; } &:nth-child(8) { grid-area: md-6; } } } &.sc_blogger_grid_9 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } } } &.sc_blogger_grid_10 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6" "xl-1 xl-1" "xl-1 xl-1"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } &:nth-child(10) { grid-area: xl-1; } } } &.sc_blogger_grid_11 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6" "xl-1 xl-2" "xl-1 xl-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } &:nth-child(10) { grid-area: xl-1; } &:nth-child(11) { grid-area: xl-2; } } } &.sc_blogger_grid_12 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6" "md-7 lg-4" "md-8 lg-4"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } &:nth-child(10) { grid-area: md-7; } &:nth-child(11) { grid-area: md-8; } &:nth-child(12) { grid-area: lg-4; } } } } } // Grid Style 9 .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 { opacity: 1 !important; .post_meta, .sc_blogger_item_title { width: 100% !important; } } .sc_blogger_grid_wrap { &.sc_blogger_grid_1 { display: grid; grid-template-columns: 1fr; grid-template-rows: 250px 250px; grid-template-areas: "lg-1 lg-1" "lg-1 lg-1"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } } } &.sc_blogger_grid_2 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; grid-template-areas: "lg-1 lg-2" "lg-1 lg-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: lg-2; } } } &.sc_blogger_grid_3 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } } } &.sc_blogger_grid_4 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "lg-2 lg-2" "lg-2 lg-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: lg-2; } } } &.sc_blogger_grid_5 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "lg-2 lg-3" "lg-2 lg-3"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: lg-2; } &:nth-child(5) { grid-area: lg-3; } } } &.sc_blogger_grid_6 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } } } &.sc_blogger_grid_7 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "md-5 md-5" "md-5 md-5"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: md-5; } } } &.sc_blogger_grid_8 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "md-5 md-6" "md-5 md-6"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: md-5; } &:nth-child(8) { grid-area: md-6; } } } &.sc_blogger_grid_9 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } } } &.sc_blogger_grid_10 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6" "xl-1 xl-1" "xl-1 xl-1"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } &:nth-child(10) { grid-area: xl-1; } } } &.sc_blogger_grid_11 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6" "md-7 md-8" "md-7 md-8"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } &:nth-child(10) { grid-area: md-7; } &:nth-child(11) { grid-area: md-8; } } } &.sc_blogger_grid_12 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6" "md-7 lg-4" "md-8 lg-4"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } &:nth-child(10) { grid-area: md-7; } &:nth-child(11) { grid-area: md-8; } &:nth-child(12) { grid-area: lg-4; } } } } } // Grid Style 13 .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_13 { .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bl { padding: 20px 20px 16px; } } // Style 16 .sc_blogger_lay_portfolio.sc_blogger_lay_portfolio_style_16 { .trx_addons_column-1_6, .trx_addons_column-1_5, .trx_addons_column-1_4 { .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bl { bottom: 20px; left: 20px; right: 20px; top: 20px; padding: 20px 20px 20px; } } } // Style Default .sc_portfolio.sc_portfolio_default .sc_portfolio_item .post_featured .post_info { @include transform(translateZ(0)); } // Style Fill .sc_portfolio.sc_portfolio_fill { .sc_item_posts_container { &.grid_wrap_3 { display: grid; grid-template-columns: 1fr 1fr !important; grid-template-rows: 250px 250px !important; grid-template-areas: "md-1 sm-1" "md-1 sm-2"; .sc_portfolio_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: sm-1; } &:nth-child(3) { grid-area: sm-2; } } } &.grid_wrap_4 { display: grid; grid-template-columns: 1fr 1fr !important; grid-template-rows: repeat(5, 75px) !important; grid-template-areas: "md-1 md-2" "md-1 md-2" "md-1 md-4" "md-3 md-4" "md-3 md-4"; .sc_portfolio_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } } } &.grid_wrap_5 { display: grid; grid-template-columns: 1fr 1fr !important; grid-template-rows: repeat(8, 75px) !important; grid-template-areas: "md-1 md-2" "md-1 md-2" "md-1 md-4" "md-3 md-4" "md-3 md-4" "md-5 md-4" "md-5 md-4" "md-5 md-4"; .sc_portfolio_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } } } &.grid_wrap_6 { display: grid; grid-template-columns: 1fr 1fr !important; grid-template-rows: repeat(8, 75px) !important; grid-template-areas: "md-1 md-2" "md-1 md-2" "md-1 md-4" "md-3 md-4" "md-3 md-4" "md-5 md-4" "md-5 md-6" "md-5 md-6"; .sc_portfolio_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } } } &.grid_wrap_7 { display: grid; grid-template-columns: 1fr 1fr !important; grid-template-rows: repeat(8, 75px) !important; grid-template-areas: "md-1 md-2" "md-1 md-2" "md-1 md-4" "md-3 md-4" "md-3 md-6" "md-5 md-6" "md-5 md-7" "md-5 md-7"; .sc_portfolio_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } } } &.grid_wrap_8 { display: grid; grid-template-columns: 1fr 1fr 1fr !important; grid-template-rows: repeat(5, 75px) !important; grid-template-areas: "md-1 md-2 md-3" "md-1 md-2 md-3" "md-4 md-2 md-6" "md-4 md-5 md-6" "md-4 md-5 md-6" "md-7 md-7 md-6" "md-7 md-7 md-8" "md-7 md-7 md-8"; .sc_portfolio_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } } } } } .sc_portfolio.sc_portfolio_fill .sc_portfolio_item .post_featured .post_info .post_title a { overflow: hidden; padding-bottom: 2px; text-overflow: ellipsis; max-width: 100%; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 3; -moz-box-orient: vertical; line-clamp: 3; box-orient: vertical; } // Style Band .sc_portfolio.sc_portfolio_band .sc_portfolio_content .sc_portfolio_item .post_content_wrap { padding: 2.2em 0 2.8em 2.9em; } .sc_portfolio.sc_portfolio_band .sc_portfolio_item .post_content_wrap .post_description_content { margin-bottom: 0; } .sc_portfolio.sc_portfolio_band .sc_portfolio_item { align-items: flex-start; } // Style Modern .sc_blogger_portmodern { .sc_blogger_content { width: var(--theme-var-page); .sc_blogger_item { .sc_blogger_item_title { font-size: 2.4em; } &:after { bottom: 2.25rem; } } &:hover { .sc_blogger_item { &:after { opacity: 1 !important; } .sc_blogger_item_title { opacity: 1 !important; } } } } .portfolio_preview { .inner_preview .close { top: 1.5em; right: 2.5em; } } } // Style Modern .sc_portfolio.sc_portfolio_simple { .sc_portfolio_item .post_content_wrap .post_title { line-height: 1.1em; font-size: 1.6em; } .sc_portfolio_item { padding: 0 28px 14px 0; } } // Single Portfolio Styles .portfolio_page { .portfolio_page_title { max-width: none; margin-bottom: 25px; } &.portfolio_page_details_bottom, &.portfolio_page_details_top { .portfolio_page_details_wrap { .portfolio_page_description { width: 60%; } .portfolio_page_details { width: 40%; } } } } .sc_portfolio.sc_portfolio_simple.related_wrap { .related_columns .sc_portfolio_item { padding: 0 25px 20px 0; } } .single-cpt_portfolio { .post-navigation { .nav-links { margin-top: 2.5em; } } } .portfolio_page.portfolio_page_details_bottom .portfolio_page_details_wrap .portfolio_page_description + .portfolio_page_details, .portfolio_page.portfolio_page_details_top .portfolio_page_details_wrap .portfolio_page_description + .portfolio_page_details { padding-left: 2em; } .sc_blogger_portmodern .portfolio_preview .inner_preview .portfolio_description .post_details .post_title { line-height: 1.3; } .sc_blogger_portmodern .portfolio_preview .inner_preview .portfolio_description { padding: 5rem 3em 3rem 3em; } // Title portfolio ( Styles 2,7,9 ) .sc_blogger_lay_portfolio_grid { &.sc_blogger_lay_portfolio_grid_grid_style_7, &.sc_blogger_lay_portfolio_grid_grid_style_9 { .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bl { max-width: calc(100% - 60px) !important; .sc_blogger_item_title { a { overflow: hidden; padding-bottom: 2px; text-overflow: ellipsis; max-width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; line-clamp: 2; box-orient: vertical; } } } } } .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 { overflow: visible; white-space: normal; } /* Portfolio End */ /* Countdown Start */ // Default style .sc_countdown_default { .sc_countdown_item { .sc_countdown_digits { font-size: 52px; } .sc_countdown_label { font-size: 17px; } } } /* Countdown End */ /* Price Styles Start */ .sc_price .sc_price_item_description, .sc_price .sc_price_item_details { font-size: 17px; } // Default style .sc_price_default { .sc_price_item_link { padding-left: 30px; padding-right: 30px; } .sc_price_item_description, .sc_price_item_details { font-size: 15px; } } // Light style .sc_price_light, .sc_price_light .sc_price_item.with_image { .sc_price_item_inner { padding: 40px 30px; .sc_price_item_icon > span { font-size: 2.7em; } .sc_price_item_price { font-size: 50px; + .sc_price_item_details { margin-top: 30px; } .sc_price_item_price_before { line-height: 1.8em; } } .sc_price_item_details { padding-top: 25px; } .sc_price_item_subtitle, .sc_price_item_title, .sc_price_item_description, .sc_price_item_details { + .sc_price_item_link { margin-top: 20px; } } } } // Simple style .sc_price_simple, .sc_price_simple .sc_price_item.with_image { .sc_price_item_inner { .sc_price_item_icon > span { font-size: 2.7em; } .sc_price_item_price { font-size: 50px; + .sc_price_item_details { margin-top: 25px; } .sc_price_item_price_before { line-height: 1.8em; } } .sc_price_item_details { margin-top: 25px; } .sc_price_item_subtitle, .sc_price_item_title, .sc_price_item_description, .sc_price_item_details { + .sc_price_item_link { margin-top: 20px; } } } } // Simple Shadow style .sc_price_simple_shadow, .sc_price_simple_shadow .sc_price_item.with_image { .sc_price_item_inner { padding: 50px 20px 60px; .sc_price_item_icon > span { font-size: 2.7em; } .sc_price_item_price { font-size: 50px; + .sc_price_item_details { margin-top: 25px; } .sc_price_item_price_before { line-height: 1.8em; } } .sc_price_item_details { margin-top: 25px; } .sc_price_item_subtitle, .sc_price_item_title, .sc_price_item_description, .sc_price_item_details { + .sc_price_item_link { margin-top: 20px; } } } } // Plain style .sc_price_plain, .sc_price_plain .sc_price_item.with_image { .sc_price_item_inner { padding: 56px 40px 65px; .sc_price_item_icon > span { font-size: 2.7em; } .sc_price_item_price { font-size: 50px; .sc_price_item_price_before { font-size: 16px; } + .sc_price_item_details { margin-top: 25px; } } .sc_price_item_description, .sc_price_item_details { margin-top: 25px; } .sc_price_item_subtitle, .sc_price_item_title, .sc_price_item_description, .sc_price_item_details { + .sc_price_item_link { margin-top: 20px; } } } } // Focus style .sc_price_focus, .sc_price_focus .sc_price_item.with_image { .sc_price_item_inner { padding: 45px 32px 54px; .sc_price_item_icon > span { font-size: 2.7em; } .sc_price_item_price { font-size: 50px; + .sc_price_item_details { margin-top: 30px; } .sc_price_item_price_before { line-height: 1.8em; } } .sc_price_item_details { padding-top: 25px; } .sc_price_item_subtitle, .sc_price_item_title, .sc_price_item_description, .sc_price_item_details { + .sc_price_item_link { margin-top: 20px; } } } } // Metro style .sc_price_metro, .sc_price_metro .sc_price_item.with_image { .sc_price_item_inner { padding: 55px 30px; .sc_price_item_icon > span { font-size: 2.7em; } .sc_price_item_price { font-size: 50px; + .sc_price_item_details { margin-top: 30px; } .sc_price_item_price_before { line-height: 1.7em; } } .sc_price_item_details { padding-top: 25px; } .sc_price_item_subtitle, .sc_price_item_title, .sc_price_item_description, .sc_price_item_details { + .sc_price_item_link { margin-top: 20px; } } } } /* Price Styles End */ /* Testimonials Styles Start */ .sc_testimonials_default .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_simple .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_classic .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_light .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_list .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_common .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_modern .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_creative .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_fashion .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_alter .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_alter2 .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_decoration .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_extra .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"] { padding-bottom: 50px; } .sc_testimonials_default .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_simple .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_classic .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_light .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_list .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_common .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_modern .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_creative .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_fashion .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_alter .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_alter2 .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_decoration .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_extra .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"] { padding-bottom: 0; } // Author title .sc_testimonials { .sc_testimonials_item_author_title { font-size: 17px; } } // Classic Style .sc_testimonials_classic { .sc_testimonials_item_content, [class*="column"] .sc_testimonials_item_content { font-size: 20px; &:before { margin-bottom: 25px; font-size: 20px; } } .slider_outer.slider_outer_pagination_pos_bottom.slider_outer_pagination_custom, .slider_outer.slider_outer_pagination_pos_bottom_outside.slider_outer_pagination_custom { padding-bottom: 5.5em; .swiper-pagination-custom { height: 4em; line-height: 4em; .swiper-pagination-button { width: 4em; height: 4em; } } } } // Plain Style .sc_testimonials_plain { body:not(.mobile_layout) & { .sc_testimonials_slider { padding: 25px 0; } } .sc_testimonials_item { padding: 30px 30px 30px 60px; .sc_testimonials_item_content { font-size: 1rem; } .sc_testimonials_item_author { margin-top: 20px; .sc_testimonials_item_author_avatar { width: 50px; height: 50px; } .sc_testimonials_item_author_data .sc_testimonials_item_author_title + .sc_testimonials_item_author_subtitle { margin-top: 3px; } } &:before { top: 35px; left: 21px; width: 25px; height: 25px; line-height: 25px; font-size: 20px; } } } // Simple Styles .sc_testimonials_simple { .sc_testimonials_item_author_avatar { margin: 0 auto 20px; } [class*="column"] .sc_testimonials_item_content, .sc_testimonials_item_content { font-size: 1rem; &:before { margin-bottom: 20px; font-size: 20px; } } .slider_outer.slider_outer_pagination_pos_bottom_outside .swiper-pagination-bullets, .sc_item_slider.slider_outer_pagination_pos_bottom .swiper-pagination { margin-top: 2em; } } // Default Style .sc_testimonials_default { .sc_testimonials_item { .sc_testimonials_item_content { font-size: 1rem; } .sc_testimonials_item_author { margin-top: 25px; .sc_testimonials_item_author_avatar { width: 4em; height: 4em; } } &:before { top: 37px; left: 23px; width: 25px; height: 25px; line-height: 25px; font-size: 17px; } } } // Extra Styles .sc_testimonials_extra { .sc_testimonials_item_author_avatar + .sc_testimonials_item_author_data { margin-top: 20px; } .sc_testimonials_item { .sc_testimonials_item_content { padding: 35px 25px 35px; font-size: 1rem; &:before { height: 32px; line-height: 32px; font-size: 19px; margin-bottom: 10px; } } .sc_testimonials_item_author { margin-top: 35px; .sc_testimonias_item_author_avatar { width: 50px; height: 50px; } .sc_testimonials_item_author_avatar .sc_testimonials_item_author_title + .sc_testimonials_item_author_subtitle { margin-top: 3px; } } } } // Light Styles .sc_testimonials_light { .sc_testimonials_item { padding: 0 0 0 50px; .sc_testimonials_item_content { font-size: 1rem; } .sc_testimonials_item_author { margin-top: 35px; margin-bottom: 5px; .sc_testimonials_item_author_avatar { width: 60px; height: 60px; } .sc_testimonials_item_author_data .sc_testimonials_item_author_title + .sc_testimonials_item_author_subtitle { margin-top: 3px; } } &:before { top: 2px; width: 32px; height: 32px; line-height: 32px; font-size: 20px; } } .sc_item_slider.slider_outer_pagination_pos_bottom .swiper-pagination { padding-left: 42px; margin-top: 1.5em; } } // List Styles .sc_testimonials_list { .sc_testimonials_item { [class*="column"] .sc_testimonials_item_content, .sc_testimonials_item_content { font-size: 1rem; } &:before { width: 32px; height: 32px; line-height: 32px; font-size: 20px; margin-bottom: 25px; } } } // Common Styles .sc_testimonials_common { [class*="column"] .sc_testimonials_item_author, .sc_testimonials_item_author { margin: 22px 0 0; } .sc_testimonials_item { [class*="column"] .sc_testimonials_item_content, .sc_testimonials_item_content { font-size: 1rem; } } } // Modern Styles .sc_testimonials_modern { .sc_testimonials_item { .sc_testimonials_item_content strong { font-size: 20px; } .sc_testimonials_item_author { margin-top: 25px; .sc_testimonials_item_author_avatar { width: 60px; height: 60px; } .sc_testimonials_item_author_data .sc_testimonials_item_author_title + .sc_testimonials_item_author_subtitle { margin-top: 3px; } } &:before { font-size: 22px; margin-bottom: 25px; } } } // Hover Styles .sc_testimonials_hover { .sc_testimonials_item { padding: 40px 40px 45px; .sc_testimonials_item_content { font-size: 1rem; } .sc_testimonials_item_author { margin-top: 25px; .sc_testimonials_item_author_avatar { width: 60px; height: 60px; } .sc_testimonials_item_author_data { margin-top: 7px; margin-bottom: 7px; .sc_testimonials_item_author_title + .sc_testimonials_item_author_subtitle { margin-top: 1px; } } } &:before { font-size: 20px; margin-bottom: 20px; } } } // Accent Styles .sc_testimonials_accent { .sc_testimonials_item { padding: 35px 30px; .sc_testimonials_item_content { font-size: 1rem; } .sc_testimonials_item_author { margin-top: 20px; .sc_testimonials_item_author_avatar { width: 60px; height: 60px; } .sc_testimonials_item_author_data .sc_testimonials_item_author_title + .sc_testimonials_item_author_subtitle { margin-top: 3px; } } &:before { font-size: 20px; margin-bottom: 15px; } } } // Accent 2 Styles .sc_testimonials_accent2 { .slider_outer.slider_outer_pagination_pos_bottom_outside .swiper-pagination-bullets, .sc_item_slider.slider_outer_pagination_pos_bottom .swiper-pagination { margin-top: 1em; } .sc_testimonials_item { padding: 35px 30px; .sc_testimonials_item_content { font-size: 1rem; } .sc_testimonials_item_author { margin-top: 20px; .sc_testimonials_item_author_avatar { width: 60px; height: 60px; } .sc_testimonials_item_author_data .sc_testimonials_item_author_title + .sc_testimonials_item_author_subtitle { margin-top: 3px; } } &:before { font-size: 20px; margin-bottom: 15px; } } } // Creative Styles .sc_testimonials_creative { .sc_testimonials_item { .sc_testimonials_item_top { height: 100px; margin: 0 0 25px 0; .sc_testimonials_item_author_avatar { width: 100px; height: 100px; } } [class*="column"] .sc_testimonials_item_content, .sc_testimonials_item_content { font-size: 1rem; } .sc_testimonials_item_author { margin-top: 20px; &:before { font-size: 19px; margin-bottom: 10px; } } } .slider_container.slider_controls_side .slider_controls_wrap > a { top: 30px; } } // Fashion Style .sc_testimonials_fashion { .sc_testimonials_item_content, [class*="column"] .sc_testimonials_item_content { font-size: 19px; line-height: 30px; } .slider_controls_wrap > a.slider_next, .slider_controls_wrap > a.slider_prev { @include box(50px, 50px, 48px); } .slider_outer_pagination_custom.slider_outer_pagination_pos_bottom_outside { padding-left: 0; .swiper-pagination-custom { width: 35%; position: relative; .slider-pagination-button { width: 100%; margin-bottom: 20px; text-align: left; @include flex; align-items: center; &:last-child { margin-bottom: 0; } > span { margin-right: 20px; &:last-child { margin-right: 0; } } .img_wrap { flex-shrink: 0; img { height: 60px; width: 60px; } + .info_title { padding-top: 3px; } } .info_title { width: auto; .sc_testimonials_item_author_title { font-size: 19px; + .sc_testimonials_item_author_subtitle { margin-top: 3px; } } } } } .slider_container { width: 65%; float: right; } .slider_controls_wrap { width: 65%; float: right; } } .slider_outer_controls_bottom > .slider_controls_wrap { margin-top: 2em; } } // Alter Styles .sc_testimonials_alter { .sc_testimonials_item { .sc_testimonials_item_top { height: 90px; margin: 0 0 25px 0; .sc_testimonials_item_author_avatar { width: 90px; height: 90px; } } [class*="column"] .sc_testimonials_item_content, .sc_testimonials_item_content { font-size: 20px; } .sc_testimonials_item_author { margin-top: 20px; &:before { font-size: 19px; margin-bottom: 10px; } } } } // Alter 2 Styles .sc_testimonials_alter2 { .sc_testimonials_item { .sc_testimonials_item_top { height: 90px; margin: 0 0 25px 0; .sc_testimonials_item_author_avatar { width: 90px; height: 90px; } } [class*="column"] .sc_testimonials_item_content, .sc_testimonials_item_content { font-size: 1rem; } .sc_testimonials_item_author { margin-top: 20px; &:before { font-size: 19px; margin-bottom: 10px; } } } } // Decoration Style .sc_testimonials_decoration { .sc_testimonials_item_content, [class*="column"] .sc_testimonials_item_content { font-size: 20px; &:before { margin-bottom: 25px; font-size: 19px; } } .sc_testimonials_item_author, [class*="column"] .sc_testimonials_item_author { margin-top: 20px; } .slider_outer.slider_outer_pagination_pos_bottom.slider_outer_pagination_custom, .slider_outer.slider_outer_pagination_pos_bottom_outside.slider_outer_pagination_custom { padding-bottom: 5.5em; .swiper-pagination-custom { height: 4em; line-height: 4em; .swiper-pagination-button { width: 4em; height: 4em; } } } } // Chit Style .sc_testimonials_chit { .sc_testimonials_item_author_rating { .sc_testimonials_rating { font-size: 15px; } + .sc_testimonials_item_content { margin-top: 25px; } } .sc_testimonials_item { padding: 54px 30px; } [class*="column"] .sc_testimonials_item_content, .sc_testimonials_item_content { font-size: 17px; } .sc_testimonials_item_author { margin: 25px 0 0; } .sc_testimonials_item_author_data .sc_testimonials_item_author_title + .sc_testimonials_item_author_subtitle { margin-top: 10px; } .slider_outer.slider_outer_pagination_pos_bottom_outside .swiper-pagination-bullets, .sc_item_slider.slider_outer_pagination_pos_bottom .swiper-pagination { margin-top: 1.8em; } } // Bred Style .sc_testimonials_bred { .sc_testimonials_item { padding: 51px 30px 45px; .sc_testimonials_item_author_avatar { margin: 0 auto 25px; width: 70px; height: 70px; } .sc_testimonials_item_author { margin-top: 20px; .sc_testimonials_item_author_data .sc_testimonials_item_author_title + .sc_testimonials_item_author_subtitle { margin-top: 3px; } } } } /* Testimonials Styles End */ /* Team Styles Start */ //Default .sc_team_default .sc_team_item_info { padding: 1.8em; .sc_team_item_title { font-size: 22px; } .sc_team_item_socials .social_item .social_icon { @include box(41px, 41px, 40px); } } // Plain Style .sc_team_plain { .trx_addons_hover_team .sc_team_item_socials { margin-bottom: -8px !important; .social_item { opacity: 1 !important; top: 0 !important; } &:before { width: 100% !important; } } .trx_addons_hover_team .sc_team_item_title { font-size: 22px; } } // 3d Simple Style .sc_team_3d-simple { .sc_team_item .sc_team_item_socials .social_item { opacity: 1 !important; top: 0 !important; } .start-inner-3d { transform: none !important; } .sc_team_item_title { font-size: 22px; } .sc_team_item_thumb + .sc_team_item_info { margin-top: 25px; } .trx_addons_hover_team { margin: 9px 0 0 0; } } // Creative Style .sc_team_creative { .trx_addons_hover_team { margin-bottom: 0; margin-top: 10px; } .sc_team_item .sc_team_item_socials .social_item { opacity: 1 !important; top: 0 !important; } .sc_team_item_title { font-size: 22px; } .sc_team_item_thumb + .sc_team_item_info { margin-top: 25px; } } // Metro Style .sc_team_metro { .sc_team_item_content + .sc_team_item_socials { margin-top: 20px; } .sc_team_item_socials .social_item .social_icon { font-size: 14px; width: 37px; height: 37px; line-height: 34px; } .trx_addons_column-1_2 .sc_team_item.has-post-thumbnail .sc_team_item_info { padding-top: 40px !important; padding-bottom: 40px !important; } .sc_team_slider:not(.slider_outer_one) .sc_team_item_title, .sc_item_columns .sc_team_item_title { font-size: 22px; } } // List .sc_team_list { .sc_team_item_title { font-size: 30px; } .sc_team_item.has-post-thumbnail .sc_team_item_info { padding: 0 0 0 8%; } .sc_team_item_content { margin: 17px 0 20px; } } // 3D .sc_team_3d { .sc_team_item_title { font-size: 22px; } .sc_team_item_thumb + .sc_team_item_info { margin-top: 25px; } } // Short .sc_team_short .sc_team_item_title { font-size: 22px; } // Hover .sc_team_hover { .trx_addons_hover_team .sc_team_item_socials { margin: 10px 0 0 -4px; } .trx_addons_hover_team { padding: 22px 25px; } .trx_addons_hover_team .sc_team_item_title { font-size: 20px; } } // Alter .sc_team_alter .sc_team_item_title { font-size: 22px; } /* Team Styles End */ /* Styles for review on single post */ .trx_addons_reviews_block a.sc_button { font-size: 15px; line-height: 17px; padding: 17px 27px; } /* Style for Sticky video Stsrt */ .trx_addons_video_sticky_on .trx_addons_video_sticky_inner { width: 448px !important; height: 252px !important; right: 50px; left: auto; .trx_addons_video_sticky_title { padding: 15px 3em 15px 20px; top: -2.8em; } } .trx_addons_video_sticky_on .trx_addons_video_sticky_close { bottom: 252px; right: 55px; } .trx_addons_video_sticky_on .trx_addons_video_sticky_inner iframe { height: inherit !important; } /* Style for Sticky video End */ } //@mixin trx_addons--md() { @media #{$media_md} { /* Portfolio Start */ // Style 8 .sc_blogger_lay_portfolio.sc_blogger_lay_portfolio_style-8 .sc_blogger_columns_wrap .trx_addons_column-1_2 .sc_blogger_item .sc_blogger_item_body { .sc_blogger_item_content .sc_blogger_item_title { font-size: 1.33rem; } } .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_13 { .sc_blogger_grid_wrap { &.sc_blogger_grid_1 { display: grid; grid-template-columns: 1fr; grid-template-rows: 250px 250px; grid-template-areas: "lg-1 lg-1" "lg-1 lg-1"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } } } &.sc_blogger_grid_2 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; grid-template-areas: "lg-1 lg-2" "lg-1 lg-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: lg-2; } } } &.sc_blogger_grid_3 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } } } &.sc_blogger_grid_4 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "lg-2 lg-2" "lg-2 lg-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: lg-2; } } } &.sc_blogger_grid_5 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "lg-2 lg-3" "lg-2 lg-3"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: lg-2; } &:nth-child(5) { grid-area: lg-3; } } } &.sc_blogger_grid_6 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } } } &.sc_blogger_grid_7 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "md-5 md-5" "md-5 md-5"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: md-5; } } } &.sc_blogger_grid_8 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "md-5 md-6" "md-5 md-6"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: md-5; } &:nth-child(8) { grid-area: md-6; } } } &.sc_blogger_grid_9 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } } } &.sc_blogger_grid_10 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6" "xl-1 xl-1" "xl-1 xl-1"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } &:nth-child(10) { grid-area: xl-1; } } } &.sc_blogger_grid_11 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6" "lg-4 lg-5" "lg-4 lg-5"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } &:nth-child(10) { grid-area: lg-4; } &:nth-child(11) { grid-area: lg-5; } } } &.sc_blogger_grid_12 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px 250px 250px; grid-template-areas: "lg-1 md-1" "lg-1 md-2" "md-3 lg-2" "md-4 lg-2" "lg-3 md-5" "lg-3 md-6" "md-7 lg-4" "md-8 lg-4"; .sc_blogger_item { &:nth-child(1) { grid-area: lg-1; } &:nth-child(2) { grid-area: md-1; } &:nth-child(3) { grid-area: md-2; } &:nth-child(4) { grid-area: md-3; } &:nth-child(5) { grid-area: md-4; } &:nth-child(6) { grid-area: lg-2; } &:nth-child(7) { grid-area: lg-3; } &:nth-child(8) { grid-area: md-5; } &:nth-child(9) { grid-area: md-6; } &:nth-child(10) { grid-area: md-7; } &:nth-child(11) { grid-area: lg-4; } &:nth-child(12) { grid-area: md-8; } } } } } // Style 14 .sc_blogger_lay_portfolio.sc_blogger_lay_portfolio_style_14 .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bc { .sc_blogger_item_title { font-size: 18px; } } // Style Default .slider_width_auto .sc_portfolio.sc_portfolio_default { .sc_portfolio_item .post_featured .post_info { max-width: calc(100% - 40px); bottom: 20px; .post_title { font-size: 20px; } } } // Style Fill .sc_portfolio.sc_portfolio_fill .sc_item_posts_container { grid-template: auto/repeat(2, 1fr); .sc_portfolio_item { min-height: unset; } } // Style Extra .slider_width_auto .sc_portfolio.sc_portfolio_extra { .sc_portfolio_item .post_featured .post_info { max-width: calc(100% - 40px); bottom: 20px; left: 20px; .post_title { font-size: 20px; } } } // Style Band .sc_portfolio.sc_portfolio_band .sc_portfolio_item { align-items: center; } .sc_portfolio.sc_portfolio_band .sc_portfolio_content .sc_portfolio_item .post_content_wrap { padding: 0 0 0 2em; margin-right: 0; .post_title { margin-bottom: 15px; } .post_meta { + .post_title { margin-top: 5px; } } .theme_button { .hover-arrow { width: 39px !important; margin-left: 15px !important; } } } .sc_portfolio.sc_portfolio_band .sc_portfolio_item .post_content_wrap .theme_button { margin-top: 20px; margin-bottom: 0; } .content_wrap_fullscreen .elementor-section-full_width .sc_portfolio.sc_portfolio_band { .sc_portfolio_content { .sc_portfolio_item { .post_content_wrap { .theme_button { margin-top: 20px; margin-bottom: 0; } } } } } // Style Modern .sc_blogger_portmodern { .sc_blogger_content { .sc_blogger_item { padding-right: 2.5em; margin-right: 2.5rem; .sc_blogger_item_title { font-size: 2.2em; } &:after { bottom: 2.35rem; } } &:hover { .sc_blogger_item { .sc_blogger_item_title { opacity: 1; } &:after { opacity: 1; } } } } .portfolio_preview { .inner_preview { flex-direction: column; .portfolio_image { width: 100%; height: calc(70% - 5em); } .portfolio_description { height: calc(30% + 5em); width: 100%; padding: 1.5rem; .post_details .post_title { margin-bottom: 23px; } .post_details .post_description { .portfolio_page_details .portfolio_page_details_item + .portfolio_page_details_item { margin-top: 6px; } .portfolio_page_details .portfolio_page_details_item + .portfolio_page_details_button_link { margin-top: 0.5em; } .portfolio_page_details .portfolio_page_details_item.portfolio_page_details_share { margin-top: 1em; padding-top: 1em; } .post_description_content { margin-top: 1em; } .post_readmore { margin-top: 1.5em; } } } .close { top: calc(70% - 3.3em); right: 1.7em; } } } } // Single Portfolio Styles .portfolio_page { .portfolio_page_title { margin-bottom: 20px; } .portfolio_page_content_wrap { div:last-child.portfolio_page_gallery { padding-bottom: 0; } } .portfolio_page_details_wrap .portfolio_page_subtitle { font-size: 1.44rem; } &.portfolio_page_details_right, &.portfolio_page_details_left { @include flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; .portfolio_page_title { flex-basis: 100%; } .portfolio_page_details_wrap { order: 1; width: 40% !important; padding-bottom: 0; position: relative; top: 0 !important; } .portfolio_page_content_wrap { width: 60% !important; order: 2; } .portfolio_page_content_wrap { .portfolio_page_gallery + .portfolio_page_video, .portfolio_page_video, .portfolio_page_gallery { width: 100% !important; max-width: unset !important; padding-left: 0 !important; } } .portfolio_page_gallery { .trx_addons_column-1_3, .trx_addons_column-1_4 { width: 50%; } .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > .trx_addons_column-1_3, .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > .trx_addons_column-1_4 { padding-bottom: var(--theme-var-grid_gap); } .portfolio_page_gallery_type_grid_3 + .portfolio_page_gallery_description, .portfolio_page_gallery_type_grid_4 + .portfolio_page_gallery_description { margin-top: 0; } } } &.portfolio_page_details_right { flex-direction: row-reverse; .portfolio_page_gallery { order: 4; width: 100% !important; display: block; margin-left: 0; margin-right: auto; } .portfolio_page_video { width: 100% !important; order: 3 !important; display: block; margin-left: 0; margin-right: auto; } .portfolio_page_details_wrap { padding-left: 30px; } } &.portfolio_page_details_left { .portfolio_page_video { order: 4; width: 100% !important; display: block; margin-left: 0; } .portfolio_page_gallery { width: 100% !important; order: 3 !important; display: block; margin-left: 0; } .portfolio_page_details_wrap { padding-right: 30px; padding-left: 0; } } } .sc_blogger_portmodern .portfolio_preview .inner_preview .portfolio_description .post_details .post_title { -webkit-line-clamp: 2; -moz-line-clamp: 2; line-clamp: 2; } .sc_blogger_portmodern .portfolio_preview .inner_preview .portfolio_description .post_details .post_description .post_description_content { -webkit-line-clamp: 2; -moz-line-clamp: 2; line-clamp: 2; } // Style Drid 5 .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_5 .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bl .sc_blogger_item_title { padding-bottom: 2px; line-height: 1.2em; } .portfolio_page_gallery { margin-bottom: 30px; } .single-cpt_portfolio .portfolio_page_gallery .slider_container.slider_controls_side:hover .slider_controls_wrap > a.slider_next { margin-right: 20px; } .single-cpt_portfolio .portfolio_page_gallery .slider_container.slider_controls_side:hover .slider_controls_wrap > a.slider_prev { margin-left: 20px; } /* Portfolio End */ /* Filter Toggle style start */ .sc_style_toggle .sc_blogger .sc_item_filters_wrap .sc_item_filters { .title_wrap { padding-right: 1.8rem; } } /* Filter Toggle style end */ /* Countdown Start */ // Default style .sc_countdown_default { .sc_countdown_separator { font-size: 35px; margin: 0 15px; } .sc_countdown_item { .sc_countdown_digits { font-size: 43px; } .sc_countdown_label { font-size: 16px; } } &.aligncenter { .sc_countdown_separator { margin: 0 20px; } } &.alignleft { margin-right: 0 !important; } } /* Countdown End */ /* Price Styles Start */ // Default style .sc_price_default { .sc_price_item_icon { margin-top: 2.5em; + .sc_price_item_info { padding-top: 1.3em; padding-bottom: 2.6em; } } .sc_price_item_info { padding: 2.8em 1em; } .sc_price_item_link { padding: 12px 28px; } } // Light style .sc_price_light, .sc_price_light .sc_price_item.with_image { .sc_price_item_title { font-size: 20px; } .sc_price_item_inner { padding: 35px 24px; .sc_price_item_icon > span { font-size: 2.4em; } .sc_price_item_price { font-size: 39px; .sc_price_item_price_before { font-size: 17px; } + .sc_price_item_details { margin-top: 25px; } } .sc_price_item_details { padding-top: 20px; margin-bottom: 0; } .sc_price_item_subtitle, .sc_price_item_title, .sc_price_item_description, .sc_price_item_details { + .sc_price_item_link { margin-top: 20px; } } } } // Simple style .sc_price_simple, .sc_price_simple .sc_price_item.with_image { .sc_price_item_title { font-size: 20px; } .sc_price_item_inner { padding: 35px 19px; .sc_price_item_icon > span { font-size: 2.4em; } .sc_price_item_price { font-size: 39px; .sc_price_item_price_before { font-size: 17px; } + .sc_price_item_details { margin-top: 15px; } } .sc_price_item_details { margin-top: 20px; margin-bottom: 0; } .sc_price_item_subtitle, .sc_price_item_title, .sc_price_item_description, .sc_price_item_details { + .sc_price_item_link { margin-top: 20px; } } .sc_button.sc_button_bordered { padding: 10px 35px; } } } // Simple Shadow style .sc_price_simple_shadow, .sc_price_simple_shadow .sc_price_item.with_image { .sc_price_item_title { font-size: 20px; } .sc_price_item_inner { padding: 50px 20px 60px; .sc_price_item_icon > span { font-size: 2.4em; } .sc_price_item_price { font-size: 39px; .sc_price_item_price_before { font-size: 17px; } + .sc_price_item_details { margin-top: 15px; } } .sc_price_item_details { margin-top: 20px; margin-bottom: 0; } .sc_price_item_subtitle, .sc_price_item_title, .sc_price_item_description, .sc_price_item_details { + .sc_price_item_link { margin-top: 20px; } } .sc_button.sc_button_bordered { padding: 10px 35px; line-height: 19px; } } } // Plain style .sc_price_plain, .sc_price_plain .sc_price_item.with_image { .sc_price_item_title { font-size: 20px; } .sc_price_item_inner { padding: 45px 25px 55px; .sc_price_item_icon > span { font-size: 2.4em; } .sc_price_item_price { font-size: 39px; .sc_price_item_price_before { font-size: 17px; } + .sc_price_item_details { margin-top: 15px; } } .sc_price_item_details { margin-top: 20px; margin-bottom: 0; } .sc_price_item_subtitle, .sc_price_item_title, .sc_price_item_description, .sc_price_item_details { + .sc_price_item_link { margin-top: 20px; } } .sc_button.sc_button_bordered { padding: 10px 35px; line-height: 19px; } } } // Focus style .sc_price_focus, .sc_price_focus .sc_price_item.with_image { .sc_price_item_title { font-size: 20px; } .sc_price_item_inner { padding: 35px 24px; .sc_price_item_icon { margin-top: 1em; > span { font-size: 2.4em; } } .sc_price_item_price { font-size: 39px; .sc_price_item_price_before { font-size: 17px; } + .sc_price_item_details { margin-top: 25px; } } .sc_price_item_details { padding-top: 20px; margin-bottom: 0; } .sc_price_item_subtitle, .sc_price_item_title, .sc_price_item_description, .sc_price_item_details { + .sc_price_item_link { margin-top: 20px; } } .sc_button.sc_button_bordered { padding: 10px 35px; line-height: 19px; } } } // Metro style .sc_price_metro, .sc_price_metro .sc_price_item.with_image { .sc_price_item_title { font-size: 20px; } .sc_price_item_inner { padding: 35px 20px; .sc_price_item_icon > span { font-size: 2.4em; } .sc_price_item_price { font-size: 39px; .sc_price_item_price_before { font-size: 17px; } + .sc_price_item_details { margin-top: 25px; } } .sc_price_item_details { padding-top: 20px; margin-bottom: 0; } .sc_price_item_subtitle, .sc_price_item_title, .sc_price_item_description, .sc_price_item_details { + .sc_price_item_link { margin-top: 20px; } } .sc_price_item_link:not(.sc_price_item_link_over) { margin-top: -10px; } } } /* Price Styles End */ /* Testimonials Styles Start */ // Classic Style .sc_testimonials_classic { .sc_testimonials_item_author_title + .sc_testimonials_item_author_subtitle { margin-top: 6px; } .sc_testimonials_item_content, [class*="column"] .sc_testimonials_item_content { font-size: 18px; &:before { margin-bottom: 30px; font-size: 20px; } } .slider_container { .sc_testimonials_item { padding: 0 9%; } } .slider_outer.slider_outer_pagination_pos_bottom.slider_outer_pagination_custom, .slider_outer.slider_outer_pagination_pos_bottom_outside.slider_outer_pagination_custom { padding-bottom: 5.5em; .swiper-pagination-custom { height: 4em; line-height: 4em; .swiper-pagination-button { width: 4em; height: 4em; } } } } // Creative Style .sc_testimonials_creative { .slider_container.slider_controls_side .slider_controls_wrap { > a.slider_prev { left: calc(50% - 135px) !important; } > a.slider_next { right: calc(50% - 135px) !important; } } } // Chit .sc_testimonials_chit { .sc_testimonials_item_author { margin: 15px 0 0; } .sc_testimonials_item_author_data .sc_testimonials_item_author_title + .sc_testimonials_item_author_subtitle { margin-top: 5px; } .sc_testimonials_item_author_rating + .sc_testimonials_item_content { margin-top: 20px; } .sc_testimonials_item { padding: 44px 30px; } } /* Testimonials Styles End */ /* Team Styles Start */ // Featured Style .sc_team_featured .trx_addons_hover_team { .sc_team_item_title { font-size: 20px; } .sc_team_item_socials .social_item { margin: 2px !important; } } // List .sc_team_list { .sc_team_item_title { font-size: 26px; } .sc_team_item_content { margin: 15px 0 17px; } .sc_team_item.has-post-thumbnail .sc_team_item_info { padding: 0 0 0 7%; } .sc_team_item .sc_team_item_socials .social_item { margin: 3px 17px 3px 0; } } // 3D .sc_team_3d { .sc_team_item_title { font-size: 20px; } .sc_team_item_thumb + .sc_team_item_info { margin-top: 20px; } .sc_team_item_subtitle { margin-top: 9px; } .trx_addons_hover_team .sc_team_item_socials .social_item .social_icon { font-size: 15px; width: 35px; height: 35px; line-height: 35px; } } // 3D simple .sc_team_3d-simple { .sc_team_item_title { font-size: 20px; } .sc_team_item_subtitle { margin-top: 9px; } .trx_addons_hover_team { margin: 5px 0 0 0; } .trx_addons_hover_team .sc_team_item_socials .social_item { top: 20px; margin: 5px 10px 5px 0 !important; } .trx_addons_hover_team .sc_team_item_socials .social_item .social_icon { font-size: 14px; } .sc_team_item_thumb + .sc_team_item_info { margin-top: 20px; } } // Short Style .sc_team_short { .sc_team_item_thumb + .sc_team_item_info { margin-top: 20px; } .sc_team_item_subtitle { margin-top: 5px; } .sc_team_item_title { font-size: 20px; } .trx_addons_hover_team .sc_team_item_socials .social_item .social_icon { font-size: 15px; width: 40px; height: 40px; line-height: 40px; } } // Metro Style .sc_team_metro { .sc_team_slider:not(.slider_outer_one), [class*="trx_addons_column-1_"] { .sc_team_item.has-post-thumbnail { display: block; .post_featured { max-width: 100%; height: auto; } } } .sc_team_item_info { padding: 25px; } .trx_addons_column-1_2 .sc_team_item.has-post-thumbnail .sc_team_item_info { padding-top: 25px !important; padding-bottom: 25px !important; } .sc_team_item_title { font-size: 24px; } .sc_team_slider:not(.slider_outer_one) .sc_team_item_title, .sc_item_columns .sc_team_item_title { font-size: 20px; } .sc_team_slider:not(.slider_outer_one) .sc_team_item_content, .sc_item_columns .sc_team_item_content { margin: 12px 0; } .sc_team_item_content + .sc_team_item_socials { margin-top: 10px; } } // Hover Style .sc_team_hover { .trx_addons_hover_team { padding: 20px; } .trx_addons_hover_team .sc_team_item_title { font-size: 20px; } .trx_addons_hover_team .sc_team_item_socials .social_item { margin: 5px 10px 5px 0 !important; } } // Alter .sc_team_alter { .trx_addons_hover_team { padding: 15px 30px 25px; } .sc_team_item_title { font-size: 20px; } .sc_team_item_thumb + .sc_team_item_info { margin-top: 20px; } .sc_team_item_thumb + .sc_team_item_info { margin-top: 17px; margin-bottom: 5px; } .trx_addons_hover_team { padding: 20px; } } // Creative .sc_team_creative { .sc_team_item_title { font-size: 20px; } .sc_team_item_subtitle { margin-top: 9px; } .trx_addons_hover_team .sc_team_item_socials .social_item { margin: 5px !important; } .trx_addons_hover_team .sc_team_item_socials .social_item .social_icon { font-size: 15px; } .trx_addons_hover_team { margin-top: 6px; } .sc_team_item_thumb + .sc_team_item_info { margin-top: 20px; } } // Accent .sc_team_accent { .trx_addons_hover_team .sc_team_item_socials { bottom: 20px; } .trx_addons_hover_team .sc_team_item_title { font-size: 22px; } } // Light .sc_team_light { .trx_addons_hover_team .sc_team_item_title { font-size: 22px; } .trx_addons_hover_team { padding: 15px 50px 25px 25px; } } /* Team Styles End */ /* Style for Sticky video Stsrt */ .trx_addons_video_sticky_on .trx_addons_video_sticky_inner { width: 443px !important; height: 250px !important; right: 30px; left: auto; iframe { width: 100% !important; height: 100% !important; } .trx_addons_video_sticky_title { padding: 15px 3em 15px 20px; } } .trx_addons_video_sticky_on .trx_addons_video_sticky_close { bottom: 253px; right: 30px; } /* Style for Sticky video End */ // Default Style .sc_team_default { .sc_team_item_info { padding: 1.45em; .sc_team_item_socials .social_item .social_icon { width: 36px; height: 36px; line-height: 35px; } } } } //@mixin trx_addons--sm() { @media #{$media_sm} { /* Portfolio Start */ .portfolio_page { &.portfolio_page_details_right, &.portfolio_page_details_left { .portfolio_page_details_wrap { .portfolio_page_details .portfolio_page_details_item { .portfolio_page_details_item_title { width: 25%; } .portfolio_page_details_item_value { width: 75%; } } } } &.portfolio_page_details_top, &.portfolio_page_details_bottom { .portfolio_page_details_wrap { .portfolio_page_details .portfolio_page_details_item { .portfolio_page_details_item_title { width: 25%; } .portfolio_page_details_item_value { width: 75%; } } } } } body.body_style_wide:not(.expand_content) { .portfolio_page_details_top, .portfolio_page_details_bottom { .portfolio_page_details .portfolio_page_details_item .portfolio_page_details_item_title { width: 20%; } } } .single-cpt_portfolio { .post-navigation { .nav-links { margin-top: 1.5em; } } } // Style 1 .sc_blogger_lay_portfolio.sc_blogger_lay_portfolio_style-1 .sc_blogger_item .sc_blogger_item_body .sc_blogger_item_content .sc_blogger_item_title { font-size: 20px; } .portfolio_page .portfolio_page_content_wrap .portfolio_page_featured + .portfolio_page_content { margin-top: 20px; } // Style Grid 3 .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_3 { .sc_blogger_item .sc_blogger_item_body .post_featured { .post_info_bl { left: 15px; bottom: 15px; padding: 15px; max-height: calc(100% - 30px); max-width: calc(100% - 30px); .sc_blogger_item_title { font-size: 18px; } } } .sc_blogger_grid_wrap { &.sc_blogger_grid_1 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px; gap: 0 0; grid-template-areas: "md-1 md-1"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } } } &.sc_blogger_grid_2 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px; gap: 0 0; grid-template-areas: "md-1 md-2"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } } } &.sc_blogger_grid_3 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-3"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } } } &.sc_blogger_grid_4 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } } } &.sc_blogger_grid_5 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-5"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } } } &.sc_blogger_grid_6 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } } } &.sc_blogger_grid_7 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-7"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } } } &.sc_blogger_grid_8 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } } } &.sc_blogger_grid_9 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-9"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } } } &.sc_blogger_grid_10 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-10"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } &:nth-child(10) { grid-area: md-10; } } } &.sc_blogger_grid_11 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-10" "md-11 md-11"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } &:nth-child(10) { grid-area: md-10; } &:nth-child(11) { grid-area: md-11; } } } &.sc_blogger_grid_12 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-10" "md-11 md-12"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } &:nth-child(10) { grid-area: md-10; } &:nth-child(11) { grid-area: md-11; } &:nth-child(12) { grid-area: md-12; } } } } } // Style Grid 4 .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_4 { .sc_blogger_grid_wrap { &.sc_blogger_grid_1 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px; gap: 0 0; grid-template-areas: "md-1 md-1"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } } } &.sc_blogger_grid_2 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px; gap: 0 0; grid-template-areas: "md-1 md-2"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } } } &.sc_blogger_grid_3 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-3"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } } } &.sc_blogger_grid_4 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } } } &.sc_blogger_grid_5 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-5"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } } } &.sc_blogger_grid_6 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } } } &.sc_blogger_grid_7 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-7"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } } } &.sc_blogger_grid_8 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } } } &.sc_blogger_grid_9 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-9"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } } } &.sc_blogger_grid_10 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-10"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } &:nth-child(10) { grid-area: md-10; } } } &.sc_blogger_grid_11 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-10" "md-11 md-11"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } &:nth-child(10) { grid-area: md-10; } &:nth-child(11) { grid-area: md-11; } } } &.sc_blogger_grid_12 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-10" "md-11 md-12"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } &:nth-child(10) { grid-area: md-10; } &:nth-child(11) { grid-area: md-11; } &:nth-child(12) { grid-area: md-12; } } } } } .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_8 { .sc_blogger_grid_wrap { &.sc_blogger_grid_1 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px; gap: 0 0; grid-template-areas: "md-1 md-1"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } } } &.sc_blogger_grid_2 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px; gap: 0 0; grid-template-areas: "md-1 md-2"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } } } &.sc_blogger_grid_3 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-3"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } } } &.sc_blogger_grid_4 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } } } &.sc_blogger_grid_5 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-5"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } } } &.sc_blogger_grid_6 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } } } &.sc_blogger_grid_7 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-7"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } } } &.sc_blogger_grid_8 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } } } &.sc_blogger_grid_8 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } } } &.sc_blogger_grid_9 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-9"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } } } &.sc_blogger_grid_10 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-10"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } &:nth-child(10) { grid-area: md-10; } } } &.sc_blogger_grid_11 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-10" "md-11 md-11"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } &:nth-child(10) { grid-area: md-10; } &:nth-child(11) { grid-area: md-11; } } } &.sc_blogger_grid_12 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-10" "md-11 md-12"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } &:nth-child(10) { grid-area: md-10; } &:nth-child(11) { grid-area: md-11; } &:nth-child(12) { grid-area: md-12; } } } } } // Style Grid 5 .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_5 { .sc_blogger_grid_wrap { + .sc_blogger_grid_wrap { margin-top: 15px; } &[class*="sc_blogger_grid_"] { gap: 15px 15px; } } .sc_blogger_item { .sc_blogger_item_body .post_featured { .post_info_bl { left: 20px !important; bottom: 20px; padding: 20px; .sc_blogger_item_title { font-size: 20px; } } } } .sc_blogger_grid_wrap { &.sc_blogger_grid_1 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px; grid-template-areas: "md-1 md-1"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } } } &.sc_blogger_grid_2 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px; grid-template-areas: "md-1 md-2"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } } } &.sc_blogger_grid_3 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-3"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } } } &.sc_blogger_grid_4 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-4"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } } } &.sc_blogger_grid_5 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-5"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } } } &.sc_blogger_grid_6 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } } } &.sc_blogger_grid_7 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-7"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } } } &.sc_blogger_grid_8 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } } } } } // Style 5 .sc_blogger_lay_portfolio.sc_blogger_lay_portfolio_style_5 .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bl { bottom: 15px; left: 15px; padding: 16px 20px 13px; } // Style 6 .sc_blogger_lay_portfolio.sc_blogger_lay_portfolio_style_6 { .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bc { padding: 20px; .sc_blogger_item_title { font-size: 20px; } .post_meta.post_meta_categories { margin-top: 4px; } } } // Style Grid 7 .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_7 { .sc_blogger_item { .sc_blogger_item_body .post_featured { .post_info_bl { left: 20px; bottom: 20px; } } } .sc_blogger_grid_wrap { &.sc_blogger_grid_1 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px; gap: 0 0; grid-template-areas: "md-1 md-1"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } } } &.sc_blogger_grid_2 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px; gap: 0 0; grid-template-areas: "md-1 md-2"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } } } &.sc_blogger_grid_3 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-3"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } } } &.sc_blogger_grid_4 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } } } &.sc_blogger_grid_5 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-5"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } } } &.sc_blogger_grid_6 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } } } &.sc_blogger_grid_7 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-7"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } } } &.sc_blogger_grid_8 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } } } &.sc_blogger_grid_9 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-9"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } } } &.sc_blogger_grid_10 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-10"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } &:nth-child(10) { grid-area: md-10; } } } &.sc_blogger_grid_11 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-10" "md-11 md-11"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } &:nth-child(10) { grid-area: md-10; } &:nth-child(11) { grid-area: md-11; } } } &.sc_blogger_grid_12 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; gap: 0 0; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-10" "md-11 md-12"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } &:nth-child(10) { grid-area: md-10; } &:nth-child(11) { grid-area: md-11; } &:nth-child(12) { grid-area: md-12; } } } } } // Style Grid 9 .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_9 { .sc_blogger_grid_wrap.sc_blogger_grid_7 { gap: 15px 15px; } .sc_blogger_grid_wrap { + .sc_blogger_grid_wrap { margin-top: 15px; } &[class*="sc_blogger_grid_"] { gap: 15px 15px; } } .sc_blogger_item { .sc_blogger_item_body .post_featured { .post_info_bl { left: 20px !important; bottom: 20px !important; max-width: calc(100% - 40px) !important; .sc_blogger_item_title { white-space: normal; } } } } .sc_blogger_grid_wrap { &.sc_blogger_grid_1 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px; grid-template-areas: "md-1 md-1"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } } } &.sc_blogger_grid_2 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px; grid-template-areas: "md-1 md-2"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } } } &.sc_blogger_grid_3 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-3"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } } } &.sc_blogger_grid_4 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-4"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } } } &.sc_blogger_grid_5 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-5"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } } } &.sc_blogger_grid_6 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } } } &.sc_blogger_grid_7 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-7"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } } } &.sc_blogger_grid_8 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } } } &.sc_blogger_grid_9 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-9"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } } } &.sc_blogger_grid_10 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-10"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } &:nth-child(10) { grid-area: md-10; } } } &.sc_blogger_grid_11 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-10" "md-11 md-11"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } &:nth-child(10) { grid-area: md-10; } &:nth-child(11) { grid-area: md-11; } } } &.sc_blogger_grid_12 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-10" "md-11 md-12"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } &:nth-child(10) { grid-area: md-10; } &:nth-child(11) { grid-area: md-11; } &:nth-child(12) { grid-area: md-12; } } } } } // Style Grid 13 .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_13 { .sc_blogger_item { .sc_blogger_item_body .post_featured { .post_info_bl { padding: 20px 20px 20px; .sc_blogger_item_title { font-size: 20px; } } } } .sc_blogger_grid_wrap { + .sc_blogger_grid_wrap { margin-top: 15px; } &[class*="sc_blogger_grid_"] { gap: 15px 15px; } &.sc_blogger_grid_1 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px; grid-template-areas: "md-1 md-1"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } } } &.sc_blogger_grid_2 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px; grid-template-areas: "md-1 md-2"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } } } &.sc_blogger_grid_3 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-3"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } } } &.sc_blogger_grid_4 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-4"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } } } &.sc_blogger_grid_5 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-5"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } } } &.sc_blogger_grid_6 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } } } &.sc_blogger_grid_7 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-7"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } } } &.sc_blogger_grid_8 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } } } &.sc_blogger_grid_9 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-9"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } } } &.sc_blogger_grid_10 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-10"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } &:nth-child(10) { grid-area: md-10; } } } &.sc_blogger_grid_11 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-10" "md-11 md-11"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } &:nth-child(10) { grid-area: md-10; } &:nth-child(11) { grid-area: md-11; } } } &.sc_blogger_grid_12 { grid-template-columns: 1fr 1fr; grid-template-rows: 250px 250px 250px 250px 250px 250px; grid-template-areas: "md-1 md-2" "md-3 md-4" "md-5 md-6" "md-7 md-8" "md-9 md-10" "md-11 md-12"; .sc_blogger_item { &:nth-child(1) { grid-area: md-1; } &:nth-child(2) { grid-area: md-2; } &:nth-child(3) { grid-area: md-3; } &:nth-child(4) { grid-area: md-4; } &:nth-child(5) { grid-area: md-5; } &:nth-child(6) { grid-area: md-6; } &:nth-child(7) { grid-area: md-7; } &:nth-child(8) { grid-area: md-8; } &:nth-child(9) { grid-area: md-9; } &:nth-child(10) { grid-area: md-10; } &:nth-child(11) { grid-area: md-11; } &:nth-child(12) { grid-area: md-12; } } } } } // Styles 14,15 .sc_blogger_lay_portfolio.sc_blogger_lay_portfolio_style_15, .sc_blogger_lay_portfolio.sc_blogger_lay_portfolio_style_14 { .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bc { .sc_blogger_item_title { font-size: 20px; } } } // Style 16 .sc_blogger_lay_portfolio.sc_blogger_lay_portfolio_style_16 .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bl { .sc_blogger_item_title { font-size: 20px; } } // sc_portfolio width masonry .sc_portfolio { .sc_portfolio_masonry_wrap { margin-right: calc( -1 * ( var(--theme-var-grid_max_columns) - 1 ) * var(--theme-var-grid_gap) ); } .sc_portfolio_masonry_wrap .sc_portfolio_masonry_item { padding: 0 calc( ( var(--theme-var-grid_max_columns) - 1 ) * var(--theme-var-grid_gap) ) var(--theme-var-grid_gap) 0; width: calc( 100% / var(--theme-var-grid_max_columns) ); } } // Style Band .sc_portfolio.sc_portfolio_band { .sc_portfolio_item { .post_content_wrap { padding: 1.5em 0 1.5em 1.5em; margin-right: 0 !important; .post_title { margin-bottom: 15px; } .post_meta { .post_categories { font-size: 13px; line-height: 20px; } + .post_title { margin-top: 5px; } } .theme_button { width: max-content; .hover-arrow { width: 20px !important; margin-left: 15px !important; transition: 0.3s !important; } } } } .sc_portfolio_item .post_content_wrap .theme_button { margin-top: 15px; margin-bottom: 0; } .content_wrap_fullscreen .elementor-section-full_width & { .sc_portfolio_content { .sc_portfolio_item { .post_content_wrap { .theme_button { margin-top: 15px; margin-bottom: 0; } } } } } .sc_portfolio_content .sc_portfolio_item .post_content_wrap .theme_button { width: max-content; .hover-arrow { width: 20px !important; margin-left: 15px !important; transition: 0.3s !important; } } } // Title portfolio ( Styles 2,7,9 ) .sc_blogger_lay_portfolio_grid { &.sc_blogger_lay_portfolio_grid_grid_style_7, &.sc_blogger_lay_portfolio_grid_grid_style_9 { .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bl { max-width: calc(100% - 40px) !important; .sc_blogger_item_title { font-size: 20px; } .post_meta .post_categories { font-size: 14px; } } } } // Style Fill .sc_portfolio.sc_portfolio_fill { [class*="grid_wrap_"] { display: block !important; } .sc_portfolio_item { &:before { padding-top: 75%; } + .sc_portfolio_item { margin-top: 20px; } } } // Style Extra .sc_portfolio.sc_portfolio_extra .sc_portfolio_item .post_featured .post_info { .post_title { font-size: 20px; } } // Style Default .sc_portfolio.sc_portfolio_default .sc_portfolio_item .post_featured .post_info { padding: 20px; } // Style Estate .sc_blogger_portestate .sc_blogger_item .sc_blogger_item_content { padding: 1.2em 1.2em 1.2em; .sc_blogger_item_title { font-size: 20px; } } // Style Modern .sc_blogger_portmodern { .sc_blogger_content { .sc_blogger_item { padding-right: 2rem; margin-right: 1.5rem; padding-bottom: 1rem; .sc_blogger_item_title { font-size: 23px; } &:after { bottom: 1.3rem; font-size: 22px; } } } .portfolio_preview { .inner_preview { flex-direction: column; overflow-y: scroll; .close { z-index: 1; top: 30px; right: 30px; } .portfolio_image { width: 100%; height: 80%; } .portfolio_description { height: auto; width: 100%; padding: 1.8rem; max-height: 1000%; overflow-y: unset; .post_details { padding-right: 0; overflow: unset; .post_title { margin-bottom: 20px; } .post_description { .portfolio_page_details { .portfolio_page_details_share { margin-top: 1.2em; padding-top: 1.2em; } } .post_description_content { margin-top: 1em; } .post_readmore { margin-top: 1.7em; } } } } } } } .ua_safari .sc_blogger_portmodern .portfolio_preview .inner_preview .portfolio_description .post_details .post_description .post_readmore, .ua_ios .sc_blogger_portmodern .portfolio_preview .inner_preview .portfolio_description .post_details .post_description .post_readmore { margin-bottom: 5em; } // Style Simple .sc_portfolio.sc_portfolio_simple { .sc_portfolio_item .post_content_wrap .post_title { font-size: 1.5em; } .sc_portfolio_item { padding: 0 20px 10px 0; } } // Single Portfolio Styles .portfolio_page { .portfolio_page_title { margin-bottom: 15px; } .portfolio_page_details_wrap { .portfolio_page_subtitle { font-size: 22px; margin-top: 0 !important; margin-bottom: 15px !important; } .portfolio_page_details .portfolio_page_details_item.portfolio_page_details_share { margin-top: 1em !important; } .portfolio_page_details .portfolio_page_details_item + .portfolio_page_details_button_link { margin-top: 1em !important; } } &.portfolio_page_details_right .portfolio_page_gallery + .portfolio_page_video, &.portfolio_page_details_left .portfolio_page_gallery + .portfolio_page_video, &.portfolio_page_details_left .portfolio_page_video, &.portfolio_page_details_right .portfolio_page_video, &.portfolio_page_details_right .portfolio_page_gallery, &.portfolio_page_details_left .portfolio_page_gallery { width: 100% !important; max-width: unset !important; padding-left: 0 !important; } .portfolio_page_gallery { .trx_addons_column-1_2, .trx_addons_column-1_3, .trx_addons_column-1_4 { width: 50% !important; } } .portfolio_page_gallery_type_masonry_2, .portfolio_page_gallery_type_masonry_3, .portfolio_page_gallery_type_masonry_4 { margin-right: -20px; .portfolio_page_gallery_item { width: 50%; padding-right: 20px; } } &.portfolio_page_details_bottom, &.portfolio_page_details_top { .portfolio_page_details_wrap { margin-bottom: 0; .portfolio_page_description { width: 100%; } .portfolio_page_details { width: 100%; } .portfolio_page_description + .portfolio_page_details { padding-left: 0; padding-top: 25px; } .portfolio_page_details .portfolio_page_details_item.portfolio_page_details_share { margin-top: 1em !important; } } } &.portfolio_page_details_right, &.portfolio_page_details_left { @include flex; flex-direction: column; justify-content: flex-start; .portfolio_page_details_wrap { order: 1; width: 100% !important; padding-bottom: 2em; padding-left: 0; padding-right: 0; position: relative; top: 0 !important; .portfolio_page_description + .portfolio_page_details { padding-top: 25px; } } .portfolio_page_content_wrap { width: 100% !important; order: 2; } } } .single-cpt_portfolio { .portfolio_page_gallery .slider_container { &.sc_slider_controls, &.slider_outer_controls_side, &.slider_controls_side, &.slider_outer_controls_top, &.slider_outer_controls_bottom, &.slider_outer_controls_outside { .slider_controls_wrap > a { width: 30px; height: 30px; line-height: 30px; margin-top: -15px; &:before { font-size: 15px; } &.slider_next { margin-right: 15px; } &.slider_prev { margin-left: 15px; } } } &.slider_controls_side { &:hover { .slider_controls_wrap { > a { &.slider_next { margin-right: 15px; } &.slider_prev { margin-left: 15px; } } } } } } } // for related in single portfolio width detail default_style .detail_default_style ~ .sc_portfolio.sc_portfolio_simple.related_wrap { .related_wrap_title, .related_columns { width: 100%; } } .sc_portfolio.sc_portfolio_simple.related_wrap { flex-direction: column; margin-top: 2em; .related_wrap_title { width: 100%; margin-top: 0; margin-bottom: 0; margin-right: 0; } .related_columns { width: 100%; padding-top: 1.5em; margin-top: 1.5em; border-top: 1px solid var(--theme-color-text_dark); .sc_portfolio_item { padding: 0 15px 15px 0; .post_meta { padding-left: 10px; margin-left: 10px; &:before { margin: 0; position: absolute; left: -3px; } .post_categories { font-size: 15px; } } &:last-child { padding-right: 0; } .post_meta { margin-bottom: -2px; } .post_title { font-size: 18px; } } } } // Style 7 .sc_blogger_lay_portfolio.sc_blogger_lay_portfolio_style_7 .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bl { left: 10%; bottom: 10%; } .sc_blogger_lay_portfolio_grid, .sc_blogger_lay_portfolio { .sc_item_filters .sc_item_filters_header, .sc_item_filters .sc_item_filters_tabs { justify-content: flex-start; text-align: left; li { padding-left: 0; padding-right: 20px; } } } .sc_blogger_lay_portfolio .sc_blogger_filters, .sc_blogger_lay_portfolio_grid .sc_blogger_filters { margin-bottom: 1.5em; .sc_item_filters_tabs { margin-bottom: 0 !important; } } .sc_blogger_portestate .sc_blogger_filters { padding-bottom: 30px; .sc_item_filters_tabs { margin-bottom: 0 !important; } } .slider_width_auto .sc_portfolio.sc_portfolio_default .sc_portfolio_slider .slider_container { .sc_portfolio_item .post_featured { .post_info { padding: 15px; max-width: calc(100% - 30px); bottom: 15px; .post_title { font-size: 17px; } } &:before { padding-top: 140%; } } .slider-wrapper .swiper-slide { &:nth-child(odd) { width: auto !important; min-width: 100%; } &:nth-child(even) { width: auto !important; min-width: 100%; } } } .slider_width_auto .sc_portfolio.sc_portfolio_extra .sc_portfolio_slider .slider_container { .slider-wrapper .swiper-slide { &:nth-child(odd) { width: auto !important; min-width: 100%; } &:nth-child(even) { width: auto !important; min-width: 100%; } } } body.body_style_wide:not(.expand_content) .portfolio_page_details_right .portfolio_page_details_wrap { padding-left: 0; } body.body_style_wide:not(.expand_content) .portfolio_page_details_left .portfolio_page_details_wrap { padding-right: 0; } /* Portfolio End */ /* Filter Toggle style start */ .sc_style_toggle .sc_blogger .sc_item_filters_wrap .sc_item_filters { flex-direction: column; .list_wrap { width: 100% !important; margin-top: 10px; margin-left: -10px; .sc_item_filters_tabs { transform: none; li { padding: 0 10px; } } } .title_wrap { line-height: 1.7em; } } /* Filter Toggle style end */ /* Countdown Start */ // Default style .sc_countdown_default { .sc_countdown_separator { font-size: 30px; margin: 0 10px; } .sc_countdown_item { .sc_countdown_digits { font-size: 38px; } .sc_countdown_label { font-size: 16px; } } &.aligncenter { .sc_countdown_separator { margin: 0 15px; } } &.alignleft { margin-right: 0 !important; } } /* Countdown End */ /* Price Styles Start */ .sc_price .sc_price_item_description, .sc_price .sc_price_item_details { font-size: 16px; } // Default style .sc_price_default { .sc_price_item_info { padding: 2.2em 1.7em; } .sc_price_item_price + .sc_price_item_details { margin-top: 24px; } .sc_price_item_icon { margin-top: 2em; + .sc_price_item_info { padding-top: 1em; padding-bottom: 2em; } } .sc_price_item_subtitle + .sc_price_item_link, .sc_price_item_title + .sc_price_item_link, .sc_price_item_description + .sc_price_item_link, .sc_price_item_details + .sc_price_item_link { margin-top: 18px; } .sc_price_item_description, .sc_price_item_details { font-size: 15px; } } // Focus style .sc_price_focus { .sc_price_item_inner, .sc_price_item.with_image .sc_price_item_inner { padding: 30px 20px; } .sc_price_item.sc_price_active { margin: 0; padding: 0; } } // Simple Shadow style .sc_price_simple_shadow, .sc_price_simple_shadow .sc_price_item.with_image { .sc_price_item_inner { padding: 30px 15px 40px; } } // Plain style .sc_price_plain { .sc_price_item_inner, .sc_price_item.with_image .sc_price_item_inner { padding: 23px 25px 30px; } } // Simple style .sc_price_simple { .sc_price_item_inner, .sc_price_item.with_image .sc_price_item_inner { padding: 30px 15px; } } // Light style .sc_price_light { .sc_price_item_inner, .sc_price_item.with_image .sc_price_item_inner { padding: 30px 15px; } } // Metro style .sc_price_metro { .sc_price_item_inner, .sc_price_item.with_image .sc_price_item_inner { padding: 25px 20px; } .sc_price_item .sc_price_item_link:not(.sc_price_item_link_over) { margin-top: -10px; } } /* Price Styles End */ /* Testimonials Styles Start */ .sc_testimonials_default .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_simple .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_classic .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_light .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_list .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_common .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_modern .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_creative .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_fashion .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_alter .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_alter2 .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_decoration .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"], .sc_testimonials_extra .trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"] { padding-bottom: 40px; } .sc_testimonials_default .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_simple .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_classic .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_light .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_list .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_common .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_modern .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_creative .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_fashion .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_alter .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_alter2 .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_decoration .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"], .sc_testimonials_extra .trx_addons_columns_wrap.columns_padding_bottom.columns_in_single_row > [class*="trx_addons_column-"] { padding-bottom: var(--theme-var-grid_gap); } // Default Style .sc_testimonials_default .sc_testimonials_item .sc_testimonials_item_content { line-height: 1.7em; } // Plain Style .sc_testimonials_plain { .sc_testimonials_item .sc_testimonials_item_content { line-height: 1.7em; } .sc_testimonials_item { padding: 0 0 0 50px; .sc_testimonials_item_author { padding-bottom: 1px; } &:before { top: 5px; left: 7px; font-size: 19px; } } .sc_item_slider.slider_outer_pagination_pos_bottom_outside .swiper-pagination, .sc_item_slider.slider_outer_pagination_pos_bottom .swiper-pagination { margin-top: 1em; } } // Classic Style .sc_testimonials_classic { .sc_testimonials_item_author_title + .sc_testimonials_item_author_subtitle { margin-top: 3px; } .sc_testimonials_item_content, [class*="column"] .sc_testimonials_item_content { font-size: 17px; } .sc_testimonials_item_content:before, [class*="column"] .sc_testimonials_item_content:before { font-size: 15px; margin-bottom: 15px; } .slider_container.slider_controls_side .slider_controls_wrap > a:before { font-size: 17px; } .sc_testimonials_item_author_data { max-width: unset; } .sc_testimonials_item_author, [class*="column"] .sc_testimonials_item_author { margin-top: 20px; } .slider_outer.slider_outer_pagination_pos_bottom.slider_outer_pagination_custom, .slider_outer.slider_outer_pagination_pos_bottom_outside.slider_outer_pagination_custom { padding-bottom: 4.6em; .swiper-pagination-custom { height: 3.2em; line-height: 3.2em; margin-bottom: 0; .swiper-pagination-button { width: 3.2em; height: 3.2em; } } } } // Simple Style .sc_testimonials_simple { [class*="column"] .sc_testimonials_item_content, .sc_testimonials_item_content { line-height: 1.7em; } [class*="column"] .sc_testimonials_item_author, .sc_testimonials_item_author { margin: 25px 0 0; } [class*="column"] .sc_testimonials_item_content:before, .sc_testimonials_item_content:before { margin-bottom: 15px; font-size: 15px; } .sc_testimonials_item_author_avatar { width: 4em; height: 4em; margin-bottom: 20px; } .slider_outer.slider_outer_pagination_pos_bottom_outside .swiper-pagination-bullets, .sc_item_slider.slider_outer_pagination_pos_bottom .swiper-pagination { margin-top: 1.1em; } } // Extra Style .sc_testimonials_extra { .sc_testimonials_item .sc_testimonials_item_content { padding: 30px 25px 32px; line-height: 1.7em; } .sc_testimonials_item_author_data .sc_testimonials_item_author_title + .sc_testimonials_item_author_subtitle { margin-top: 3px; } [class*="column"] .sc_testimonials_item_author, .sc_testimonials_item_author { margin-top: 25px; .sc_testimonials_item_author_avatar { width: 4em; height: 4em; } .sc_testimonials_item_author_data { margin-top: 12px; } } .slider_outer.slider_outer_pagination_pos_bottom_outside .swiper-pagination-custom, .sc_item_slider.slider_outer_pagination_pos_bottom .swiper-pagination { margin-top: 1em; } } // Light Style .sc_testimonials_light { .sc_item_slider.slider_outer_pagination_pos_bottom .swiper-pagination { margin-top: 1em; } .sc_testimonials_item .sc_testimonials_item_author { margin-top: 25px; } .sc_testimonials_item .sc_testimonials_item_content { line-height: 1.7em; } } // Fashion Style .sc_testimonials_fashion { .sc_testimonials_item_content, [class*="column"] .sc_testimonials_item_content { font-size: 18px; } .sc_testimonials_item_content p + p, [class*="column"] .sc_testimonials_item_content p + p { margin-top: 1.1em; } .slider_outer_pagination_custom.slider_outer_pagination_pos_bottom_outside { padding-left: 0; @include flex; flex-direction: column; .swiper-pagination-custom { width: 100%; order: 3; margin-top: 30px; .slider-pagination-button { padding-right: 0; } } .slider_container { width: 100%; float: none; order: 1; } .slider_controls_wrap { width: 100%; float: none; order: 2; margin-top: 25px; > a { width: 3em; height: 3em; line-height: 2.85em; } } } } // Alter Style .sc_testimonials_alter { .sc_testimonials_item [class*="column"] .sc_testimonials_item_content, .sc_testimonials_item .sc_testimonials_item_content { font-size: 17px; } [class*="column"] .sc_testimonials_item_author_data, .sc_testimonials_item_author_data { .sc_testimonials_item_author_title + .sc_testimonials_item_author_subtitle { margin-top: 3px; } } .sc_testimonials_item { .sc_testimonials_item_top { margin-bottom: 20px; } .sc_testimonials_item_author { &:before { font-size: 17px; } } } .slider_container.slider_one .sc_testimonials_item { padding: 0 11%; } .slider_controls_wrap > a { width: 35px !important; height: 35px !important; line-height: 32px !important; } .slider_outer.slider_outer_pagination_pos_bottom_outside .swiper-pagination-bullets, .sc_item_slider.slider_outer_pagination_pos_bottom .swiper-pagination { margin-top: 1em; } } // Alter2 Style .sc_testimonials_alter2 { .sc_testimonials_item { [class*="column"] .sc_testimonials_item_content, .sc_testimonials_item_content { line-height: 1.7em; } .sc_testimonials_item_top { margin: 0 0 15px 0; } .sc_testimonials_item_author { margin-top: 15px; &:before { font-size: 17px; margin-bottom: 7px; } } } [class*="column"] .sc_testimonials_item_author_data, .sc_testimonials_item_author_data { .sc_testimonials_item_author_title + .sc_testimonials_item_author_subtitle { margin-top: 3px; } } .slider_container.slider_one .sc_testimonials_item { padding: 0 11%; } .slider_controls_wrap > a { width: 35px !important; height: 35px !important; line-height: 32px !important; } .sc_item_slider.slider_outer_pagination_pos_bottom { margin-bottom: 3em; } } // Chit .sc_testimonials_chit { .sc_testimonials_item_author_data .sc_testimonials_item_author_title + .sc_testimonials_item_author_subtitle { margin-top: 3px; } .sc_testimonials_item_author_rating + .sc_testimonials_item_content { margin-top: 16px; } .sc_testimonials_item { padding: 34px 28px; } .slider_outer.slider_outer_pagination_pos_bottom_outside .swiper-pagination-bullets, .sc_item_slider.slider_outer_pagination_pos_bottom .swiper-pagination { margin-top: 1em; } } // Bred .sc_testimonials_bred .sc_testimonials_item { padding: 40px 30px; .sc_testimonials_item_author_avatar { margin: 0 auto 20px; } .sc_testimonials_item_author { margin-top: 12px; } } // Modern .sc_testimonials_modern { .sc_testimonials_item:before { font-size: 20px; margin-bottom: 10px; } .sc_testimonials_item { .sc_testimonials_item_content strong { font-size: 19px; } .sc_testimonials_item_content p + p { margin-top: 0.6em; } .sc_testimonials_item_author { margin-top: 20px; } } } // Hover .sc_testimonials_hover { .sc_testimonials_item .sc_testimonials_item_content { line-height: 1.7em; } .sc_testimonials_item { padding: 30px; &:before { font-size: 20px; margin-bottom: 10px; } .sc_testimonials_item_author { margin-top: 18px; } } .slider_outer.slider_outer_pagination_pos_bottom_outside .swiper-pagination-bullets, .sc_item_slider.slider_outer_pagination_pos_bottom .swiper-pagination { margin-top: 1em; } } // Common .sc_testimonials_common .sc_testimonials_item [class*="column"] .sc_testimonials_item_content, .sc_testimonials_common .sc_testimonials_item .sc_testimonials_item_content { line-height: 1.7em; } .sc_testimonials_common [class*="column"] .sc_testimonials_item_content:before, .sc_testimonials_common .sc_testimonials_item_content:before { font-size: 20px; margin-bottom: 17px; } .sc_testimonials_common [class*="column"] .sc_testimonials_item_author, .sc_testimonials_common .sc_testimonials_item_author { margin: 18px 0 0; } // Accent .sc_testimonials_accent .sc_testimonials_item .sc_testimonials_item_content { line-height: 1.7em; } // Accent 2 .sc_testimonials_accent2 .sc_testimonials_item .sc_testimonials_item_content { line-height: 1.7em; } // List .sc_testimonials_list { .sc_testimonials_item [class*="column"] .sc_testimonials_item_content, .sc_testimonials_item .sc_testimonials_item_content { line-height: 1.7em; } .sc_testimonials_item_author { margin: 20px 0 0; } .sc_testimonials_item:before { margin-bottom: 15px; } } // Decoration .sc_testimonials_decoration { .sc_testimonials_item_content:before, [class*="column"] .sc_testimonials_item_content:before { margin-bottom: 15px; font-size: 18px; } .slider_container.slider_one .sc_testimonials_item { padding: 0 8%; } .sc_testimonials_item_content, [class*="column"] .sc_testimonials_item_content { font-size: 17px; } .sc_testimonials_item_author, [class*="column"] .sc_testimonials_item_author { margin-top: 15px; } } // Creative .sc_testimonials_creative .sc_testimonials_item { [class*="column"] .sc_testimonials_item_content, .sc_testimonials_item_content { line-height: 1.7em; } } /* Testimonials Styles End */ /* Team Styles Start */ .sc_team .sc_team_item .sc_team_item_content { font-size: 16px; } .sc_team .sc_team_item .sc_team_item_subtitle { font-size: 16px; } // Default Style .sc_team_default { .sc_team_item_info { padding: 1.2em; .sc_team_item_title { font-size: 20px; } .sc_team_item_subtitle { font-size: 16px; margin-top: 7px; } .sc_team_item_socials{ margin-top: 10px; .social_item { margin: 3px 3px 3px 0; .social_icon { font-size: 15px; @include box(36px, 36px, 36px); } } } } .post-type-archive-cpt_team & .trx_addons_columns_wrap [class*="trx_addons_column-"] { width: 50% !important; } } // Short Style .sc_team_short { .sc_team_item_thumb + .sc_team_item_info { margin-top: 15px; } .sc_team_item_subtitle { margin-top: 4px; margin-bottom: 4px; font-size: 16px; } .sc_team_item_title { font-size: 20px; } } // List Style .sc_team_list { .sc_team_item.has-post-thumbnail { display: block; .post_featured { max-width: 100%; } .sc_team_item_info { padding: 20px 0 0 0; } } } // Alter Style .sc_team_alter .trx_addons_hover_team { padding: 15px; } // Metro Style .sc_team_metro { .sc_team_slider .sc_team_item.has-post-thumbnail { display: block; .post_featured { max-width: 100%; height: auto; } } .sc_team_item_content { margin: 12px 0; } .sc_team_item_title { font-size: 20px; } .sc_team_item_info { padding: 22px; } .sc_team_item_socials .social_item { margin: 3px 3px 3px 0; } } // Accent Style .sc_team_accent { .trx_addons_hover_team .sc_team_item_socials .social_item { margin: 6px 8px !important; } } .team_page_wrap_info .team_member_brief_info_details { font-size: 16px; .team_member_details_phone .team_member_details_value { font-size: 18px; } } /* Team Styles End */ /* Style for Sticky video Stsrt */ .trx_addons_video_sticky_on .trx_addons_video_sticky_inner { width: 320px !important; height: 180px !important; right: 0; left: auto; iframe { width: 100% !important; height: 100% !important; } } .trx_addons_video_sticky_on .trx_addons_video_sticky_close { bottom: 180px; right: 0; } /* Style for Sticky video End */ } @media #{$media_wp_fix} { // List Style .sc_team_list { .sc_team_item.has-post-thumbnail { @include flex; .post_featured { max-width: 47%; } .sc_team_item_info { padding: 0 0 0 6%; } } } } @media #{$media_sm_wp} { // Portfolio Band // Style Band .sc_portfolio.sc_portfolio_band { .sc_portfolio_item { display: block; .post_content_wrap { padding: 1.4em 0 1em !important; width: 100%; } } } .sc_portfolio.sc_portfolio_band .sc_portfolio_item .post_content_wrap { max-width: unset; } // Single Portfolio Styles .portfolio_page { .portfolio_page_title { margin-bottom: 15px; } } .portfolio_page_details_bottom .portfolio_page_details_wrap { margin-top: 1em; } } @media #{$media_xs} { /* Portfolio Start */ .portfolio_page_details_item_title { width: 40%; } .portfolio_page_details_item_value { width: 60%; } .portfolio_page { &.portfolio_page_details_right, &.portfolio_page_details_left { .portfolio_page_details_wrap { .portfolio_page_details .portfolio_page_details_item { .portfolio_page_details_item_title { width: 35%; } .portfolio_page_details_item_value { width: 65%; } } } } &.portfolio_page_details_top, &.portfolio_page_details_bottom { .portfolio_page_details_wrap { .portfolio_page_details .portfolio_page_details_item { .portfolio_page_details_item_title { width: 35%; } .portfolio_page_details_item_value { width: 65%; } } } } } .single-cpt_portfolio .post-navigation .nav-links { .nav-next a, .nav-previous a { font-size: 13px; } .nav-next a span:after { padding-left: 7px; } .nav-previous a span:before { padding-right: 7px; } } body.body_style_wide:not(.expand_content) { .portfolio_page_details_top, .portfolio_page_details_bottom { .portfolio_page_details .portfolio_page_details_item .portfolio_page_details_item_title { width: 35%; } } } // Style 1 .sc_blogger_lay_portfolio.sc_blogger_lay_portfolio_style-1 .sc_blogger_item .sc_blogger_item_body .sc_blogger_item_content { margin-bottom: 10px; } // Style Extra .sc_portfolio.sc_portfolio_extra { .sc_portfolio_item { .post_info { left: 15px !important; bottom: 15px !important; max-width: calc(100% - 30px) !important; } .post_featured .post_info { .post_title { font-size: 17px; padding: 10px 19px 12px; } .post_meta .post_categories { @include font(14px, 1.4em); letter-spacing: 0; padding: 6px 19px 8px; } } } } // Title portfolio ( Styles 7,9 ) .sc_blogger_lay_portfolio_grid { &.sc_blogger_lay_portfolio_grid_grid_style_7, &.sc_blogger_lay_portfolio_grid_grid_style_9 { .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bl { .sc_blogger_item_title { font-size: 20px; padding: 10px 19px 12px; } .post_meta .post_categories { @include font(14px, 1.4em); letter-spacing: 0; padding: 6px 19px 8px; } } } } // Style Grid 4 .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_8, .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_4 { .sc_blogger_item .sc_blogger_item_body .post_featured { &:before { padding-top: 75%; } } .sc_blogger_grid_wrap { &[class*="sc_blogger_grid_"] { display: block !important; } } } .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_13 { .sc_blogger_item { .sc_blogger_item_body .post_featured { &:before { padding-top: 100%; } } + .sc_blogger_item { margin-top: 20px; } } .sc_blogger_grid_wrap { &[class*="sc_blogger_grid_"] { display: block !important; } } .sc_blogger_grid_wrap + .sc_blogger_grid_wrap { margin-top: 20px; } } // Style Grid 3 .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_3 { .sc_blogger_item .sc_blogger_item_body .post_featured { &:before { padding-top: 100%; } } .sc_blogger_grid_wrap { &[class*="sc_blogger_grid_"] { display: block !important; } } } // Style Grid 5 .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_5 { .sc_blogger_item { .sc_blogger_item_body .post_featured { &:before { padding-top: 75%; } } &:before { padding-top: 75%; } + .sc_blogger_item { margin-top: 20px; } } .sc_blogger_grid_wrap { &[class*="sc_blogger_grid_"] { display: block !important; } } } // Style Grid 9 .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_9 { .sc_blogger_item { .sc_blogger_item_body .post_featured { &:before { padding-top: 75%; } } &:before { padding-top: 75%; } + .sc_blogger_item { margin-top: 20px; } } .sc_blogger_grid_wrap { + .sc_blogger_grid_wrap { margin-top: 20px; } &[class*="sc_blogger_grid_"] { display: block !important; } } } // Style Grid 7 .sc_blogger_lay_portfolio_grid.sc_blogger_lay_portfolio_grid_grid_style_7 { .sc_blogger_item { .sc_blogger_item_body .post_featured { &:before { padding-top: 75%; } } } .sc_blogger_grid_wrap { &[class*="sc_blogger_grid_"] { display: block !important; } } } // Style Simple .sc_portfolio.sc_portfolio_simple { .sc_portfolio_item .post_content_wrap .post_title { font-size: 1.3em; } .sc_portfolio_item { padding: 0 15px 8px 0; } &.related_wrap { .related_columns .sc_portfolio_item { display: block; } .sc_portfolio_item .post_content_wrap { display: block; .post_meta { padding-left: 0; margin-left: 0; &:before { display: none; } } } } } .slider_width_auto .sc_portfolio.sc_portfolio_default .sc_portfolio_slider .slider_container { .sc_portfolio_item .post_featured { .post_info { padding: 15px; max-width: calc(100% - 30px); bottom: 15px; .post_title { font-size: 17px; line-height: 1.3em; } } &:before { padding-top: 140%; } } } .slider_width_auto .sc_portfolio.sc_portfolio_extra .sc_portfolio_slider .slider_container { .sc_portfolio_item .post_featured .post_info .post_title { @include font(17px, 1.3em); } } .portfolio_page .portfolio_page_gallery { .trx_addons_column-1_2, .trx_addons_column-1_3, .trx_addons_column-1_4 { width: calc( 100% / var(--theme-var-grid_max_columns) ) !important; } } .portfolio_page_gallery_type_masonry_2, .portfolio_page_gallery_type_masonry_3, .portfolio_page_gallery_type_masonry_4 { margin-right: 0 !important; .portfolio_page_gallery_item { width: 100% !important; padding-right: 0 !important; } } .sc_blogger_portmodern .portfolio_preview .inner_preview { .portfolio_description .post_details .post_description .portfolio_page_details { .portfolio_page_details_item.portfolio_page_details_share .socials_share .social_items .social_item { margin: 0 1em 8px 0; } } } .sc_blogger_portmodern .sc_blogger_content .sc_blogger_item::after { bottom: 1.15rem; } /* Portfolio End */ /* Countdown Start */ // Default style .sc_countdown_default { .sc_countdown_separator { font-size: 25px; margin: 0 8px; } .sc_countdown_item { .sc_countdown_digits { font-size: 30px; } .sc_countdown_label { font-size: 15px; } } &.aligncenter { .sc_countdown_separator { margin: 0 8px; } } &.alignleft { margin-right: 0 !important; } } /* Countdown End */ /* Testimonials Styles Start */ // Classic Style .sc_testimonials_classic { .slider_container .sc_testimonials_item { padding: 0 15px; } .slider_container.slider_controls_side .slider_controls_wrap > a { display: none; } } // Decoration Style .sc_testimonials_decoration { .slider_container.slider_one .sc_testimonials_item { padding: 0; } .slider_container.slider_controls_side .slider_controls_wrap > a { display: none; } } // Alter Style .sc_testimonials_alter { .slider_container.slider_one .sc_testimonials_item { padding: 0 15px; } .slider_container.slider_controls_side .slider_controls_wrap > a { display: none; } } // Creative Style .sc_testimonials_creative .slider_container.slider_controls_side .slider_controls_wrap { > a.slider_prev { left: calc(50% - 105px) !important; } > a.slider_next { right: calc(50% - 105px) !important; } } .sc_testimonials_creative .sc_testimonials_item .sc_testimonials_item_top { margin: 0 0 17px 0; } // Fashion Style .sc_testimonials_fashion .sc_testimonials_item_content, .sc_testimonials_fashion [class*="column"] .sc_testimonials_item_content { font-size: 17px; } /* Testimonials Styles End */ /* Style for Sticky video Stsrt */ .trx_addons_video_sticky_on .trx_addons_video_sticky_close { bottom: 180px; } /* Style for Sticky video End */ // Team Plain .sc_team_plain { .trx_addons_hover_team .sc_team_item_title { font-size: 20px; } .trx_addons_hover_team .sc_team_item_socials { margin-top: 12px; } } // Team Default .sc_team_default { .post-type-archive-cpt_team & .trx_addons_columns_wrap [class*="trx_addons_column-"] { width: 100% !important; } } /* Style for review on single post */ .trx_addons_reviews_block.trx_addons_reviews_block_detailed .trx_addons_reviews_block_pn { .trx_addons_reviews_block_negatives, .trx_addons_reviews_block_positives { width: calc(100% - 1em); } } .trx_addons_reviews_block_detailed .trx_addons_reviews_block_info, .trx_addons_reviews_block_detailed .trx_addons_reviews_block_pn { padding: 2em 1em; } .trx_addons_reviews_block_detailed .trx_addons_reviews_block_criterias, .trx_addons_reviews_block_detailed .trx_addons_reviews_block_buttons { margin: 3em 1em; } .trx_addons_reviews_block_detailed .trx_addons_reviews_block_mark_wrap { padding-right: 0; } .trx_addons_reviews_block_detailed .trx_addons_reviews_block_title, .trx_addons_reviews_block_detailed .trx_addons_reviews_block_summary { text-align: center; } .trx_addons_reviews_block_detailed .trx_addons_reviews_block_pn .trx_addons_reviews_block_subtitle { margin: 0 0 0.5em; } .trx_addons_reviews_block_detailed .trx_addons_reviews_block_criterias .trx_addons_reviews_block_list li { text-align: left; } .trx_addons_reviews_block_detailed .trx_addons_reviews_block_criterias .trx_addons_reviews_block_list_title { position: relative; left: 0; padding-right: 0 !important; width: 100%; display: block; } .trx_addons_reviews_block_detailed .trx_addons_reviews_block_criterias .trx_addons_reviews_block_list li + li { margin-top: 0.7em; } .trx_addons_reviews_block_detailed .trx_addons_reviews_block_buttons .trx_addons_reviews_block_subtitle, .trx_addons_reviews_block_detailed .trx_addons_reviews_block_criterias .trx_addons_reviews_block_subtitle { margin-bottom: 0.5em; } }