OwlCyberSecurity - MANAGER
Edit File: style.css
/* Theme Name: Ingrid Theme URI: http://demosdivi.lovelyconfetti.com/ingrid Description: Beautiful Multipurpose Theme Template for Divi Author: Lovely Confetti Author URI: https://lovelyconfetti.com Template: Divi Version: 1.2 License: GNU General Public License v2 or later License URI:http://www.gnu.org/licenses/gpl-2.0.html */ @font-face { font-family: 'Favorite Notification'; src: url('fonts/favorite_notification.eot'); src: url('fonts/favorite_notification.eot?#iefix') format('embedded-opentype'), url('fonts/favorite_notification.woff2') format('woff2'), url('fonts/favorite_notification.woff') format('woff'), url('fonts/favorite_notification.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* Reverse Columns Services On mobile ----------------------------------------*/ @media screen and ( max-width: 980px ) { .reverse { display: flex; flex-direction: column-reverse; }} /* Blockquote ----------------------------------------*/ blockquote { padding: 20px; border-left: none; border-top: 3px solid #faf4f0; border-bottom: 3px solid #faf4f0; } blockquote p { font-size: 15px !important; line-height: 1.5; font-style: italic !important; font-family: 'Arapey', georgia, serif; } /* Selection ----------------------------------------*/ ::-moz-selection { background-color: #faf4f0; } ::selection { background-color: #faf4f0; color: #222; } /* Collapse Submenus ----------------------------------------*/ /*.et_pb_menu .et_mobile_menu .menu-item-has-children > a, #main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; } .et_pb_menu .et_mobile_menu .menu-item-has-children > a:after, #main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: 600; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; font-size: 18px; content: '\4c'; top: 11px; right: 13px; } .et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a:after, #main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; } .et_pb_menu .et_mobile_menu ul.sub-menu, #main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important; transition: all 1.5s ease-in-out; } .et_pb_menu .et_mobile_menu .visible > ul.sub-menu, #main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }*/ /* START: Collapse Divi Menu Module Submenus and Keep Parent Items Clickable on Mobile */ /* Parent menu item */ .et_pb_module .et_mobile_menu .menu-item-has-children.clickable, .et_pb_module .et_mobile_menu .menu-item-has-children > a { position: relative; } /* Parent menu item icon */ .et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable) > a:after, .et_pb_module .et_mobile_menu .menu-item-has-children.clickable > span.parent_icon:after { font-family: "ETmodules"; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; font-size: 16px; } /* Disabled parent menu item icon positioning */ .et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable) > a:after { position: absolute; top: 13px; right: 10px; } /* Clickable parent menu item icon */ .et_pb_module .et_mobile_menu .menu-item-has-children.clickable > span.parent_icon { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr; align-items: center; position: absolute; width: 46px; height: 46px; background: rgba(0, 0, 0, 0); border-left: 1px solid #dcdcdc; right: 0; top: 0; z-index: 9; } /* Collapsed submenu parent menu item icon */ .et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable) > a:after, .et_pb_module .et_mobile_menu .menu-item-has-children.clickable > span.parent_icon:after { content: "\33"; } /* Expanded submenu parent menu item icon */ .et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable).visible > a:after, .et_pb_module .et_mobile_menu .menu-item-has-children.clickable.visible > span.parent_icon:after { content: "\32"; } /* Hide submenu by default */ .et_pb_module .et_mobile_menu ul.sub-menu, .et-db #et-boc .et-l .et_pb_menu .et_mobile_menu > ul.sub-menu, .et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu > ul.sub-menu { display: none !important; visibility: hidden !important; } /* Show submenu */ .et_pb_module .et_mobile_menu .visible > ul.sub-menu, .et-db #et-boc .et-l .et_pb_menu .et_mobile_menu .visible > ul.sub-menu, .et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; } /* END: Collapse Divi Menu Module Submenus and Keep Parent Items Clickable on Mobile */ .mobile_menu_bar:before { content: "a"; font-size: 32px; position: relative; left: 0; top: 0; cursor: pointer; } /* Ingrid FAQS -----------------------------------------------------*/ .ingrid_faqs .et_pb_toggle_title:before { padding-right: 22px; font-size: 24px; content: "\4c"; top: 50%; } .ingrid_faqs .et_pb_toggle.et_pb_toggle_open h5:before { content: "\4d" !important; display: block !important; } /* Ingrid Timeline -----------------------------------------------------*/ .ingrid_timeline .et_pb_promo_description:after { content: ""; position: absolute; border-radius: 50%; left: -48px; top: 5px; background-color: #e4ddd3; width: 17px; height: 17px; } .ingrid_timeline .et_pb_promo_description:before { content: ""; position: absolute; left: -40px; top: 11px; width: 1px; height: 100%; background-color: #e4ddd3; } @media only screen and (max-width:600px){ .ingrid_timeline .et_pb_promo_description:after { left: -48px; } .ingrid_timeline .et_pb_promo_description:before { left: -40px; }} /* Ingrid Columns -----------------------------------------------------*/ @media only screen and (max-width: 980px) { .two-columns .et_pb_column { width: 50%!important; }} /* Marquee Banner -----------------------------------------------------*/ .marquee { position: relative; display: flex; animation: moveLeft 14s linear infinite !important; } .track { color: inherit; text-decoration: none; animation: text 10s infinite linear; position:relative; white-space: nowrap; min-width: 100%; } @keyframes text{ 0%{ left: 0%; } 25%{ left:-10%; } 50%{ left:-20%; } 75%{ left:-30%; } 100%{ left:-40%; }} /* Ingrid Testimonial -----------------------------------------------------*/ .ingrid_testimonial_slider .et_pb_slide { background-color:transparent!important; padding:0!important } .ingrid_testimonial_slider .et_pb_slide_content p:last-of-type { padding-bottom:0!important } .ingrid_testimonial_slider .et_pb_slide_content p { padding-bottom:4px!important } .ingrid_testimonial_slider .et-pb-slider-arrows a { opacity:1!important; top:37.5px; margin-top:0 } .ingrid_testimonial_slider .et-pb-slider-arrows a.et-pb-arrow-next, .ingrid_testimonial_slider .et-pb-slider-arrows a.et-pb-arrow-prev{ -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out } .ingrid_testimonial_slider .et-pb-slider-arrows a.et-pb-arrow-prev { left:50%!important; margin-left:-106px } .ingrid_testimonial_slider .et-pb-slider-arrows a.et-pb-arrow-next:before, .ingrid_testimonial_slider .et-pb-slider-arrows a.et-pb-arrow-prev:before { transition:.3s; display:block } .ingrid_testimonial_slider .et-pb-slider-arrows a.et-pb-arrow-prev:before { content:"#"; color: #222; font-size: 30px; } .ingrid_testimonial_slider .et-pb-slider-arrows a.et-pb-arrow-next:before { content:"$"; transition:.3s; display:block; color: #222; font-size: 30px; } .ingrid_testimonial_slider .et-pb-slider-arrows a.et-pb-arrow-next { right:50%!important; margin-right:-106px } .ingrid_testimonial_slider .et_pb_slides .et_pb_slider_container_inner{ display:block } .ingrid_testimonial_slider .et_pb_column_4_4{ background-size:auto!important } .ingrid_testimonial_slider .et-pb-slider-arrows a.et-pb-arrow-next, .ingrid_testimonial_slider .et-pb-slider-arrows a.et-pb-arrow-prev{ -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; transition:all .4s ease-in-out } .ingrid_testimonial_slider .et-pb-slider-arrows a.et-pb-arrow-next:hover:before{ transform:translate(10px,0); } .ingrid_testimonial_slider .et-pb-slider-arrows a.et-pb-arrow-prev:hover:before{ transform:translate(-10px,0); } .ingrid_testimonial_slider .et_pb_slider.et_pb_slider .et_pb_slide_image { margin: 0 auto 70px!important; width: 85px!important; height: 85px!important; border-radius: 100%; overflow: hidden; position: static; } .ingrid_testimonial_slider .et_pb_slider.et_pb_slider .et_pb_slide_description { float: none; width: 100%; padding: 0!important; text-align: center; } /* Ingrid Testimonial Home 1 -----------------------------------------------------*/ .ingrid_slider_testi .et_pb_slider .et-pb-controllers a:last-child { margin-right: 0 !important; } .ingrid_slider_testi .et_pb_slider .et-pb-controllers { position: static !important; height: auto !important; } .ingrid_slider_testi .et_pb_slider .et-pb-controllers a img{ display: block !important; width: 100% !important; } .ingrid_slider_testi .et_pb_slider .et-pb-controllers a { width: 80px; height: 80px; background-size: cover; margin-right: 2.9% !important; transition: 0.3s; background-color: transparent !important; border-radius: 50% !important; text-indent: 0; overflow: hidden; color: transparent; } .ingrid_slider_testi .et_pb_slider .et_pb_slide_title:before { content: "\e033\e033\e033\e033\e033"!important; font-family: 'ETmodules'; color: #a29683!important; display: table; text-align: center; float: none; margin: 10px auto; font-size: 22px; } .ingrid_slider_testi .et-pb-slider-arrows a.et-pb-arrow-next:before { content: "\024"; color: #222; font-size: 30px; } .ingrid_slider_testi .et-pb-slider-arrows a { opacity: 1!important; } .ingrid_slider_testi .et-pb-slider-arrows a.et-pb-arrow-prev:before { content: "\023"; color: #222; font-size: 30px; } .ingrid_slider_testi .et-pb-slider-arrows a.et-pb-arrow-prev { left: 1%!important; } .ingrid_slider_testi .et-pb-slider-arrows a.et-pb-arrow-next { right: 1%!important; } /* Ingrid Blog Grid ----------------------------------------*/ .ingrid_gridblog .et_pb_post { transition: .5s all ease; } .ingrid_gridblog .et_pb_post:hover { -webkit-transform: translate(0,-10px); transform: translate(0,-10px); } .ingrid_gridblog .et_pb_post a img { height: 425px; object-fit: cover; margin: 0 40px 0 0; } .ingrid_gridblog .et_pb_post { display: flex; flex-direction: column; } .ingrid_gridblog .et_pb_post .entry-featured-image-url { display: block; position: relative; margin-bottom: 5px; } .ingrid_gridblog .et_pb_post .entry-title { order: 2; } .ingrid_gridblog .et_pb_post .post-meta { order: 1; } .ingrid_gridblog .et_pb_post .post-meta a:after { content: ','; margin-left: 2px; margin-right: 0; } .ingrid_gridblog .et_pb_post .post-meta a:last-child:after { display: none; } .ingrid_gridblog .et_pb_post .post-content { order: 3; } /* Ingrid Menu -----------------------------------------------------*/ @media (max-width: 980px) { .ingrid_menu .et_pb_menu .et_mobile_menu { top: 100%; padding: 5%; width: 200%; transform: translateX(-50%); }} /*set the width of the rows inside the Post Content module*/ .et-l .et-l--post .et_builder_inner_content .et_pb_row { width: 100%; padding-top:0; } /* Ingrid Testimonial Home 1 -----------------------------------------------------*/ .ingrid_testimonialh1 .et_pb_blurb_content .et_pb_main_blurb_image img { height: 75px !important; width: 75px !important; max-width: 75px; object-fit: cover; object-position: center; border-radius: 50% !important; } .ingrid_testimonialh1 .et_pb_blurb_content .et_pb_blurb_container:after { content: "\e033\e033\e033\e033\e033" !important; font-family: 'ETmodules'; color: #a29683; } /* Ingrid Portoflio Home ----------------------------------------*/ .ingrid_projects_blurb .et_pb_blurb .et_pb_blurb_description { background-color: #f2efea; position: absolute; top: 15%; left: -54px; padding: 46px 26px; line-height: 120%; transform: rotate(-180deg); writing-mode: vertical-lr; transition: 0.4s; } body.ie .ingrid_projects_blurb .et_pb_blurb .et_pb_blurb_description { -ms-writing-mode: tb-rl !important; display: inline-block !important; } .ingrid_projects_blurb .et_pb_blurb:hover .et_pb_blurb_description { left: 0; } .ingrid_projects_blurb .et_pb_blurb .et_pb_main_blurb_image, .ingrid_projects_blurb .et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap, .ingrid_projects_blurb .et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap img { display: block !important; width: 100% !important; } .ingrid_projects_blurb .et_pb_promo .et_pb_promo_description p:last-child { padding-bottom: 0 !important; } .ingrid_projects_blurb .et_pb_promo .et_pb_promo_description p { padding-bottom: 31px; } #page-container #main-content .ingrid_projects_blurb .et_pb_promo .et_pb_button_wrapper .et_pb_button:after { font-size: 33px !important; position: static !important;; display: inline-block !important;; vertical-align: middle !important;; margin-top: -5px !important;; margin-left: -7px !important;; transition: 0s !important; } /* Ingrid Portoflio Home ----------------------------------------*/ .ingrid_portfolio_home .et_pb_portfolio_grid_items .project:last-child { margin-right:0!important } .ingrid_portfolio_home .et_pb_portfolio_grid_items .project { width:32%; margin-right:1.333%!important; clear:none!important } .ingrid_portfolio_home .et_portfolio_image { height:440px; display:flex } .ingrid_portfolio_home .et_portfolio_image img{ object-fit:cover } .ingrid_portfolio_home .et_pb_portfolio_grid_items .project{ position:relative } .ingrid_portfolio_home .et_pb_portfolio_item { overflow: hidden; border: 5px solid #fff; position: relative; } .ingrid_portfolio_home .et_pb_portfolio_item .et_portfolio_image:before, .ingrid_portfolio_home .et_pb_portfolio_item .et_pb_portfolio_image:before { display: block; position: absolute; left: -100%; right: 0; top: 0; bottom: 0; opacity: 0; width: 100%; z-index: 1; height: 100%; transition: all .7s; content: ''; background: rgba(0, 0, 0, .7); transform-origin: left center; } .ingrid_portfolio_home .et_pb_portfolio_grid_item .project:hover::before{ transform:translate(-50%,-50%) scale(1); opacity:1; filter:blur(0) } .ingrid_portfolio_home .et_pb_portfolio_item .et_portfolio_image .et_overlay, .ingrid_portfolio_home .et_pb_portfolio_item .et_pb_portfolio_image .et_overlay { background:transparent; border:none; opacity:1; z-index:2; } .ingrid_portfolio_home.et_pb_fullwidth_portfolio_carousel .et_pb_portfolio_item { border:none; } .ingrid_portfolio_home .et_pb_portfolio_item .et_portfolio_image, .ingrid_portfolio_home2 .et_pb_portfolio_item .et_pb_portfolio_image { position:relative; overflow:hidden } .ingrid_portfolio_home .et_pb_portfolio_item .et_portfolio_image img, .ingrid_portfolio_home .et_pb_portfolio_item .et_pb_portfolio_image img { width: 100%; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -o-transition:all .3s linear; -ms-transition:all .3s linear; transition:all .3s linear; height:auto } .ingrid_portfolio_home .et_pb_portfolio_item .et_portfolio_image:before, .ingrid_portfolio_home .et_pb_portfolio_item .et_pb_portfolio_image:before { display: block; position: absolute; left: -100%; right: 0; top: 0; bottom: 0; opacity:0; width: 100%; z-index: 1; height: 100%; transition: all .7s; content:''; background:rgba(0, 0, 0, .7); transform-origin: left center; } .ingrid_portfolio_home .et_pb_portfolio_item:hover .et_portfolio_image:before, .ingrid_portfolio_home .et_pb_portfolio_item:hover .et_pb_portfolio_image:before { opacity:1; top: 0 !important; left: 0; right: 0; bottom: 0; transform-origin: right center; } .ingrid_portfolio_home .et_pb_portfolio_item:hover .et_portfolio_image .et_overlay:before, .ingrid_portfolio_home .et_pb_portfolio_item:hover .et_pb_portfolio_image .et_overlay:before { bottom: auto; top: 20%; left: 85%; right: auto; opacity: 1; } .ingrid_portfolio_home .et_pb_portfolio_item .et_pb_module_header { padding-bottom: 0; left:-100%; color:#fff; bottom:20%; margin:0; right:inherit; width:100%; z-index:1; text-align:left; box-sizing:border-box; border:0; position:absolute; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -o-transition:all 300ms ease; -ms-transition:all 300ms ease; transition:all 300ms ease; } .ingrid_portfolio_home .et_pb_portfolio_item .meta .et_pb_module_header { margin-top: 0; padding: 15px; display: block; width: 100%; } .ingrid_portfolio_home .et_pb_portfolio_item:hover .et_pb_module_header { left: 30px; } .ingrid_portfolio_home .et_pb_portfolio_item:hover .et_pb_module_header a { padding:15px; display:block; width:100%; } @media only screen and (max-width:800px){ .ingrid_portfolio_home .et_pb_portfolio_grid_items .project { width:100%; margin-right:0%!important; clear:none!important }} /* Video Popup ----------------------------------------*/ .mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready { top: 0px !important; position: fixed !important; } .mfp-iframe-holder .mfp-content { max-width: 70%; } .mfp-iframe-scaler button.mfp-close { top: -50px ; } .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close, .mfp-wrap .mfp-close:active { top: -50px !important; } .video_popup_lightbox .mfp-iframe-holder .mfp-close { top: -50px; } .video_popup { position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .video_popup a:before { content: 'play'; cursor: pointer; position: absolute; top: calc(50% - 55px); left: calc(50% - 54.5px); z-index: 20; background-color: #222; padding: 55px 30px; border-radius: 50%; font-size: 20px; letter-spacing: 2px; text-transform: uppercase; color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .video_popup a:after { content: 'E'; cursor: pointer; font-family: 'ETmodules'; position: absolute; top: calc(50% - 55px); left: calc(50% - 47px); z-index: 20; background-color: transparent; padding: 55px 32px; border-radius: 50%; font-size: 40px; text-transform: uppercase; color: #fff; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border:1px solid #fff; } .video_popup.no_icon:before, .video_popup.no_icon:after { display: none!important; } .video_popup:hover a:before { opacity: 0; padding: 65px 37px; left: calc(50% - 64.5px); top: calc(50% - 65px); } .video_popup:hover a:after { opacity: 1; padding: 65px 37px; left: calc(50% - 64.5px); top: calc(50% - 65px); font-size: 56.5px; } /* Video Popup ----------------------------------------*/ .ingrid_blurbsh4 { counter-reset: what-we-do; } .ingrid_blurbsh4 .et_pb_blurb .et_pb_main_blurb_image:after { counter-increment: what-we-do; content: "0"counter(what-we-do); font-size:28px; display:block; vertical-align:middle; line-height:100%; font-weight:500; text-align:left; background-color:#33373a; color:#fff; padding:20px!important; position:absolute; bottom:0; right:0 } body.ie .ingrid_blurbsh4 .et_pb_blurb:before { -ms-writing-mode:tb-rl!important; display:inline-block!important } .ingrid_blurbsh4 .et_pb_blurb .et_pb_main_blurb_image:after { font-size:28px; background-color: #e4ddd3; color: #222; } @media only screen and (max-width:980px){ .grace_blurbs_straighten .et_pb_blurb .et_pb_main_blurb_image{ margin-bottom:20px!important } .ingrid_blurbsh4 .et_pb_blurb .et_pb_module_header{ padding-bottom:12px!important }} /* Ingrid Testimonial About ----------------------------------------*/ .ingrid_testimonialh2 .five_star:after { content: '\e033\e033\e033\e033\e033'; } .ingrid_testimonialh2 .one_star:after { content: '\e033'; } .ingrid_testimonialh2 .two_star:after { content: '\e033\e033'; } .ingrid_testimonialh2 .three_star:after { content: '\e033\e033\e033'; } .ingrid_testimonialh2 .four_star:after { content: '\e033\e033\e033\e033'; } .ingrid_testimonialh2 .one_half_star:after { content: '\e032'; } .ingrid_testimonialh2 .two_half_star:after { content: '\e032\e032'; } .ingrid_testimonialh2 .three_half_star:after { content: '\e032\e032\e032'; } .ingrid_testimonialh2 .four_half_star:after { content: '\e032\e032\e032\e032'; } .ingrid_testimonialh2 .five_half_star:after { content: '\e032\e032\e032\e032\e032'; } .ingrid_testimonialh2 .five_star:after, .ingrid_testimonialh2 .four_star:after, .ingrid_testimonialh2 .three_star:after, .ingrid_testimonialh2 .two_star:after, .ingrid_testimonialh2 .one_star:after, .ingrid_testimonialh2 .five_half_star:after, .ingrid_testimonialh2 .four_half_star:after, .ingrid_testimonialh2 .three_half_star:after, .ingrid_testimonialh2 .two_half_star:after, .ingrid_testimonialh2 .one_half_star:after { font-family: ETmodules; font-size: 16px; display: block; opacity: 1; color: #7b7c73; visibility: visible; position: absolute; right: 0px; left:0; top: -40px; } .marquee { position: relative; overflow: hidden; animation: slide-left 20s linear infinite; } @keyframes slide-left { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } /* Ingrid Portfolio ----------------------------------------*/ .ingrid_portfolio .et_pb_portfolio_item { background: #fff; height: 470px!important; width: 30.2%!important; margin-right: 2%!important; display: inline-block; float: none; vertical-align: top; margin: 0 15px 30px 15px; position: relative; overflow: hidden; } .ingrid_portfolio .et_pb_portfolio_item:last-child, .ingrid_portfolio .et_pb_portfolio_item:nth-child(3n) { margin-right: 0 !important; } .ingrid_portfolio .et_portfolio_image img { vertical-align: bottom; margin-bottom: 0; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; height: 470px !important; } .ingrid_portfolio .et_overlay { display: none; } .ingrid_portfolio .et_pb_portfolio_item::before { background-color: #f6f3ef; border:none; z-index:111; } .ingrid_portfolio .et_pb_portfolio_item .et_overlay::before{ display:none } .ingrid_portfolio .et_pb_portfolio_filters { margin-bottom: 80px; } .ingrid_portfolio .et_pb_portfolio_filters ul { display: flex; justify-content: center; } .ingrid_portfolio .et_pb_portfolio_filters li a { background-color: transparent; font-weight: 500; border: none !important; display: inline-block; margin: 5px; padding: 12px; color: #222; background-color: #e0d5c7 ; } .ingrid_portfolio .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active { color: #fff; background-color: #222 !important; } .ingrid_portfolio .et_pb_portfolio_filters li a.active { color: #222; } .ingrid_portfolio .et_pb_portfolio_filters li a.active:hover, .ingrid_portfolio .et_pb_portfolio_filters li a:hover { background-color: #222; color: #fff; } .ingrid_portfolio .et_pb_portfolio_item{ overflow:hidden; position:relative } .ingrid_portfolio .et_pb_portfolio_item .et_portfolio_image:after, .ingrid_portfolio .et_pb_portfolio_item .et_portfolio_image:before { content:""; position:absolute; bottom:0; left:0; width:50%; height:100%; background: #f6f3ef; opacity:.9; transform:translateY(-100%); z-index:1; transition:all .3s ease 0s } .ingrid_portfolio .et_pb_portfolio_item:hover .et_portfolio_image:after, .ingrid_portfolio .et_pb_portfolio_item:hover .et_portfolio_image:before{ transform:translateY(0) } .ingrid_portfolio .et_pb_portfolio_item .et_portfolio_image:after{ left:50%; transform:translateY(100%); transition-delay:.1s } .ingrid_portfolio .et_pb_portfolio_item .et_portfolio_image img { width:100%; height:auto; transform:scale(1); transition:all 2s ease 0s } .ingrid_portfolio .et_pb_portfolio_item:hover .et_portfolio_image img{ transform:scale(2) } .ingrid_portfolio .et_pb_portfolio_item .post-meta{ width:100%; position:absolute; top:40%; left:0; padding:40px 20px; color:#222; text-align:center; opacity:0; transform:translateX(110%); transition:all .4s linear .1s; z-index:9; cursor:pointer } .ingrid_portfolio .et_pb_portfolio_item .post-meta a{ color:#222; } .ingrid_portfolio .et_pb_portfolio_item:hover .post-meta { transform:translateX(0); transition-delay:.35s; opacity:1 } .ingrid_portfolio .et_pb_portfolio_item .et_pb_module_header { margin-top:0!important; width:100%; position:absolute; top:25%; left:0; padding:40px 25px; text-align:center; opacity:0; margin:0 0 20px; transform:translateX(-110%); transition:all .4s linear .1s;z-index:9 } .ingrid_portfolio .et_pb_portfolio_item:hover .et_pb_module_header{ transform:translateX(0); transition-delay:.35s; opacity:1 } @media only screen and (max-width:800px){ .ingrid_portfolio .et_pb_portfolio_filters ul { text-align:center } .ingrid_portfolio .et_pb_portfolio_item { width: 100%!important; height: 500px!important; }} @media only screen and (max-width:981px){ .ingrid_portfolio .et_pb_portfolio_filters ul{ text-align:center } .ingrid_portfolio .et_pb_portfolio_filters ul li{ display:inline-block; float:none!important; margin-left:10px }} @media only screen and (max-width:600px){ .ingrid_portfolio .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li a, .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li a { width: 100% !important; border-radius: 0; } .ingrid_portfolio .et_pb_portfolio_filters ul { text-align:center; display: inline-block; }} /* Style Back to Top Button -----------------------------------------------------*/ .et_pb_scroll_top.et-pb-icon { background-color: transparent !important; border-radius: 0px; border: 1px solid #e7eae3; } .et_pb_scroll_top.et-visible { opacity: 1; -webkit-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1); -moz-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1); -o-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1); animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1); } .et_pb_scroll_top.et-pb-icon { right: 15px; bottom: 15px; background: #333; padding: 10px; } .et_pb_scroll_top:before { content: "\32"; color: #2d2d2d } /* Page Navi -----------------------------------------------------*/ .wp-pagenavi { border-top: none; } .wp-pagenavi a, .wp-pagenavi span { color: #000; background-color: #FAF5F2; border: 1px solid #FAF5F2; padding: 8px 15px; } /* Categories Tags ----------------------------------------*/ .tagcloud a { font-size: 12px !important; padding: 4px 20px; background: #faf5f2; display: inline-block; margin-bottom: 4px; border-radius: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; color: inherit; } .tagcloud a:hover { background: #d17d74; color: #fff; } /* Smarth Login ----------------------------------------*/ .smartPWLogin { margin-bottom: 15px; overflow: hidden; padding: 0; display:block; margin:0 auto; text-align: center; } .smartPWLogin input { border: 1px solid #bbb !important; color: #4e4e4e !important; background-color: #fff !important; padding: 12px; font-size: 14px; margin-right: 1%; width: 20%; } .smartPWLogin input[type=submit] { -webkit-appearance: none; padding: 12px !important; background: #e6b83c !important; border-color: #e6b83c !important; color: #fff !important; cursor: pointer; } .smartPWLogin input:hover[type=submit] { background: #fff !important; color: #454a54 !important; border-color: #e6b83c !important; } /* WooCommerce -----------------------------------------------------*/ .woocommerce ul.products li.last, .woocommerce-page ul.products li.last { margin-right: 0 !important; } .orderby, .woocommerce div.product form.cart .variations td select { padding: 4px 8px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #666!important; background-color: #fff; font-family: "Open Sans",Arial,sans-serif; font-size: 12px; font-weight: 500; border: 1px solid #454a54; } body .et_pb_button:hover, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommoliviaerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page #content input.button:hover { color: #fff; } .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce a.button { color: #fff; } body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs, body.woocommerce div.product .woocommerce-tabs ul.tabs { background: #f7f6f5; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { border-bottom: 1px solid #f7f6f5; } body.woocommerce .woocommerce-tabs { margin: 30px 0 45px; border: 1px solid #f7f6f5; } body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active, body.woocommerce div.product .woocommerce-tabs ul.tabs li, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-right: 1px solid #f7f6f5; background: #f7f6f5; } .entry-summary .entry-title, .woocommerce div.product .product_title, .woocommerce div.product p.price, .woocommerce-page div.product p.price { margin-bottom: 2% !important; } .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals, #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { width: 100%; margin-bottom: 10% !important; } .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price, .woocommerce-page ul.products li.product .price del, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { color: #666!important; font-size: 14px; text-align: center; } .woocommerce .products .star-rating, .woocommerce-page .products .star-rating { margin: 0 auto 2%!important; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-top: 1px solid #ebe9eb; padding: 4px 0 0; text-align: center; } .woocommerce .woocommerce-breadcrumb { display:none; } .woocommerce div.product { margin-bottom: 0; position: relative; } .woocommerce span.onsale, .woocommerce-page span.onsale { position: absolute; z-index: 2; top: 10px!important; left: 10px!important; min-width: 0!important; min-height: 0!important; margin: 0!important; padding: 6px 18px!important; -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; border-radius: 0px!important; color: #454a54; background: #efdac9 !important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; text-shadow: none!important; line-height: inherit!important; } .entry-summary p.price span { font-size: 20px!important; } .woocommerce ul.products li.product { overflow: hidden; } .product .related h2 { padding-bottom: 16px; font-size: 20px!important; } @media (max-width: 600px){ .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width: 100%; float: left; clear: both; margin: 0 0 2.992em; }} /* Password -----------------------------------------------------*/ .post-password-required .et_password_protected_form { min-height: initial; width: 50%; margin: 12% auto; text-align: center; border: 5px solid #e8eced; padding: 2%; } .et_password_protected_form .et_submit_button { display: block; float: none; margin: 8px auto 0; font-family: inherit; cursor: pointer; } /* Judy Logo Rotate ----------------------------------------*/ .rotate { animation: rotation 35s infinite linear; } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } /* Instagram Feed -----------------------------------------------------*/ #sb_instagram .sbi_follow_btn { text-align: center; float: none; } #sb_instagram #sbi_load .sbi_follow_btn { margin-left: 0; } div#sb_instagram #sbi_load .sbi_load_btn, div#sb_instagram .sbi_follow_btn a { border-radius: 0; color: #fff !important; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; margin-top: -30%; z-index: 99; background: #000; padding: 14px 40px; position: relative; } div#sb_instagram #sbi_load .sbi_load_btn:hover, div#sb_instagram .sbi_follow_btn a:hover { box-shadow: inset 0 0 10px 20px #171616 !important; color: #fff !important; } #sb_instagram #sbi_load { margin-bottom: -25px !important; } #sb_instagram #sbi_load .sbi_load_btn { display: none !important; } @media all and (max-width: 800px) { div#sb_instagram #sbi_load .sbi_load_btn, div#sb_instagram .sbi_follow_btn a { margin-top: -30%; }} /* Woocommerce -----------------------------------------------------*/ .woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty { height: 34px; border: 1px solid #000 !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; color: #000!important; background-color: #fff !important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; font-size: 16px!important; font-weight: 300!important; } body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs, body.woocommerce div.product .woocommerce-tabs ul.tabs { margin: 0!important; padding: 0!important; background: #f7f6f5; } body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs, body.woocommerce div.product .woocommerce-tabs ul.tabs { margin: 0!important; padding: 0!important; background: #f7f6f5; } /* Preloader -----------------------------------------------------*/ .preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fefefe; z-index: 9999; height: 100%; width: 100%; overflow: hidden !important; } .preloader .status { margin: -35px 0 0 -35px; position: absolute; left: 50%; top: 50%; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; } .et_pb_image .et_overlay:before { color: #e8eced; } /* Ingrid Blog 2 Sides ----------------------------------*/ .ingrid_blogsides article:not(:first-child) .post-content, .ingrid_blogsides article:not(:first-child) .entry-featured-image-url{ display:none } .ingrid_blogsides article:first-child { margin-right:0; float:left; width:48.5%; margin-top:0; margin-left:0 !important; padding:30px; border: 1px solid #222 !important; } .ingrid_blogsides article { width:45%; margin-right:0; float:right; clear:none !important; cursor:pointer; margin-left:5% } .ingrid_blogsides .et_pb_post a img { height: 415px; object-fit: cover; margin: 0 40px 0 0; } .ingrid_blogsides article:after { content:""; display:block; width:0; height:1px; position:absolute; left:0; bottom:-1px; background-color:#222; visibility:visible; transition:.3s } .ingrid_blogsides article:first-child:hover:after { width:0; } .ingrid_blogsides article:hover:after { width:100% } .ingrid_blogsides article { border-bottom: 1px solid #e0d5c7 !important; padding-bottom:10px; margin-bottom:33px } .ingrid_blogsides article:first-child .published { margin-bottom:12px !important } .ingrid_blogsides article:first-child .more-link, .ingrid_blogsides article:first-child .published { color:#222 !important } .ingrid_blogsides .et_pb_post { display: flex; flex-direction: column; } .ingrid_blogsides .et_pb_post .entry-title { order: 2; } .ingrid_blogsides .et_pb_post .post-meta { order: 1; } .ingrid_blogsides .et_pb_post .post-content { order: 3; } .ingrid_blogsides article:first-child .more-link { text-transform:capitalize; margin-top:28px } @media only screen and (max-width:1390px) { .ingrid_blogsides article{ width:45.4%; margin-left:6% }} @media only screen and (max-width:980px){ .ingrid_blogsides article:not(:first-child){ margin-bottom:25px !important } .ingrid_blogsides article:first-child .more-link{ margin-top:18px }} @media only screen and (max-width:900px){ .ingrid_blogsides article:first-child{ margin-right:0; width:100%; margin-top:0 } .ingrid_blogsides article, .ingrid_blogsides article:first-child { width:100% }} /* Ingrid Blog List -----------------------------------------------------*/ .ingrid_listblog .et_pb_post { margin-bottom: 6%; display: flex; justify-content: stretch; flex-wrap: wrap; box-shadow: 0px 20px 90px #f6f3ef; } .ingrid_listblog .et_pb_post .entry-featured-image-url { display: block; position: relative; margin-bottom: 0; } .ingrid_listblog .et_pb_post .entry-featured-image-url { width: 50%; position: relative; overflow: hidden; } .ingrid_listblog .et_pb_post a img { vertical-align: bottom; max-width: 100%; position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; } .ingrid_listblog .et_pb_post>.wrapped { padding: 40px; z-index: 5; background: #fff; display: flex; flex-direction: column; width: 50%; } .ingrid_listblog .et_pb_post .entry-title a { display: block; cursor: pointer; } .ingrid_listblog .et_pb_post:hover .entry-title:after { width: 60%; } .ingrid_listblog .et_pb_post a.more-link { display: inline-block; margin: 30px auto 0; } .ingrid_listblog .et_pb_post .et_overlay { border: none; opacity: 0; z-index: 3; } .ingrid_listblog .et_pb_post:hover .et_overlay { opacity: .8; } .ingrid_listblog .et_pb_post .entry-featured-image-url { width: 50%; position: relative; overflow: hidden; } .ingrid_listblog .et_pb_post .entry-title { order: 2; } .ingrid_listblog .et_pb_post .post-meta { order: 1; } .ingrid_listblog .et_pb_post .post-meta a:after { content: ','; margin-left: 2px; margin-right: 0; } .ingrid_listblog .et_pb_post .post-meta a:last-child:after { display: none; } .ingrid_listblog .et_pb_post .post-content { order: 3; } @media (max-width: 1030px){ .ingrid_listblog .et_pb_post>.wrapped, .ingrid_listblog .et_pb_post .entry-featured-image-url { width: 100%; } .ingrid_listblog .et_pb_post a img { position: relative; } .ingrid_listblog .et_pb_post .entry-title { margin-top: 3%; }} /* Ingrid Read more ------------------------------------------*/ .ingrid_listblog a.more-link, .ingrid_bloggrid a.more-link, .ingrid_blogsides a.more-link { clear: both; border: none; margin: 5% auto; color: #000 !important; width: auto; background: none; display: inline-block; background: #e0d5c7; padding: 5px 20px !important; } .ingrid_listblog a.more-link:hover, .ingrid_bloggrid a.more-link:hover, .ingrid_blogsides a.more-link:hover { border: none; background: none !important; color: #000 !important; background: #f6f3ef; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; padding: 4px 30px; } /* Judy Testimonial --------------------------------*/ .judy_testi .judy_divider_1 { height: 45px; width: 45px; position: relative; left: -20px; } .judy_testi .judy_divider_1:before { height: 100%; width: 1px; left: 10px; top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; content: ""; position: absolute; background-color: #222; } .judy_testi .judy_divider_1:after { height: 1px; width: 100%; left: 0; top: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; content: ""; position: absolute; background-color: #222; } .judy_testi .judy_divider_2{ right: 0; bottom: 20px; height: 45px; width: 45px; float: right; position: relative; right: -20px; } .judy_testi .judy_divider_2:before { height: 100%; width: 1px; right: 10px; top: 10px; content: ""; position: absolute; background-color: #222; left: auto; } .judy_testi .judy_divider_2:after{ height: 1px; width: 100%; right: 0; bottom: 0px; content: ""; position: absolute; background-color: #222; } /* ingrid Search Bar --------------------------------*/ .ingrid_search .et_pb_searchform:before, .ingrid_search .widget_search::before { content: '\55'; position: absolute; font-family: 'ETModules'; z-index: 1; right: 0; font-size: 18px; padding: 8px 20px; } /* Ingrid Menu Sidebar ----------------------------------------*/ .ingrid_menusidebar .et_pb_menu__menu nav ul li a { padding: 10px!important; border-bottom: 1px solid #fff; } .ingrid_menusidebar .et_pb_menu__menu nav ul li { display: block; width: 100%; margin: 10px 0; }