/************ Testimonial CSS ************/ .acfb_testimonial_wrap{ padding: 5%; border-radius: 5px; } .acfb_testimonial_wrap .acfb_testimonial_bio{ display: flex; align-items: center; margin-top: 40px; } .acfb_testimonial_wrap .acfb_testimonial_bio .acfb_testimonial_avatar_wrap{ border-radius: 100%; margin-right: 15px; } .acfb_testimonial_wrap .acfb_testimonial_bio .acfb_testimonial_avatar{ object-fit: cover; height: 100%; width: 100%; position: relative; z-index: 10; border-radius: 100%; z-index: 5; border: solid 2px #000; } .acfb_testimonial_wrap .acfb_testimonial_bio .acfb_testimonial_name{ font-family: "Europa", sans-serif; font-weight: 700; line-height: 1.2; margin: 0; padding: 0; } /************ Team CSS ************/ .acfb_team_wrap.acfb_team_top{ display: grid; grid-template-columns: 100%; justify-items: center; text-align: center; } .acfb_team_wrap.acfb_team_left{ display: grid; grid-gap: 25px; grid-template-columns: auto auto; align-items: center; } .acfb_team_wrap{ padding: 60px 35px; } .acfb_team_wrap .acfb_team_avatar img{ object-fit: cover; height: 100%; width: 100%; border-radius: 100%; } .acfb_team_wrap .acfb_team_info{ margin-top: 20px; } /************ Star Rating CSS ************/ .acfb_star_rating{ display: flex; align-items: center; } .acfb_star_rating .acfb_star:before{ content: "\f155"; font-family: dashicons; } /************ Progress Bar CSS ************/ .acfb_progress_wrapper .acfb_progress_bar_title{ display: block; margin-bottom: 5px; } .acfb_progress_wrapper .acfb_inner_wrap{ position: relative; } .acfb_progress_wrapper .acfb_progress_bar{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 7px 15px; } .acfb_progress_wrapper .acfb_progress_bar .acfb_progress_text{ -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /************ Pricing Box CSS ************/ .acfb_pricing_table_wrap{ font-family: Lato,sans-serif; text-align: center; padding: 60px 35px; border-radius: 12px; } .acfb_pricing_table_wrap .acfb_pricing_box_title{ font-weight: 700; } .acfb_pricing_table_wrap .acfb_pricing_box_price_wrapper{ margin: 20px 0; } .acfb_pricing_table_wrap .acfb_pricing_box_price_line{ display: flex; justify-content: center; } .acfb_pricing_table_wrap .acfb_pricing_box_price_line .acfb_pricing_box_price_prefix{ align-self: flex-start; } .acfb_pricing_table_wrap .acfb_pricing_box_price_line .acfb_pricing_box_price{ line-height: 100%!important; } .acfb_pricing_table_wrap .acfb_pricing_box_price_line .acfb_pricing_box_price_suffix{ align-self: flex-end; } .acfb_pricing_table_wrap .acfb_pricing_box_subprice{ text-transform: uppercase; line-height: 100%!important; } .acfb_pricing_table_wrap .acfb_pricing_box_button a{ border-radius: 7px; align-items: center; font-weight: 600; cursor: pointer; padding: 10px 25px; display: inline-block; margin: 15px 0; text-decoration: none; } /************ Price List CSS ************/ .acfb_price_list_wrap .acfb_price_list_item { display: grid; grid-column-gap: 15px; grid-template-columns: 20% auto; text-decoration: none; } .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text .acfb_price_list_header{ display: grid; grid-template-columns: max-content auto max-content; align-items: center; grid-gap: 15px; font-weight: 600; } .acfb_price_list_wrap .acfb_price_list_item .acfb_price_list_text p.acfb_price_list_description { margin-top: 10px; } /************ Multi Button CSS ************/ .acfb_multibuttons_wrap{ /*display: grid;*/ /*grid-template-columns: auto;*/ } .acfb_multibuttons_wrap .acfb_button{ padding: 15px 20px; display: inline-block; text-decoration: none; margin-bottom: 5px; } /************ Counter Number CSS ************/ .acfb_counter_number_wrapper{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-weight: 600; line-height: 1; } .acfb_counter_number_wrapper .acfb_counter_number_prefix{ text-align: right; } .acfb_counter_number_wrapper .acfb_counter_number_suffix{ text-align: left; } .acfb_counter_number_wrapper .acfb_counter_number_prefix, .acfb_counter_number_wrapper .acfb_counter_number_suffix{ -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; white-space: pre-wrap; } .acfb_counter .acfb_counter_title{ text-align: center; font-weight: 400; line-height: 2.5; } /************ Click To Tweet CSS ************/ .acfb_click_to_tweet { display: block; -moz-border-radius: 4px; border-radius: 4px; padding: 15px 30px; text-align: left; } .acfb_click_to_tweet a { display: block; text-decoration: none; text-transform: none; cursor: pointer; line-height: 140%; letter-spacing: 0.05em; } .acfb_click_to_tweet a:hover, .acfb_click_to_tweet:hover a:after{ text-decoration: none; } .acfb_click_to_tweet a:before { content: ''; display: inline-block; width: 50px; height: 50px; vertical-align: bottom; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10,7L8,11H11V17H5V11L7,7H10M18,7L16,11H19V17H13V11L15,7H18Z' fill='%23666'/%3E%3C/svg%3E") no-repeat right center; } .acfb_click_to_tweet a:after { margin-top: 20px; padding-right: 25px; position: relative; display: block; text-transform: uppercase; text-align: right; text-decoration: none; transition: all 0.5s ease; line-height: 20px; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z' fill='%2300abf0'/%3E%3C/svg%3E") no-repeat right center; } /************ Posts CSS ************/ .acfb_posts_block{} .acfb_posts_block .acfb_post { padding: 20px; } .acfb_posts_block .acfb_post_grid{ display: grid; grid-gap: 10px; } .acfb_posts_block .acfb_post_grid .acfb_post{ overflow: hidden; } .acfb_posts_block .acfb_post_list .acfb_post{ display: grid; grid-gap: 20px; grid-template-columns: 1fr 1fr; margin-bottom: 10px; } .acfb_posts_block .acfb_post_list .acfb_post.no_thumb{ grid-template-columns: 1fr; } .acfb_posts_block .acfb_post .acfb_post_thumbnail, .acfb_posts_block .acfb_post .acfb_post_title, .acfb_posts_block .acfb_post .acfb_post_meta, .acfb_posts_block .acfb_post .acfb_post_excerpt, .acfb_posts_block .acfb_post .acfb_post_button{ margin-bottom: 15px; } .acfb_posts_block .acfb_post .acfb_post_title h1, .acfb_posts_block .acfb_post .acfb_post_title h2, .acfb_posts_block .acfb_post .acfb_post_title h3, .acfb_posts_block .acfb_post .acfb_post_title h4, .acfb_posts_block .acfb_post .acfb_post_title h5, .acfb_posts_block .acfb_post .acfb_post_title h6{ margin: 0; } .acfb_posts_block .acfb_post div:nth-last-of-type(1){ margin-bottom: 0; } .acfb_posts_block .acfb_post_2{ grid-template-columns: 1fr 1fr; } .acfb_posts_block .acfb_post_3{ grid-template-columns: 1fr 1fr 1fr; } .acfb_posts_block .acfb_post_4{ grid-template-columns: 1fr 1fr 1fr 1fr; } .acfb_posts_block .acfb_post_5{ grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .acfb_posts_block .acfb_post_6{ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .acfb_posts_block .acfb_post .acfb_post_btn{ text-decoration: none; display: inline-block; } @media only screen and (max-width: 767px) { .acfb_posts_block .acfb_post_2, .acfb_posts_block .acfb_post_3, .acfb_posts_block .acfb_post_4, .acfb_posts_block .acfb_post_5, .acfb_posts_block .acfb_post_6{ grid-template-columns: 1fr; } .acfb_posts_block .acfb_post_list .acfb_post{ grid-template-columns: 1fr; } } /************ Photo Collage CSS ************/ /* Two Gird Style 1*/ .acfb_two-grid-style-one { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; grid-template-areas: "one two"; } /* Two Gird Style 2*/ .acfb_two-grid-style-two { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "one" "two"; } .acfb_collage_2 .acfb_one{ grid-area: one; background-size: cover; background-position: center; } .acfb_collage_2 .acfb_two{ grid-area: two; background-size: cover; background-position: center; } /* Three Gird Style 1*/ .acfb_three-grid-style-one { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "one one" "two three"; } /* Three Gird Style 2*/ .acfb_three-grid-style-two { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "one two" "three three"; } /* Three Gird Style 3 */ .acfb_three-grid-style-three { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "one two" "one three"; } /* Three Gird Style 4 */ .acfb_three-grid-style-four { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "two one" "three one"; } /* Three Gird Style 5 */ .acfb_three-grid-style-five { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; grid-template-areas: "one one" "two two" "three three"; } /* Three Gird Style 6 */ .acfb_three-grid-style-six { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "one two three" "one two three"; } .acfb_collage_3 .acfb_one{ grid-area: one; background-size: cover; background-position: center; } .acfb_collage_3 .acfb_two{ grid-area: two; background-size: cover; background-position: center; } .acfb_collage_3 .acfb_three{ grid-area: three; background-size: cover; background-position: center; } /* Four Gird Style 1 */ .acfb_four-grid-style-one { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr; grid-template-areas: "one one" "two two" "three three" "four four"; } /* Four Gird Style 2 */ .acfb_four-grid-style-two { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "one two three four" "one two three four"; } /* Four Gird Style 3 */ .acfb_four-grid-style-three { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "one one one" "two three four"; } /* Four Gird Style 4 */ .acfb_four-grid-style-four { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "one two three" "four four four"; } /* Four Gird Style 5 */ .acfb_four-grid-style-five { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; grid-template-areas: "one two" "one three" "one four"; } /* Four Gird Style 6 */ .acfb_four-grid-style-six { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; grid-template-areas: "one four" "two four" "three four"; } /* Four Gird Style 7 */ .acfb_four-grid-style-seven { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "one one two" "three four four"; } /* Four Gird Style 8 */ .acfb_four-grid-style-eight { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "one two two" "three three four"; } /* Four Gird Style 9 */ .acfb_four-grid-style-nine { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; grid-template-areas: "one three" "one four" "two four"; } /* Four Gird Style 10 */ .acfb_four-grid-style-ten { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; grid-template-areas: "one three" "two three" "two four"; } /* Four Gird Style 11 */ .acfb_four-grid-style-eleven { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; grid-template-areas: "one two" "three three" "four four"; } /* Four Gird Style 12 */ .acfb_four-grid-style-twelve { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; grid-template-areas: "one one" "two three" "four four"; } /* Four Gird Style 13 */ .acfb_four-grid-style-thirteen { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; grid-template-areas: "one one" "two two" "three four"; } /* Four Gird Style 14 */ .acfb_four-grid-style-fourteen { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "one three four" "two three four"; } /* Four Gird Style 15 */ .acfb_four-grid-style-fifteen { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "one three" "two four"; } .acfb_collage_4 .acfb_one { grid-area: one; background-size: cover; background-position: center; } .acfb_collage_4 .acfb_two { grid-area: two; background-size: cover; background-position: center; } .acfb_collage_4 .acfb_three { grid-area: three; background-size: cover; background-position: center; } .acfb_collage_4 .acfb_four { grid-area: four; background-size: cover; background-position: center; } .acfb_radio_image .acf-input .acf-radio-list:before, .acfb_radio_image .acf-input .acf-radio-list:after{ content: none; } .acfb_radio_image .acf-input .acf-radio-list{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 10px; } .acfb_radio_image .acf-input .acf-radio-list li input{ display: none; } .acfb_radio_image .acf-input .acf-radio-list li .selected img{ border: 2px solid #48a8f4; } .acfb_svg_icon{fill:none;stroke:#555d66;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}