{"id":35,"date":"2021-03-17T15:37:08","date_gmt":"2021-03-17T15:37:08","guid":{"rendered":"https:\/\/cyfs.unl.edu\/media\/?page_id=35"},"modified":"2025-11-17T22:33:19","modified_gmt":"2025-11-17T22:33:19","slug":"our-work","status":"publish","type":"page","link":"https:\/\/cyfs.unl.edu\/media\/our-work\/","title":{"rendered":"Our Work"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#b70000&#8243; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_direction=&#8221;90deg&#8221; background_color_gradient_stops=&#8221;#d00000 60%|rgba(208,0,0,0.56) 60%&#8221; background_color_gradient_overlays_image=&#8221;on&#8221; background_color_gradient_start=&#8221;#d00000&#8243; background_color_gradient_start_position=&#8221;60%&#8221; background_color_gradient_end=&#8221;rgba(208,0,0,0.56)&#8221; background_color_gradient_end_position=&#8221;60%&#8221; background_image=&#8221;https:\/\/cyfs.unl.edu\/media\/wp-content\/uploads\/2021\/12\/pattern-1.png&#8221; custom_padding=&#8221;80px||80px||false|false&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;30px||20px||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; width=&#8221;90%&#8221; width_tablet=&#8221;80%&#8221; width_phone=&#8221;&#8221; width_last_edited=&#8221;on|tablet&#8221; max_width=&#8221;1500px&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;||0px||false|false&#8221; custom_padding_tablet=&#8221;||0px||false|false&#8221; custom_padding_phone=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text module_class=&#8221;media-head&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; header_text_align=&#8221;left&#8221; header_text_color=&#8221;#FFFFFF&#8221; header_font_size=&#8221;93px&#8221; background_color=&#8221;RGBA(0,0,0,0)&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;|0px||||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1 style=\"text-align: center;\">Our work<\/h1>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; disabled_on=&#8221;on|on|on&#8221; admin_label=&#8221;Filterable Portfolio with Rectangles Hover Effect (Divicio.us)&#8221; module_id=&#8221;Home&#8221; _builder_version=&#8221;4.16&#8243; background_color=&#8221;RGBA(0,0,0,0)&#8221; custom_margin=&#8221;100px||100px||false|false&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;36px||100px||false|false&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;&#8221; top_divider_color=&#8221;rgba(4,59,154,0.2)&#8221; top_divider_height=&#8221;69px&#8221; top_divider_flip=&#8221;vertical&#8221; bottom_divider_color=&#8221;rgba(8,119,193,0.29)&#8221; bottom_divider_height=&#8221;32px&#8221; custom_css_main_element=&#8221;min-height: 500px&#8221; disabled=&#8221;on&#8221; locked=&#8221;off&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;Row &#8211; Filterable Portfolio&#8221; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; width=&#8221;90%&#8221; max_width=&#8221;90%&#8221; custom_margin=&#8221;0px||0px|&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; custom_padding=&#8221;0px|0px|0px|0px&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;&#8221; use_custom_width=&#8221;on&#8221; width_unit=&#8221;off&#8221; custom_width_percent=&#8221;90%&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;0px|0px|0px|0px&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;&#8221; custom_padding_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_filterable_portfolio fullwidth=&#8221;off&#8221; posts_number=&#8221;36&#8243; include_categories=&#8221;9,10,11,13,12,14,15,6,27&#8243; show_categories=&#8221;off&#8221; zoom_icon_color=&#8221;RGBA(0,0,0,0)&#8221; hover_overlay_color=&#8221;rgba(0,18,38,0.71)&#8221; hover_icon=&#8221;&#x33;||divi||400&#8243; admin_label=&#8221;Filterable Portfolio with Rectangles Effect&#8221; module_class=&#8221;dvcs_portfolio effect-rectangles&#8221; _builder_version=&#8221;4.27.4&#8243; title_level=&#8221;h1&#8243; title_font=&#8221;|||on|||||&#8221; title_font_size=&#8221;26&#8243; filter_font=&#8221;Montserrat|||on|||||&#8221; filter_text_color=&#8221;#666666&#8243; filter_font_size=&#8221;16px&#8221; filter_line_height=&#8221;2.5em&#8221; caption_font=&#8221;||||||||&#8221; caption_font_size=&#8221;24&#8243; pagination_font=&#8221;|600||on|||||&#8221; pagination_text_align=&#8221;center&#8221; pagination_text_color=&#8221;#c3c3c3&#8243; pagination_line_height=&#8221;2em&#8221; text_orientation=&#8221;left&#8221; background_layout=&#8221;dark&#8221; animation_style=&#8221;fade&#8221; hover_enabled=&#8221;0&#8243; title_font_size_tablet=&#8221;22&#8243; title_font_size_phone=&#8221;20&#8243; title_font_size_last_edited=&#8221;on|desktop&#8221; filter_font_size_tablet=&#8221;16&#8243; filter_font_size_phone=&#8221;&#8221; filter_font_size_last_edited=&#8221;on|desktop&#8221; caption_font_size_tablet=&#8221;20&#8243; caption_font_size_phone=&#8221;18&#8243; caption_font_size_last_edited=&#8221;on|phone&#8221; pagination_font_size_tablet=&#8221;11px&#8221; pagination_font_size_phone=&#8221;12px&#8221; pagination_font_size_last_edited=&#8221;on|tablet&#8221; pagination_line_height_tablet=&#8221;1.5em&#8221; pagination_line_height_phone=&#8221;&#8221; pagination_line_height_last_edited=&#8221;on|desktop&#8221; module_alignment_tablet=&#8221;center&#8221; module_alignment_phone=&#8221;&#8221; module_alignment_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; show_pagination=&#8221;off&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_filterable_portfolio][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;Row &#8211; Code (Do not delete)&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; module_alignment=&#8221;center&#8221; height=&#8221;0px&#8221; custom_margin=&#8221;0px||0px|0px|false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|false|false&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code admin_label=&#8221;Code &#8211; CSS (Do not delete)&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style type=\"text\/css\"><!-- [et_pb_line_break_holder] -->\/* Filterable Portfolio Section with Rectangles Hover Effect *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/**<!-- [et_pb_line_break_holder] --> * Layout Name: Filterable Portfolio Section with Rectangles Hover Effect<!-- [et_pb_line_break_holder] --> * Layout Type: Section<!-- [et_pb_line_break_holder] --> * Author Name: Ivan Chiurcci(Chi)<!-- [et_pb_line_break_holder] --> * Author URI: https:\/\/divicio.us<!-- [et_pb_line_break_holder] --> * Premium Layouts: https:\/\/divicio.us\/shop<!-- [et_pb_line_break_holder] --> * Free Layouts: https:\/\/www.divicio.us\/free-divi-resources\/<!-- [et_pb_line_break_holder] --> *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* GENERAL CSS *\/<!-- [et_pb_line_break_holder] -->\/* filter and pagination *\/<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portfolio_filters {<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portfolio_filters > ul {<!-- [et_pb_line_break_holder] -->    display: inline-block;<!-- [et_pb_line_break_holder] -->    box-shadow: 0 0 55px 2px rgba(0, 0, 0, 0.01);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a,<!-- [et_pb_line_break_holder] -->.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a {<!-- [et_pb_line_break_holder] -->    -webkit-border-radius: 0;<!-- [et_pb_line_break_holder] -->       -moz-border-radius: 0;<!-- [et_pb_line_break_holder] -->            border-radius: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li a,<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portofolio_pagination ul li a {<!-- [et_pb_line_break_holder] -->    border: 2px solid #f5f7f7;<!-- [et_pb_line_break_holder] -->    margin: -2px -2px 0 0;<!-- [et_pb_line_break_holder] -->    background-color: #fff;<!-- [et_pb_line_break_holder] -->    -webkit-transition: all 0.65s ease;<!-- [et_pb_line_break_holder] -->         -o-transition: all 0.65s ease;<!-- [et_pb_line_break_holder] -->            transition: all 0.65s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portofolio_pagination {<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    border-top: none;<!-- [et_pb_line_break_holder] -->    margin-top: 40px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portofolio_pagination ul {<!-- [et_pb_line_break_holder] -->    display: inline-block;<!-- [et_pb_line_break_holder] -->    box-shadow: 0 0 55px 2px rgba(0,0,0,0.01);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portofolio_pagination ul li {<!-- [et_pb_line_break_holder] -->    padding: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portofolio_pagination ul li a {<!-- [et_pb_line_break_holder] -->    padding: 10px 12px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  @media only screen and (max-width: 479px) {<!-- [et_pb_line_break_holder] -->    .dvcs_portfolio .et_pb_portfolio_filters {<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    font-size:1em!important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->\/* end filter and pagination *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* portfolio item *\/<!-- [et_pb_line_break_holder] -->\/* bring the hovered item above the adjacent items by transitioning the z-index *\/<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portfolio_item {<!-- [et_pb_line_break_holder] -->    z-index: 1;<!-- [et_pb_line_break_holder] -->    -webkit-transition: z-index 0.65s ease;<!-- [et_pb_line_break_holder] -->         -o-transition: z-index 0.65s ease;<!-- [et_pb_line_break_holder] -->            transition: z-index 0.65s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portfolio_item:hover {<!-- [et_pb_line_break_holder] -->    z-index: 999;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* end *\/<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portfolio_item h1{<!-- [et_pb_line_break_holder] -->    margin-top: 0 !important;    <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* move the title and meta above the portfolio item image *\/<!-- [et_pb_line_break_holder] -->.dvcs_portfolio h1.et_pb_module_header  {<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->    left: 50%;<!-- [et_pb_line_break_holder] -->    -webkit-transform: translatex(-50%);<!-- [et_pb_line_break_holder] -->        -ms-transform: translatex(-50%);<!-- [et_pb_line_break_holder] -->            transform: translatex(-50%);<!-- [et_pb_line_break_holder] -->    width: auto;<!-- [et_pb_line_break_holder] -->    height: auto;<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    padding: 0;<!-- [et_pb_line_break_holder] -->    -webkit-transition: all 0.5s ease;<!-- [et_pb_line_break_holder] -->         -o-transition: all 0.5s ease;<!-- [et_pb_line_break_holder] -->            transition: all 0.5s ease;<!-- [et_pb_line_break_holder] -->    -webkit-transition-delay: 0.05s;<!-- [et_pb_line_break_holder] -->         -o-transition-delay: 0.05s;<!-- [et_pb_line_break_holder] -->            transition-delay: 0.05s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dvcs_portfolio h1.et_pb_module_header {<!-- [et_pb_line_break_holder] -->    top: 60px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* end *\/<!-- [et_pb_line_break_holder] -->\/* show title and meta on hover *\/<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portfolio_item:hover h1.et_pb_module_header {<!-- [et_pb_line_break_holder] -->    opacity: 1;<!-- [et_pb_line_break_holder] -->    -webkit-transition-delay: 0.55s;<!-- [et_pb_line_break_holder] -->         -o-transition-delay: 0.55s;<!-- [et_pb_line_break_holder] -->            transition-delay: 0.55s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portfolio_item:hover h1.et_pb_module_header {<!-- [et_pb_line_break_holder] -->    top: 50px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* end *\/<!-- [et_pb_line_break_holder] -->\/* show overlay icon when hovering the portfolio item *\/<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay {<!-- [et_pb_line_break_holder] -->    z-index: 3;<!-- [et_pb_line_break_holder] -->    opacity: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay:before {<!-- [et_pb_line_break_holder] -->  \ttop: 50%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* end *\/<!-- [et_pb_line_break_holder] -->\/* end portfolio item *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* responsive  - REMOVE this part if you want to use Divi row gutter setting *\/<!-- [et_pb_line_break_holder] -->\/* adjust portfolio item margin and width for different screen widths *\/<!-- [et_pb_line_break_holder] -->@media only screen and (min-width: 981px) {<!-- [et_pb_line_break_holder] -->    .dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item {<!-- [et_pb_line_break_holder] -->        width: 24.625% !important;<!-- [et_pb_line_break_holder] -->        margin: 0 .25% .25% 0 !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media only screen and (max-width: 980px) {<!-- [et_pb_line_break_holder] -->     .dvcs_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {<!-- [et_pb_line_break_holder] -->        width: 33.166% !important;<!-- [et_pb_line_break_holder] -->        margin: 0 .25% .25% 0 !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .dvcs_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item:nth-child(n).last_in_row {<!-- [et_pb_line_break_holder] -->        margin-right: 0 !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media only screen and (max-width: 767px) {<!-- [et_pb_line_break_holder] -->    .dvcs_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {<!-- [et_pb_line_break_holder] -->        width: 49.75%!important;<!-- [et_pb_line_break_holder] -->        margin: 0 .25% .25% 0!important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media only screen and (max-width: 479px) {<!-- [et_pb_line_break_holder] -->    .dvcs_portfolio.et_pb_filterable_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {<!-- [et_pb_line_break_holder] -->        width: 100%!important;<!-- [et_pb_line_break_holder] -->        margin: 0 0 1% 0!important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* end *\/<!-- [et_pb_line_break_holder] -->\/* end responsive *\/<!-- [et_pb_line_break_holder] -->\/* END GENERAL CSS *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* SECTION AND EFFECT SPECIFIC CSS *\/<!-- [et_pb_line_break_holder] -->\/* set hover and active colors for filter and pagination *\/<!-- [et_pb_line_break_holder] -->.dvcs_portfolio.effect-rectangles .et_pb_portfolio_filters li a.active,<!-- [et_pb_line_break_holder] -->.dvcs_portfolio.effect-rectangles .et_pb_portfolio_filters li a:hover,<!-- [et_pb_line_break_holder] -->.dvcs_portfolio.effect-rectangles .et_pb_portofolio_pagination ul li a.active,<!-- [et_pb_line_break_holder] -->.dvcs_portfolio.effect-rectangles .et_pb_portofolio_pagination ul li a:hover {<!-- [et_pb_line_break_holder] -->    background-color: #f0ede6;<!-- [et_pb_line_break_holder] -->    color: #d00000 !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* end hover and active colors for filter and pagination *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* RECTANGLES EFFECT *\/<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item,<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_portfolio_image {<!-- [et_pb_line_break_holder] -->    overflow: hidden;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.effect-rectangles h1.et_pb_module_header,<!-- [et_pb_line_break_holder] -->.effect-rectangles p.post-meta {<!-- [et_pb_line_break_holder] -->    z-index: 4;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item > a {<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] -->    position: relative;<!-- [et_pb_line_break_holder] -->    overflow: hidden;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item > a:before,<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item > a:after,<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_portfolio_image:before,<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_portfolio_image:after {<!-- [et_pb_line_break_holder] -->    content:'';<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->    -webkit-box-sizing: border-box;<!-- [et_pb_line_break_holder] -->            box-sizing: border-box;<!-- [et_pb_line_break_holder] -->    -webkit-transition: all 0.65s ease;<!-- [et_pb_line_break_holder] -->         -o-transition: all 0.65s ease;<!-- [et_pb_line_break_holder] -->            transition: all 0.65s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_portfolio_image:before {<!-- [et_pb_line_break_holder] -->    top: 0;<!-- [et_pb_line_break_holder] -->    right: 0;<!-- [et_pb_line_break_holder] -->    height: 50%;<!-- [et_pb_line_break_holder] -->    width: 50%;<!-- [et_pb_line_break_holder] -->    -webkit-transform: translateY(-100%);<!-- [et_pb_line_break_holder] -->        -ms-transform: translateY(-100%);<!-- [et_pb_line_break_holder] -->            transform: translateY(-100%);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_portfolio_image:after {<!-- [et_pb_line_break_holder] -->    bottom: 0;<!-- [et_pb_line_break_holder] -->    left: 0;<!-- [et_pb_line_break_holder] -->    height: 50%;<!-- [et_pb_line_break_holder] -->    width: 50%;<!-- [et_pb_line_break_holder] -->    -webkit-transform: translateY(100%);<!-- [et_pb_line_break_holder] -->        -ms-transform: translateY(100%);<!-- [et_pb_line_break_holder] -->            transform: translateY(100%);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item > a:before {<!-- [et_pb_line_break_holder] -->    top: -1%;<!-- [et_pb_line_break_holder] -->    left: -1%;<!-- [et_pb_line_break_holder] -->    height: 51%;<!-- [et_pb_line_break_holder] -->    width: 51%;<!-- [et_pb_line_break_holder] -->    margin: 0 !important;<!-- [et_pb_line_break_holder] -->    -webkit-transform: translateX(-100%);<!-- [et_pb_line_break_holder] -->        -ms-transform: translateX(-100%);<!-- [et_pb_line_break_holder] -->            transform: translateX(-100%);<!-- [et_pb_line_break_holder] -->    z-index: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item > a:after {<!-- [et_pb_line_break_holder] -->    bottom: -1%;<!-- [et_pb_line_break_holder] -->    right: -1%;<!-- [et_pb_line_break_holder] -->    height: 51%;<!-- [et_pb_line_break_holder] -->    width: 51%;<!-- [et_pb_line_break_holder] -->    -webkit-transform: translateX(100%);<!-- [et_pb_line_break_holder] -->        -ms-transform: translateX(100%);<!-- [et_pb_line_break_holder] -->            transform: translateX(100%);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item:hover > a:before,<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item:hover > a:after,<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:before,<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:after {<!-- [et_pb_line_break_holder] -->    -webkit-transform: translate(0, 0) scale(1);<!-- [et_pb_line_break_holder] -->        -ms-transform: translate(0, 0) scale(1);<!-- [et_pb_line_break_holder] -->            transform: translate(0, 0) scale(1);<!-- [et_pb_line_break_holder] -->    opacity: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:before,<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:after {<!-- [et_pb_line_break_holder] -->    background-color: #001226; \/* set 2nd and 3rd rectangle color here *\/<!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item:hover > a:before,<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item:hover > a:after{<!-- [et_pb_line_break_holder] -->    background-color: #001226; \/* set 1st and 4th rectangle color here *\/<!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* END RECTANGLES EFFECT *\/<!-- [et_pb_line_break_holder] -->\/* END SECTION AND EFFECT SPECIFIC CSS *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* END: Filterable Portfolio Section with Rectangles Hover Effect *\/<!-- [et_pb_line_break_holder] --><\/style>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; disabled_on=&#8221;off|off|off&#8221; admin_label=&#8221;Filterable Portfolio with Rectangles Hover Effect (Divicio.us)&#8221; module_id=&#8221;portfolio&#8221; _builder_version=&#8221;4.17.1&#8243; background_color=&#8221;RGBA(0,0,0,0)&#8221; custom_margin=&#8221;100px||100px||false|false&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;10px||10px||false|false&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;&#8221; top_divider_color=&#8221;rgba(4,59,154,0.2)&#8221; top_divider_height=&#8221;69px&#8221; top_divider_flip=&#8221;vertical&#8221; bottom_divider_color=&#8221;rgba(8,119,193,0.29)&#8221; bottom_divider_height=&#8221;32px&#8221; custom_css_main_element=&#8221;min-height: 500px&#8221; locked=&#8221;off&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1 style=\"text-align: center;\">Portfolio<\/h1>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;Row &#8211; Code (Do not delete)&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;2197px&#8221; module_alignment=&#8221;center&#8221; height=&#8221;0px&#8221; custom_margin=&#8221;0px||0px|0px|false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|false|false&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code admin_label=&#8221;Code &#8211; CSS (Do not delete)&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style type=\"text\/css\"><!-- [et_pb_line_break_holder] -->\/* Filterable Portfolio Section with Rectangles Hover Effect *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/**<!-- [et_pb_line_break_holder] --> * Layout Name: Filterable Portfolio Section with Rectangles Hover Effect<!-- [et_pb_line_break_holder] --> * Layout Type: Section<!-- [et_pb_line_break_holder] --> * Author Name: Ivan Chiurcci(Chi)<!-- [et_pb_line_break_holder] --> * Author URI: https:\/\/divicio.us<!-- [et_pb_line_break_holder] --> * Premium Layouts: https:\/\/divicio.us\/shop<!-- [et_pb_line_break_holder] --> * Free Layouts: https:\/\/www.divicio.us\/free-divi-resources\/<!-- [et_pb_line_break_holder] --> *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* GENERAL CSS *\/<!-- [et_pb_line_break_holder] -->\/* filter and pagination *\/<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portfolio_filters {<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portfolio_filters > ul {<!-- [et_pb_line_break_holder] -->    display: inline-block;<!-- [et_pb_line_break_holder] -->    box-shadow: 0 0 55px 2px rgba(0, 0, 0, 0.01);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a,<!-- [et_pb_line_break_holder] -->.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a {<!-- [et_pb_line_break_holder] -->    -webkit-border-radius: 0;<!-- [et_pb_line_break_holder] -->       -moz-border-radius: 0;<!-- [et_pb_line_break_holder] -->            border-radius: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dvcs_portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li a,<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portofolio_pagination ul li a {<!-- [et_pb_line_break_holder] -->    border: 2px solid #f5f7f7;<!-- [et_pb_line_break_holder] -->    margin: -2px -2px 0 0;<!-- [et_pb_line_break_holder] -->    background-color: #fff;<!-- [et_pb_line_break_holder] -->    -webkit-transition: all 0.65s ease;<!-- [et_pb_line_break_holder] -->         -o-transition: all 0.65s ease;<!-- [et_pb_line_break_holder] -->            transition: all 0.65s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portofolio_pagination {<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    border-top: none;<!-- [et_pb_line_break_holder] -->    margin-top: 40px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portofolio_pagination ul {<!-- [et_pb_line_break_holder] -->    display: inline-block;<!-- [et_pb_line_break_holder] -->    box-shadow: 0 0 55px 2px rgba(0,0,0,0.01);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portofolio_pagination ul li {<!-- [et_pb_line_break_holder] -->    padding: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portofolio_pagination ul li a {<!-- [et_pb_line_break_holder] -->    padding: 10px 12px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  @media only screen and (max-width: 479px) {<!-- [et_pb_line_break_holder] -->    .dvcs_portfolio .et_pb_portfolio_filters {<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    font-size:1em!important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->\/* end filter and pagination *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* portfolio item *\/<!-- [et_pb_line_break_holder] -->\/* bring the hovered item above the adjacent items by transitioning the z-index *\/<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portfolio_item {<!-- [et_pb_line_break_holder] -->    z-index: 1;<!-- [et_pb_line_break_holder] -->    -webkit-transition: z-index 0.65s ease;<!-- [et_pb_line_break_holder] -->         -o-transition: z-index 0.65s ease;<!-- [et_pb_line_break_holder] -->            transition: z-index 0.65s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portfolio_item:hover {<!-- [et_pb_line_break_holder] -->    z-index: 999;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* end *\/<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portfolio_item h1{<!-- [et_pb_line_break_holder] -->    margin-top: 0 !important;    <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* move the title and meta above the portfolio item image *\/<!-- [et_pb_line_break_holder] -->.dvcs_portfolio h1.et_pb_module_header  {<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->    left: 50%;<!-- [et_pb_line_break_holder] -->    -webkit-transform: translatex(-50%);<!-- [et_pb_line_break_holder] -->        -ms-transform: translatex(-50%);<!-- [et_pb_line_break_holder] -->            transform: translatex(-50%);<!-- [et_pb_line_break_holder] -->    width: auto;<!-- [et_pb_line_break_holder] -->    height: auto;<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    padding: 0;<!-- [et_pb_line_break_holder] -->    -webkit-transition: all 0.5s ease;<!-- [et_pb_line_break_holder] -->         -o-transition: all 0.5s ease;<!-- [et_pb_line_break_holder] -->            transition: all 0.5s ease;<!-- [et_pb_line_break_holder] -->    -webkit-transition-delay: 0.05s;<!-- [et_pb_line_break_holder] -->         -o-transition-delay: 0.05s;<!-- [et_pb_line_break_holder] -->            transition-delay: 0.05s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dvcs_portfolio h1.et_pb_module_header {<!-- [et_pb_line_break_holder] -->    top: 60px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/*center hover text *\/<!-- [et_pb_line_break_holder] -->  .et_pb_portfolio_item {<!-- [et_pb_line_break_holder] -->display:flex!important;<!-- [et_pb_line_break_holder] -->align-items:center!important;<!-- [et_pb_line_break_holder] -->justify-content:center!important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.et_pb_module_header {<!-- [et_pb_line_break_holder] -->top:auto!important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->\/* end *\/<!-- [et_pb_line_break_holder] -->\/* show title and meta on hover *\/<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portfolio_item:hover h1.et_pb_module_header {<!-- [et_pb_line_break_holder] -->    opacity: 1;<!-- [et_pb_line_break_holder] -->    -webkit-transition-delay: 0.55s;<!-- [et_pb_line_break_holder] -->         -o-transition-delay: 0.55s;<!-- [et_pb_line_break_holder] -->            transition-delay: 0.55s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portfolio_item:hover h1.et_pb_module_header {<!-- [et_pb_line_break_holder] -->    top: 50px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* end *\/<!-- [et_pb_line_break_holder] -->\/* show overlay icon when hovering the portfolio item *\/<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay {<!-- [et_pb_line_break_holder] -->    z-index: 3;<!-- [et_pb_line_break_holder] -->    opacity: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.dvcs_portfolio .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay:before {<!-- [et_pb_line_break_holder] -->  \ttop: 50%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* end *\/<!-- [et_pb_line_break_holder] -->\/* end portfolio item *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* responsive  - REMOVE this part if you want to use Divi row gutter setting *\/<!-- [et_pb_line_break_holder] -->\/* adjust portfolio item margin and width for different screen widths *\/<!-- [et_pb_line_break_holder] -->@media only screen and (min-width: 981px) {<!-- [et_pb_line_break_holder] -->    .dvcs_portfolio .et_pb_filterable_portfolio .et_pb_portfolio_item .et_pb_grid_item {<!-- [et_pb_line_break_holder] -->        width: 24.625% !important;<!-- [et_pb_line_break_holder] -->        margin: 0 .25% .25% 0 !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media only screen and (max-width: 980px) {<!-- [et_pb_line_break_holder] -->     .dvcs_portfolio .et_pb_filterable_portfolio .et_pb_filterable_portfolio_grid .et_pb_portfolio_item .et_pb_grid_item {<!-- [et_pb_line_break_holder] -->        width: 33.166% !important;<!-- [et_pb_line_break_holder] -->        margin: 0 .25% .25% 0 !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->     .dvcs_portfolio.et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item:nth-child(n).last_in_row {<!-- [et_pb_line_break_holder] -->        margin-right: 0 !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media only screen and (max-width: 767px) {<!-- [et_pb_line_break_holder] -->    .dvcs_portfolio .et_pb_filterable_portfolio .et_pb_filterable_portfolio_grid .et_pb_portfolio_item .et_pb_grid_item {<!-- [et_pb_line_break_holder] -->        width: 49.75%!important;<!-- [et_pb_line_break_holder] -->        margin: 0 .25% .25% 0!important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media only screen and (max-width: 479px) {<!-- [et_pb_line_break_holder] -->    .dvcs_portfolio .et_pb_filterable_portfolio .et_pb_filterable_portfolio_grid .et_pb_portfolio_item .et_pb_grid_item {<!-- [et_pb_line_break_holder] -->        width: 100%!important;<!-- [et_pb_line_break_holder] -->        margin: 0 0 1% 0!important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* end *\/<!-- [et_pb_line_break_holder] -->\/* end responsive *\/<!-- [et_pb_line_break_holder] -->\/* END GENERAL CSS *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* SECTION AND EFFECT SPECIFIC CSS *\/<!-- [et_pb_line_break_holder] -->\/* set hover and active colors for filter and pagination *\/<!-- [et_pb_line_break_holder] -->.dvcs_portfolio.effect-rectangles .et_pb_portfolio_filters li a.active,<!-- [et_pb_line_break_holder] -->.dvcs_portfolio.effect-rectangles .et_pb_portfolio_filters li a:hover,<!-- [et_pb_line_break_holder] -->.dvcs_portfolio.effect-rectangles .et_pb_portofolio_pagination ul li a.active,<!-- [et_pb_line_break_holder] -->.dvcs_portfolio.effect-rectangles .et_pb_portofolio_pagination ul li a:hover {<!-- [et_pb_line_break_holder] -->    background-color: #f0ede6;<!-- [et_pb_line_break_holder] -->    color: #d00000 !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* end hover and active colors for filter and pagination *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* RECTANGLES EFFECT *\/<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item,<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_portfolio_image {<!-- [et_pb_line_break_holder] -->    overflow: hidden;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.effect-rectangles h1.et_pb_module_header,<!-- [et_pb_line_break_holder] -->.effect-rectangles p.post-meta {<!-- [et_pb_line_break_holder] -->    z-index: 4;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item > a {<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] -->    position: relative;<!-- [et_pb_line_break_holder] -->    overflow: hidden;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item > a:before,<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item > a:after,<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_portfolio_image:before,<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_portfolio_image:after {<!-- [et_pb_line_break_holder] -->    content:'';<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->    -webkit-box-sizing: border-box;<!-- [et_pb_line_break_holder] -->            box-sizing: border-box;<!-- [et_pb_line_break_holder] -->    -webkit-transition: all 0.65s ease;<!-- [et_pb_line_break_holder] -->         -o-transition: all 0.65s ease;<!-- [et_pb_line_break_holder] -->            transition: all 0.65s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_portfolio_image:before {<!-- [et_pb_line_break_holder] -->    top: 0;<!-- [et_pb_line_break_holder] -->    right: 0;<!-- [et_pb_line_break_holder] -->    height: 50%;<!-- [et_pb_line_break_holder] -->    width: 50%;<!-- [et_pb_line_break_holder] -->    -webkit-transform: translateY(-100%);<!-- [et_pb_line_break_holder] -->        -ms-transform: translateY(-100%);<!-- [et_pb_line_break_holder] -->            transform: translateY(-100%);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_portfolio_image:after {<!-- [et_pb_line_break_holder] -->    bottom: 0;<!-- [et_pb_line_break_holder] -->    left: 0;<!-- [et_pb_line_break_holder] -->    height: 50%;<!-- [et_pb_line_break_holder] -->    width: 50%;<!-- [et_pb_line_break_holder] -->    -webkit-transform: translateY(100%);<!-- [et_pb_line_break_holder] -->        -ms-transform: translateY(100%);<!-- [et_pb_line_break_holder] -->            transform: translateY(100%);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item > a:before {<!-- [et_pb_line_break_holder] -->    top: -1%;<!-- [et_pb_line_break_holder] -->    left: -1%;<!-- [et_pb_line_break_holder] -->    height: 51%;<!-- [et_pb_line_break_holder] -->    width: 51%;<!-- [et_pb_line_break_holder] -->    margin: 0 !important;<!-- [et_pb_line_break_holder] -->    -webkit-transform: translateX(-100%);<!-- [et_pb_line_break_holder] -->        -ms-transform: translateX(-100%);<!-- [et_pb_line_break_holder] -->            transform: translateX(-100%);<!-- [et_pb_line_break_holder] -->    z-index: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item > a:after {<!-- [et_pb_line_break_holder] -->    bottom: -1%;<!-- [et_pb_line_break_holder] -->    right: -1%;<!-- [et_pb_line_break_holder] -->    height: 51%;<!-- [et_pb_line_break_holder] -->    width: 51%;<!-- [et_pb_line_break_holder] -->    -webkit-transform: translateX(100%);<!-- [et_pb_line_break_holder] -->        -ms-transform: translateX(100%);<!-- [et_pb_line_break_holder] -->            transform: translateX(100%);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item:hover > a:before,<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item:hover > a:after,<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:before,<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:after {<!-- [et_pb_line_break_holder] -->    -webkit-transform: translate(0, 0) scale(1);<!-- [et_pb_line_break_holder] -->        -ms-transform: translate(0, 0) scale(1);<!-- [et_pb_line_break_holder] -->            transform: translate(0, 0) scale(1);<!-- [et_pb_line_break_holder] -->    opacity: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:before,<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item:hover .et_portfolio_image:after {<!-- [et_pb_line_break_holder] -->    background-color: #001226; \/* set 2nd and 3rd rectangle color here *\/<!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item:hover > a:before,<!-- [et_pb_line_break_holder] -->.effect-rectangles .et_pb_portfolio_item:hover > a:after{<!-- [et_pb_line_break_holder] -->    background-color: #001226; \/* set 1st and 4th rectangle color here *\/<!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* END RECTANGLES EFFECT *\/<!-- [et_pb_line_break_holder] -->\/* END SECTION AND EFFECT SPECIFIC CSS *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* END: Filterable Portfolio Section with Rectangles Hover Effect *\/<!-- [et_pb_line_break_holder] --><\/style>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;Row &#8211; Filterable Portfolio&#8221; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; width=&#8221;90%&#8221; max_width=&#8221;90%&#8221; custom_margin=&#8221;0px||0px|&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; custom_padding=&#8221;0px|0px|0px|0px&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;&#8221; use_custom_width=&#8221;on&#8221; width_unit=&#8221;off&#8221; custom_width_percent=&#8221;90%&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;0px|0px|0px|0px&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;&#8221; custom_padding_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_filterable_portfolio fullwidth=&#8221;off&#8221; posts_number=&#8221;36&#8243; include_categories=&#8221;9,10,11,13,12,14,15,6,27&#8243; show_categories=&#8221;off&#8221; zoom_icon_color=&#8221;RGBA(0,0,0,0)&#8221; hover_overlay_color=&#8221;rgba(0,18,38,0.71)&#8221; hover_icon=&#8221;&#x33;||divi||400&#8243; admin_label=&#8221;Filterable Portfolio with Rectangles Effect&#8221; module_class=&#8221;dvcs_portfolio effect-rectangles&#8221; _builder_version=&#8221;4.27.4&#8243; title_level=&#8221;h1&#8243; title_font=&#8221;|||on|||||&#8221; title_font_size=&#8221;26&#8243; filter_font=&#8221;Montserrat|||on|||||&#8221; filter_text_color=&#8221;#666666&#8243; filter_font_size=&#8221;16px&#8221; filter_line_height=&#8221;2.5em&#8221; caption_font=&#8221;||||||||&#8221; caption_font_size=&#8221;24&#8243; pagination_font=&#8221;|600||on|||||&#8221; pagination_text_align=&#8221;center&#8221; pagination_text_color=&#8221;#c3c3c3&#8243; pagination_line_height=&#8221;2em&#8221; text_orientation=&#8221;left&#8221; background_layout=&#8221;dark&#8221; animation_style=&#8221;fade&#8221; hover_enabled=&#8221;0&#8243; title_font_size_tablet=&#8221;22&#8243; title_font_size_phone=&#8221;20&#8243; title_font_size_last_edited=&#8221;on|desktop&#8221; filter_font_size_tablet=&#8221;16&#8243; filter_font_size_phone=&#8221;&#8221; filter_font_size_last_edited=&#8221;on|desktop&#8221; caption_font_size_tablet=&#8221;20&#8243; caption_font_size_phone=&#8221;18&#8243; caption_font_size_last_edited=&#8221;on|phone&#8221; pagination_font_size_tablet=&#8221;11px&#8221; pagination_font_size_phone=&#8221;12px&#8221; pagination_font_size_last_edited=&#8221;on|tablet&#8221; pagination_line_height_tablet=&#8221;1.5em&#8221; pagination_line_height_phone=&#8221;&#8221; pagination_line_height_last_edited=&#8221;on|desktop&#8221; module_alignment_tablet=&#8221;center&#8221; module_alignment_phone=&#8221;&#8221; module_alignment_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; show_pagination=&#8221;off&#8221;][\/et_pb_filterable_portfolio][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|phone&#8221; admin_label=&#8221;Case studies&#8221; module_id=&#8221;case-studies&#8221; _builder_version=&#8221;4.17.1&#8243; background_color=&#8221;#001226&#8243; custom_padding=&#8221;90px||90px|&#8221; custom_padding_tablet=&#8221;90px||90px|&#8221; custom_padding_phone=&#8221;20px||20px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.17.1&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; max_width=&#8221;1300px&#8221; custom_padding=&#8221;45px|0px|45px|0px&#8221; custom_padding_tablet=&#8221;45px|0px|45px|0px&#8221; custom_padding_phone=&#8221;45px|0px|0px|0px|false|false&#8221; custom_width_px=&#8221;710px&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; background_position=&#8221;top_left&#8221; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text module_class=&#8221;media-hr-ctr&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; header_text_align=&#8221;left&#8221; header_text_color=&#8221;#FFFFFF&#8221; header_font_size=&#8221;56px&#8221; background_color=&#8221;RGBA(0,0,0,0)&#8221; custom_margin=&#8221;||||false|false&#8221; custom_margin_tablet=&#8221;|||0px|false|false&#8221; custom_margin_phone=&#8221;&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;left&#8221; header_font_size_tablet=&#8221;&#8221; header_font_size_phone=&#8221;45px&#8221; header_font_size_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1>Case studies<\/h1>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;1300px&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;NeMTSS&#8221; url=&#8221;https:\/\/cyfs.unl.edu\/media\/project\/nemtss\/&#8221; image=&#8221;https:\/\/cyfs.unl.edu\/media\/wp-content\/uploads\/2021\/03\/nemtss-1.jpg&#8221; content_max_width_tablet=&#8221;100%&#8221; content_max_width_phone=&#8221;&#8221; content_max_width_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; background_layout=&#8221;dark&#8221; custom_margin=&#8221;||20px|||&#8221; link_option_url=&#8221;https:\/\/cyfs.unl.edu\/media\/project\/nemtss\/&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][et_pb_button button_url=&#8221;https:\/\/cyfs.unl.edu\/media\/project\/nemtss\/&#8221; button_text=&#8221;View Case study&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;20px&#8221; button_text_color=&#8221;#FFFFFF&#8221; button_bg_color=&#8221;RGBA(0,0,0,0)&#8221; button_border_color=&#8221;#FFFFFF&#8221; button_font=&#8221;|600||on|||||&#8221; button_use_icon=&#8221;off&#8221; custom_margin=&#8221;||40px||false|false&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;|||0px|false|false&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; button_text_size_tablet=&#8221;&#8221; button_text_size_phone=&#8221;15px&#8221; button_text_size_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; button_bg_color__hover_enabled=&#8221;on|hover&#8221; button_bg_color__hover=&#8221;#FFFFFF&#8221; button_bg_enable_color__hover=&#8221;on&#8221; button_text_color__hover_enabled=&#8221;on|hover&#8221; button_text_color__hover=&#8221;#001226&#8243;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;Early Learning Network&#8221; image=&#8221;https:\/\/cyfs.unl.edu\/media\/wp-content\/uploads\/2021\/05\/eln-5.jpg&#8221; content_max_width_tablet=&#8221;100%&#8221; content_max_width_phone=&#8221;&#8221; content_max_width_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; background_layout=&#8221;dark&#8221; custom_margin=&#8221;||21px|||&#8221; link_option_url=&#8221;https:\/\/cyfs.unl.edu\/media\/project\/eln\/&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][et_pb_button button_url=&#8221;https:\/\/cyfs.unl.edu\/media\/project\/eln\/&#8221; button_text=&#8221;View Case study&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;20px&#8221; button_text_color=&#8221;#FFFFFF&#8221; button_bg_color=&#8221;RGBA(0,0,0,0)&#8221; button_border_color=&#8221;#FFFFFF&#8221; button_font=&#8221;|600||on|||||&#8221; button_use_icon=&#8221;off&#8221; custom_margin_tablet=&#8221;||40px||false|false&#8221; custom_margin_phone=&#8221;|||0px|false|false&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; button_text_size_tablet=&#8221;&#8221; button_text_size_phone=&#8221;15px&#8221; button_text_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; button_bg_color__hover_enabled=&#8221;on|hover&#8221; button_bg_color__hover=&#8221;#FFFFFF&#8221; button_bg_enable_color__hover=&#8221;on&#8221; button_text_color__hover_enabled=&#8221;on|hover&#8221; button_text_color__hover=&#8221;#001226&#8243;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;Early Childhood Summit&#8221; image=&#8221;https:\/\/cyfs.unl.edu\/media\/wp-content\/uploads\/2024\/05\/ecs-4.jpg&#8221; content_max_width_tablet=&#8221;100%&#8221; content_max_width_phone=&#8221;&#8221; content_max_width_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; background_layout=&#8221;dark&#8221; custom_margin=&#8221;||21px|||&#8221; link_option_url=&#8221;https:\/\/cyfs.unl.edu\/media\/project\/ecs\/&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][et_pb_button button_url=&#8221;https:\/\/cyfs.unl.edu\/media\/project\/ecs\/&#8221; button_text=&#8221;View case study&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;20px&#8221; button_text_color=&#8221;#FFFFFF&#8221; button_bg_color=&#8221;RGBA(0,0,0,0)&#8221; button_border_color=&#8221;#FFFFFF&#8221; button_font=&#8221;|600||on|||||&#8221; button_use_icon=&#8221;off&#8221; custom_margin=&#8221;||40px||false|false&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;|||0px|false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; button_text_size_tablet=&#8221;&#8221; button_text_size_phone=&#8221;15px&#8221; button_text_size_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; button_bg_color__hover_enabled=&#8221;on|hover&#8221; button_bg_color__hover=&#8221;#FFFFFF&#8221; button_bg_enable_color__hover=&#8221;on&#8221; button_text_color__hover_enabled=&#8221;on|hover&#8221; button_text_color__hover=&#8221;#001226&#8243;][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our workPortfolioCase studies<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-35","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cyfs.unl.edu\/media\/wp-json\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cyfs.unl.edu\/media\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cyfs.unl.edu\/media\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cyfs.unl.edu\/media\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/cyfs.unl.edu\/media\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":89,"href":"https:\/\/cyfs.unl.edu\/media\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":54652,"href":"https:\/\/cyfs.unl.edu\/media\/wp-json\/wp\/v2\/pages\/35\/revisions\/54652"}],"wp:attachment":[{"href":"https:\/\/cyfs.unl.edu\/media\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}