/*--------------------------------------------------------------------------------- Theme Name: Ardis Theme URI: https://ardis.nl/ Description: Divi Child Theme Author: Netfire Author URI: https://tools-for-change.nl/ Template: Divi Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html ------------------------------ ADDITIONAL CSS HERE ------------------------------ */ @font-face { font-family: 'Caecilia lt std 75 bold'; src: url('/Caecilia LT Std 75 Bold.otf') format('opentype'); font-weight: normal; font-style: normal; } /* Grid vacatures centered */ .grid-justify-content-center .df-cpts-wrap.layout-grid{ justify-content:center !important; } /* bestelformulier */ .et_pb_contact p input[type=checkbox]+label, .et_pb_contact p input[type=radio]+label { text-align: left; } /* content linked jquery cpt grid */ .difl_cptgrid article .df-item-wrap.df-cpt-content-wrap{ cursor:pointer !important; } /* hover image tools */ .df-hover-effect.df-image-zoom-in{ border-radius:100%; } /* Footer menu */ #menu-hoofdmenu .current_page_item a{ color:#fff !important; } @media screen and (max-width: 980px) { .et_pb_column_4_tb_footer .et_pb_menu__menu { display: block; } .et_pb_column_4_tb_footer .mobile_menu_bar { display: none; } } /* over ardis kolommen */ @media (min-width: 981px){ .werkvelden_columns .et_pb_column_1_5{ width: 17.5%; } .werkvelden_columns .et_pb_column{ margin-right: 2.5%; } } /* uitlijnen icoon en tekst op de medewerkers pagina */ .medewerker_icon_text{ margin-bottom:0px !important;} .medewerker_icon_text .et_pb_text_inner{ display:flex; justify-content: flex-start; align-items:center;} /************************************** HEADER LOGO */ h1{ font-family: 'Caecilia lt std 75 bold',Helvetica,Arial,Lucida,sans-serif !important;font-size:44px !important; line-height: 1.1em !important; color:#d4000e;} h2{ font-size:22px !important; line-height: 1.3em !important; color:#d4000e !important;} h3{ font-size:22px !important; line-height: 1.1em !important; color:#333333 !important;} @media (max-width: 767px){ h1{ font-size:30px !important;} } .citaat{ border-radius:20px; overflow:visible; background-color:#f8ece8; } .entry-content tr td{ border:0 !important;} .nf_flex{ display: flex; align-items: center;} .nf_flex_dbw{ margin-bottom:20px; margin-left:20px;} .nf_flex_dbw > div{ width:50px; margin-right:50px;} .nf_flex_dbw img{ max-width:50px;} @media (max-width: 1050px){ .nf_flex_dbw{ margin-left:10px; } .nf_flex_dbw > div{ margin-right:40px; } } @media (max-width: 800px){ .nf_flex_dbw > div{ margin-right:20px; } } .et_header_style_left .logo_container{ position: fixed; top:0px; left: 0; width:68px; height:218px; background: transparent url(/images/logo_ardis.jpg) no-repeat top left; background-size: contain; z-index: 9999999;} .et_header_style_left span.logo_helper, .et_header_style_left #logo{ display:none;} .et_header_style_left #logo{ max-height:100%;} #main-header.et-fixed-header{ background-color:rgba(255,255,255,.85);} @media (max-width: 980px){ /* Slider boven de tekst plaatsen */ body.home .et_pb_row.et_pb_row_0{ display: flex; align-items: flex-start; justify-content: center; align-content: center; flex-direction: column-reverse; } body.home .et_pb_text_0{ top:auto; left:auto; } .et_header_style_left .logo_container{ position:absolute; width: 34px; height: 109px; top: 16px; background:none;} .et_header_style_left span.logo_helper{ display:none; } .et_header_style_left #logo { display:block;height:100%; width:100%; max-width:100%; max-height:100%; transform: rotate(90deg) translateX(-100%) translateY(-20%); } } /********************* FIX break-word */h1, h2, h3, h4, h5, h6, .nf_blog_list_title { overflow-wrap: normal!important;} /********************* SWAP IMAGE HOVER FIX ANIMATION*/ .et_multi_view_image__loaded{ -webkit-animation:none !important; animation:none !important;} /********************** TIMELINE */ .nf_timeline_publicaties{ font-size: 17px; line-height: 30px; width: 50%; padding: 50px 0 20px !important; margin: 0 0 0 5px !important; float: right; } .nf_timeline_publicaties:nth-child(even){ float: left; margin: 0 5px 0 0 !important;} @media screen and (max-width: 767px){ .nf_timeline_publicaties, .nf_timeline_publicaties:nth-child(even) { width: 100%; padding: 40px 0 15px; margin: 0 0 15px 0; } .nf_timeline_publicaties .et_pb_blurb_content { padding: 50px 20px 30px; } } @media screen and (max-width: 767px){ .nf_timeline_publicaties .et_pb_blurb_content .et_pb_main_blurb_image { font-size: 40px; line-height: 85px; height: 80px; width: 80px; left: 15px; top: -40px; } } .nf_timeline_publicaties .et_pb_blurb_content .et_pb_main_blurb_image { background-color: #d4000e; text-align: center; line-height: 105px; height: 100px; width: 100px; border-radius: 50%; position: absolute; top: -50px; left: -50px;} .nf_timeline_publicaties:nth-child(even) .et_pb_blurb_content .et_pb_main_blurb_image { left: auto; right: -50px;} .nf_timeline_publicaties .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color: #fff; font-size: 50px; line-height: 105px;} .nf_timeline_publicaties .et_pb_blurb_content { background: #fff; padding: 20px 20px 30px; border: 2px solid #d4000e; border-radius: 30px; box-shadow: -5px 5px 10px rgba(0,0,0,0.1) inset; display: block; position: relative;} .nf_timeline_publicaties:nth-child(even) .et_pb_blurb_content { box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1) inset;} .nf_timeline_publicaties .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color: #555; font-size: 22px; font-weight: 700; margin: 0 0 15px 40px} .nf_timeline_publicaties:nth-child(even) .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { margin: 0 40px 15px 0;} .nf_timeline_date{ position:absolute; right:-90%; top:100px; font-size:120px; color:rgba(0,0,0,.15);} .nf_timeline_publicaties:nth-child(odd) .nf_timeline_date{ right:auto; left:-90%;} @media screen and (max-width: 767px){ .nf_timeline_date, .nf_timeline_publicaties:nth-child(odd) .nf_timeline_date{ position:relative; right:auto; left:auto; top:auto; margin-top:20px; font-size:16px; font-weight:bold; color:#010101; } } .nf_timeline_image{ position:absolute; right:-90%; top:0; color:rgba(0,0,0,.15);} .nf_timeline_publicaties:nth-child(odd) .nf_timeline_image{ right:auto; left:-90%;} @media screen and (max-width: 767px){ .nf_timeline_image, .nf_timeline_publicaties:nth-child(odd) .nf_timeline_image{ position:relative; right:auto; left:auto; top:auto; margin-top:20px; } } .nf_ol li{ margin-bottom:15px; } /*********************************** Footer */ footer .nf_footer_list{ list-style:none !important; padding:0; list-style-type: none;} footer .nf_footer_list li{ margin:0px; padding:0px 0px 0px 50px; position:relative; min-height:52px; line-height:1.4em; display:flex; align-content: flex-start; justify-content: flex-start; align-items: center; flex-direction: row; } footer .et_pb_text_inner .nf_footer_heading{ font-size:17px; font-weight:bold; margin-bottom:15px;} footer .nf_footer_list li:before{ content:''; width:35px; height:35px; background-color:#fff; position:absolute; z-index:-1; border-radius: 100%; left:0; top:6px;} footer .nf_footer_list img{ left:0; top:6px; width:30px; margin:2px; position:absolute;} footer .nf_footer_list span{} footer .nf_footer_text{font-size:15px;} /*************************** Related posts */ .nf_related_posts ul{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px;} .nf_related_posts ul li{ list-style:none;} .nf_related_posts_personen{} .nf_related_posts_projecten{} /********************************* image blurb afgeronde hoeken */ .nf_blurb_image_clip .df_ab_blurb_image_img{ clip-path: ellipse(125% 100% at bottom center);} @media (max-width: 250px){ .nf_blurb_image_clip h3.df_ab_blurb_title{font-size:20px;} } @media (min-width: 480px) and (max-width: 520px){ .nf_blurb_image_clip h3.df_ab_blurb_title{font-size:20px !important;} } @media (min-width: 981px){ .nf_blurb_image_clip h3.df_ab_blurb_title{font-size:13px !important;} } @media (min-width: 1050px){ .nf_blurb_image_clip h3.df_ab_blurb_title{font-size:14px !important;} } @media (min-width: 1100px){ .nf_blurb_image_clip h3.df_ab_blurb_title{font-size:15px !important;} } @media (min-width: 1150px){ .nf_blurb_image_clip h3.df_ab_blurb_title{font-size:16px !important;} } @media (min-width: 1200px){ .nf_blurb_image_clip h3.df_ab_blurb_title{font-size:17px !important;} } @media (min-width: 1250px){ .nf_blurb_image_clip h3.df_ab_blurb_title{font-size:18px !important;} } @media (min-width: 1300px){ .nf_blurb_image_clip h3.df_ab_blurb_title{font-size:19px !important;} } @media (min-width: 1400px){ .nf_blurb_image_clip h3.df_ab_blurb_title{font-size:20px !important;} } @media (min-width: 1450px){ .nf_blurb_image_clip h3.df_ab_blurb_title{font-size:21px !important;} } @media (min-width: 1500px){ .nf_blurb_image_clip h3.df_ab_blurb_title{font-size:22px !important;} } @media (min-width: 1550px){ .nf_blurb_image_clip h3.df_ab_blurb_title{font-size:23px !important;} } @media (min-width: 1600px){ .nf_blurb_image_clip h3.df_ab_blurb_title{font-size:24px !important;} } /********************************* READ MORE publicaties? *//* Hide Additional Text */ .nf_content_rm {display: none;} /********************************* Medewerkers bollen startpagina */ #nf_people_slide_circular1_wrapper{margin-right: 100px;} #nf_people_slide_circular2_wrapper{margin-top: 100px;} #nf_people_slide_circular3_wrapper{margin-top:-100px;} @media (max-width: 1250px){ #nf_people_slide_circular1_wrapper{margin-right: 0px;} #nf_people_slide_circular2_wrapper{margin-top: 0px;} #nf_people_slide_circular3_wrapper{margin-top: 0px;} } #nf_people_slide_circular1_wrapper,.nf_people_slide_circular1 li,.nf_people_slide_circular1 img{ height:200px; width:200px; border-radius:100%;} #nf_people_slide_circular2_wrapper,.nf_people_slide_circular2 li,.nf_people_slide_circular2 img{ height:275px; width:275px; border-radius:100%;} #nf_people_slide_circular3_wrapper,.nf_people_slide_circular3 li,.nf_people_slide_circular3 img{ height:400px; width:400px; border-radius:100%;} .nf_people_slide_circular1_wrapper,.nf_people_slide_circular2_wrapper,.nf_people_slide_circular3_wrapper{ margin:0; padding:0; position:relative;} .nf_people_slide_circular{ position:relative; padding:0; margin:0; list-style:none; list-style-type: none;} .nf_people_slide_circular li{ position:absolute; top:0; left:0; padding:0; margin:0; list-style:none; opacity:0; overflow:hidden; animation: nf_people_slide_circular_anim 20s infinite; border-radius:100%;} .nf_people_slide_circular1 li{animation-delay: 0ms;} .nf_people_slide_circular2 li{animation-delay: 100ms;} .nf_people_slide_circular3 li{animation-delay: 2000ms;} .nf_people_slide_circular img{ transition: all 250ms ease;} .nf_people_slide_circular:hover img{ transform: scale(1.2);} .nf_people_slide_circular:hover li{ animation-play-state: paused;} .nf_people_slide_circular li:nth-child(1) { animation-delay: 0s } .nf_people_slide_circular li:nth-child(2) { animation-delay: 4s } .nf_people_slide_circular li:nth-child(3) { animation-delay: 8s } .nf_people_slide_circular li:nth-child(4) { animation-delay: 12s } .nf_people_slide_circular li:nth-child(5) { animation-delay: 16s } @keyframes nf_people_slide_circular_anim { 20% { opacity:1; } 50% { opacity:0; } } /*************************** Medewerkers custom shortcode grid */ .nf_person_list{ min-height:50vh; display: grid; column-gap: 20px; row-gap:80px; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); position:relative; text-align:center;} @media (max-width: 1570px){ .nf_person_list{ row-gap:60px;} } @media (max-width: 1170px){ .nf_person_list{ row-gap:40px;} } .nf_person_list_item_wrapper{ opacity: 0; overflow:hidden; width:100%; height:100%; max-width:300px; min-width:200px; margin-bottom:70px; /*max-height person_info*/ transition: 350ms ease all; -webkit-animation:nf_person_list_item_show 1000ms forwards; animation:nf_person_list_item_show 1000ms forwards; cursor:pointer;} .nf_person_list_tekst{ max-width:100%; cursor:auto;} @keyframes nf_person_list_item_show{ 0%{ opacity:0; transform:scale(0.01); } 99% { opacity:1; transform: scale(1); } 100% { opacity: 1;display:flex; } } .nf_person_list_item_wrapper.hidden{ -webkit-animation:nf_person_list_item_hide 250ms forwards; animation:nf_person_list_item_hide 250ms forwards; } @keyframes nf_person_list_item_hide{ 0%{ opacity:1; transform:scale(1); } 99% { transform: scale(0.01); } 100% { opacity: 0;display:none; } } /* .nf_person_list_item { grid-column: span 1;} .nf_person_list_tekst{ grid-column: span 2;} */ @media (min-width: 700px){ .nf_person_list_tekst{ grid-column: span 2;} } .nf_person_list_tekst{ background-color:#f8ece8; border-radius:20px; margin-bottom:30px; max-height:300px; display: flex; position: relative; align-items: center; flex-direction: row;} .nf_person_list_tekst_title{ text-align:left; color:#d4000e; font-weight:bold; font-size:40px; line-height:1.5; padding-left:50px;} @media (max-width: 700px){ .nf_person_list_tekst_title{font-size:30px; } } @media (max-width: 600px){ .nf_person_list_tekst_title{font-size:25px; } } @media (max-width: 500px){ .nf_person_list_tekst_title{font-size:20px; } } .nf_person_list_tekst_image{ align-self: flex-end; margin: 20px;} .nf_person_list_tekst_image img{ width: 100%; max-width: 200px; height: auto;} .nf_person_image{ position:relative; min-width:300px;} .nf_person_image_default img,.nf_person_image_hover img{ width:100%; height:auto; border-radius:20px;} .nf_person_image_hover{ opacity:0; position:absolute; width:100%; top:0; left:0; z-index:2; transition: 500ms ease all;} /*** SINGLE **/ .nf_person_image_single{width:100%;max-width:400px;min-width:auto;} .nf_person_image_single .nf_person_image_default img,.nf_person_image_single .nf_person_image_hover img{ max-width:400px; width:100%; border-radius:100%;} .nf_person_image_single .nf_person_image_default img,.nf_person_image_single .nf_person_image_hover img{ border-radius:100%;} .nf_person_image_single:hover .nf_person_image_hover{ display:block; opacity:1; } .nf_person_info{ z-index:10; clip-path: ellipse(125% 100% at bottom center); padding:20px 10px; max-height:70px; overflow:hidden; position:absolute; bottom:0; left:0; right:0; transition: 500ms cubic-bezier(0.15, 0.1, 0.05, 1) max-height, 100ms ease background-color;} .nf_person_list_item:hover .nf_person_info{ border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; max-height:300px; background-color:#f8ece8; } .nf_person_list_item:hover .nf_person_image_hover{ display:block; opacity:1;} .nf_person_title{ display:block; height:50px; font-size:22px; color:#000; line-height: 1.1;} .nf_person_category{ font-weight:bold;} .nf_person_list_categories{ display:flex; justify-content: center; list-style:none; margin-bottom:50px;} .nf_person_list_categories li{ margin:10px; list-style:none; list-style-type: none; transition: 500ms ease all; font-size:1.4em;} .nf_btn_person_list{ border-radius:30px; padding:8px 20px; text-align:center; border:2px solid #d4000e; transition: 250ms ease all;} .nf_btn_person_list.active{ background-color:#d4000e; color:#fff;} .nf_btn_person_list:hover{ background-color:#D4000E; background-image: linear-gradient(90deg,#D4000E 0%,#b1040e 99%); color:#fff;} @media (max-width: 700px){ .nf_person_list_categories li{ margin:8px; } .nf_btn_person_list{ padding:8px 16px; font-size:18px; } } @media (max-width: 600px){ .nf_person_list{ } .nf_person_list_categories li{ margin:6px; } .nf_btn_person_list{ padding:7px 14px; font-size:16px; } } @media (max-width: 500px){ .nf_person_list_categories li{ margin:4px; } .nf_btn_person_list{ padding:6px 12px; font-size:15px; } } @media (max-width: 425px){ .nf_person_list_categories li{ margin:2px; } .nf_btn_person_list{ padding:4px 8px; font-size:13px; } } .nf_homepage_over_ardis_video2{ position:relative; display:block; width:420px; height:436px; background:url('https://ardis.nl/wp-content/uploads/2023/12/Ardis-video2.png') top left no-repeat; background-size:contain;} .nf_homepage_over_ardis_video2:hover{ background:url('https://ardis.nl/wp-content/uploads/2023/12/Ardis-video2-hover.png') top left no-repeat; background-size:contain;} .nf_homepage_over_ardis_video{ position:relative; max-width:500px; max-height:400px;} .nf_homepage_over_ardis_play{ position:absolute; width:80px; height:80px; display:flex; align-items: center; justify-content: center; background-color: rgba(255,0,0,.6); box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.35); border-radius:100%; bottom:0; right:0;} .nf_homepage_over_ardis_play:after{ content:"\25b6"; display: block; color: rgba(255,255,255,.6); font-weight: bold; font-size: 40px; text-align: center; } .nf_homepage_over_ardis_video:hover .nf_homepage_over_ardis_play{ background-color: rgba(221,51,62,1); outline:8px solid rgba(248,236,232,1);} .nf_homepage_over_ardis_video:hover .nf_homepage_over_ardis_play:after{ color: rgba(255,255,255,1);} /* Blog list custom postp */ .nf_blog_list_item:hover .nf_blog_list_image img{ transform:scale(1.25);} .nf_blog_list_item{ border-radius: 20px 20px 20px 20px; overflow: hidden; border-color: #7ec0f8 RGBA(0,0,0,0.6) RGBA(0,0,0,0.6) #7EC0F8; box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.15); text-align: left; margin: 10px 0px 20px; padding-bottom: 0px; background-color: #FFFFFF;} .nf_blog_list_title a{ display:block; padding:10px; font-family: 'Lucida sans',Helvetica,Arial,Lucida,sans-serif; font-size:14px; font-weight: 700; color: rgb(51, 51, 51)!important; line-height: 20px;} .nf_blog_list_image a{ line-height:0;} .nf_blog_list_image{ margin:0; padding:0; clip-path: ellipse(125% 100% at bottom center); display:flex;} .nf_blog_list_image img{ transition:500ms ease all;} .nf_blog_list_date{ font-weight: 700; color: #FFFFFF!important; text-align: center; border-radius: 100% 100% 100% 100%; overflow: hidden; background-color: #D4000E; height: 70px; width: 70px; display: flex!important; justify-content: center!important; align-items: center!important; position: absolute!important; bottom: auto; top: auto; left: auto; right: 0; margin: -15px 30px 0px 0px; z-index: 1; display: block;} /* Werkveld list custom postp */ .nf_werkveld_list_item:hover .nf_werkveld_list_image img{ transform:scale(1.25);} .nf_werkveld_list_item{ border-radius: 20px 20px 20px 20px; overflow: hidden; border-color: #7ec0f8 RGBA(0,0,0,0.6) RGBA(0,0,0,0.6) #7EC0F8; box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.15); text-align: left; margin: 10px 0px 20px; padding-bottom: 0px; background-color: #FFFFFF;} .nf_werkveld_list_title a{ text-align:center;display:block; padding:10px; font-family: 'Lucida sans',Helvetica,Arial,Lucida,sans-serif; font-size:16px; font-weight: 600; color: #000000!important; line-height: 20px;} .nf_werkveld_list_image a{ line-height:0;} .nf_werkveld_list_image{ margin:0; padding:0; clip-path: ellipse(125% 100% at bottom center); display:flex;} .nf_werkveld_list_image img{ transition:500ms ease all;} @media (max-width: 980px){ .nf_werkveld_list_title a{text-align:center;margin:20px;font-size:22px;}} @media (min-width:980px) AND (max-width: 1200px){ .nf_werkveld_list_title a{font-size:14px;}} /* Medewerkers hover FLIP!! wordt niet meer gebruikt**//***.nf_medewerkers_wrapper article{ -ms-perspective: 500px; perspective: 500px;} .nf_medewerkers_wrapper .df-hover-trigger{ background-color: rgba(255,255,255,1); box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; padding: 10px; border-radius: 6px; transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; cursor: pointer; transform-style: preserve-3d;} .nf_medewerkers_wrapper .df-item-wrap.df-item-acf,.nf_medewerkers_wrapper .df-item-wrap.df-cpt-taxonomies{ display:none; transform: rotateY(180deg);} .nf_medewerkers_wrapper .df-cpt-inner-wrap > div *{ -webkit-backface-visibility:hidden !important; backface-visibility: hidden !important;} .nf_medewerkers_wrapper article:hover .df-hover-trigger{ transform: rotateY(-180deg);} .nf_medewerkers_wrapper article:hover .df-item-wrap.df-cpt-image-wrap,.nf_medewerkers_wrapper article:hover .df-item-wrap.df-cpt-title-wrap{ position:absolute; display: none;} .nf_medewerkers_wrapper article:hover .df-item-wrap.df-item-acf,.nf_medewerkers_wrapper article:hover .df-item-wrap.df-cpt-taxonomies{ display: block !important;} **/ /***** #nf-popup publicaties */ body:not(.et-fb) .nf-popup{ position:fixed !important; z-index:990 !important; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,.7) !important; transition: all .25s cubic-bezier(.14,.06,.41,1.39); opacity:0; visibility:hidden; } body:not(.et-fb) .nf-popup.popup-is-visible { opacity:1; visibility:visible; } /* Prevent Body from Scrolling when Popup is visible */ body.nf-noscroll { overflow: hidden; } /* Center Align Popup Content inside the Section */ .nf-popup { display:flex; flex-direction:column; justify-content: center; } .nf-popup .et_pb_row { margin-top:0!important; margin-bottom:0!important; background-color:#ffffff; border:2px solid #d4000e; border-radius:12px !important; padding:32px !important; box-shadow:0 10px 20px rgba(0, 0, 0, 0.15), 0 6px 6px rgba(0, 0, 0, 0.2)!important; } .nf-popup-trigger > span{ display: inline-flex; align-items: center; color: #010101; font-size:14px; } .nf-popup-trigger > span:before{ content: url('data:image/svg+xml;utf8, '); display: inline-block; width: 24px; margin: 3px 5px 0px 0px; } .nf-popup-trigger{ display:inline-block; padding: 0px 10px 0px 5px; border: 1px solid #ccc; background-color: #f9f9f9; border-radius: 12px; transition: 250ms ease all; } .nf-popup-trigger:hover{ background-color:#f1f1f1; } /* Adjust the position of the popup overlay for admin bar */ @media (min-width:600px) and (max-width:782px) { body:not(.et-fb).admin-bar .nf-popup { top:46px; } } @media (min-width:783px) { body:not(.et-fb).admin-bar .nf-popup { top:32px; } } /* Mave the popup on top of other elements */ .et_builder_inner_content.popup-is-visible { z-index:99999 !important; } /* Add a hand cursor to the close trigger element */ .nf-popup-close { cursor: pointer; position: absolute !important; display: block; right: 0; top: 0; z-index: 9999; transform: translateY(-50%); } /* Add Row animation when popup is triggered */ .nf-popup.popup-is-visible .et_pb_row:not(.nf-popup-close) { animation:scale-in .5s cubic-bezier(.14,.06,.41,1.39) both; animation-delay: .5s; } @keyframes scale-in{ 0%{ transform:scale(0.3); opacity:0 } 100%{ transform:scale(1); opacity:1 } }