/*====================================== Theme Name: bidbuddy Theme URI: https://divicake.com/ Description: BidBuddy Divi child theme Version: 1.0 Author: Milen & Mariya Author URI: https://powdistudio.com Template: Divi ======================================*/ .et_pb_section.et_pb_section_0_tb_header{ padding: 0; } .et_pb_row.et_pb_row_0_tb_header{ max-width: 1080px; } /*===================================== * Extra fonts *====================================*/ @font-face { font-family: crBold; src: url("/wp-content/themes/bidbuddy/assets/fonts/crc-b.woff") format("woff"), url("/wp-content/themes/bidbuddy/assets/fonts/crc-b.ttf") format("truetype"); font-weight: bold; } @font-face { font-family: crBook; src: url("/wp-content/themes/bidbuddy/assets/fonts/crc-bk.woff") format("woff"), url("/wp-content/themes/bidbuddy/assets/fonts/crc-bk.ttf") format("truetype"); font-weight: bold; } @font-face { font-family: Scripty; src: url("/wp-content/themes/bidbuddy/assets/fonts/sgsc.woff") format("woff"), url("/wp-content/themes/bidbuddy/assets/fonts/sgsc.ttf") format("truetype"); font-weight: 100 200 300 400; } @font-face { font-family: Scripty-Bold; src: url("/wp-content/themes/bidbuddy/assets/fonts/sg-scb.woff") format("woff"), url("/wp-content/themes/bidbuddy/assets/fonts/sg-scb.ttf") format("truetype"); font-weight: bold; } /*================================ Preloader ================================ body{ overflow-x: hidden; } body.et-fb-root-ancestor::after{ content:unset; } body.et-fb-root-ancestor #preloader{ display:none; } body.animated::after{ display:none; } body.loaded::after{ opacity:0; } body.animated #preloader{ display:none; } #preloader{ display: block; width:calc(100% + 2px); height:100%; position: fixed; transform:translate(-50%, -50%); top:50%; left:50%; z-index: 1000000; pointer-events: none; transform-origin: center center; } /*===================================== * Heading normalization *====================================*/ h1{ font-size: 38px; } h2{ font-size: 30px; } h3{ font-size: 26px; } h4{ font-size: 22px; } h5{ font-size: 18px; } @media (min-width:768px){ h1{ font-size: 46px; } h2{ font-size: 34px; } h3{ font-size: 28px; } h4{ font-size: 24px; } } @media (min-width:981px){ h1{ font-size: 56px; } h2{ font-size: 40px; } h3{ font-size: 30px; } } /*===================================== * Header *====================================*/ .et-l.et-l--header{ padding-top:76px; } /*===================================== * Scrollbar *====================================*/ /* width */ *::-webkit-scrollbar { width: 10px; } /* Track */ *::-webkit-scrollbar-track { background:transparent; } /* Handle */ *::-webkit-scrollbar-thumb { background: #49aa8c; border-radius: 10px; } /* Single lesson boc width */ .single-sfwd-lessons .et-boc{ width: 100%; } /*===================================== * Amazing front page *====================================*/ /* Svg rows and modules */ body:not(.et-fb-root-ancestor) .row-with-svg{ position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } body:not(.et-fb-root-ancestor) .row-with-svg.woman{ left:40%; } @media (max-width: 980px) { body:not(.et-fb-root-ancestor) .row-with-svg.woman{ position: relative; top: 0; left: 0; transform: none; } } @media (max-width: 930px) { .row-with-svg.desk, .row-with-svg.hang{ display:none; } .row-desk-text, .row-hang-text{ min-height: unset !important; } } @media (min-width:931px){ .row-desk-img, .row-hang-img { display:none; } } @media (max-width: 930px) and (min-width: 750px){ .hero-section, #hey-man-section { display: flex; } } @media (max-width: 980px) and (min-width: 750px){ .woman-section { display: flex; flex-direction: row-reverse; } } @media (min-width:1024px){ body:not(.et-fb-root-ancestor) .row-with-svg{ position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } body:not(.et-fb-root-ancestor) .row-with-svg.hang{ top: 55%; } body:not(.et-fb-root-ancestor) .row-with-svg.tablet{ top: 60%; } body:not(.et-fb-root-ancestor) .row-with-svg.woman{ top: 55%; left:45%; } } #hero-svg,#svg537{ max-width: 100vw; overflow:visible; } #svg537{ transform:tranlsateY(50px); width:1100px; } #svg-lady{ max-width: 100%; } /* Last row with woman background */ /* Over 980px */ @media (min-width: 981px){ .row-with-crazy-columns{ display: flex; justify-content: center; align-items: center; overflow: visible; } .footer-nav-row.et_pb_row_4col .et_pb_column_1_4:first-child, .footer-nav-row.et_pb_row_4col .et_pb_column_1_4:last-child{ width: 25%; } .footer-nav-row.et_pb_row_4col .et_pb_column_1_4:nth-child(2), .footer-nav-row.et_pb_row_4col .et_pb_column_1_4:nth-child(3){ width: 20%; } } /* Under 980px */ @media (max-width: 980px){ .feather-section .row-with-crazy-columns{ background: #fff; } .row-with-svg.tablet{ display: none; } } .feather-section .row-with-crazy-columns{ overflow: visible; } /* The 4 columns with icons */ @media (min-width:981px){ .bidbuddy-1-of-4-column{ width: 19% !important; } .bidbuddy-1-of-4-column:last-child{ width: 26% !important; } } /*===================================== * Primary / Secondary menu buttons *====================================*/ .et-db #et-boc .et-l .et_pb_menu .et_pb_menu__menu>nav>ul>li.primary-btn, .et-db #et-boc .et-l .et_pb_menu .et_pb_menu__menu>nav>ul>li.secondary-btn{ align-items: center; } .et-db #et-boc .et-l #bidbuddy-mega-menu li.primary-btn > a, .et-db #et-boc .et-l li.primary-btn > a , #bidbuddy-mega-menu li.primary-btn > a, li.primary-btn > a { box-sizing: border-box; background-color: #49aa8c !important; padding: 11px 23px !important; border: 2px solid #49aa8c; border-radius: 100px; color: #fff !important; font-size: 12px !important; text-transform: uppercase; text-align: center; } .et-db #et-boc .et-l #bidbuddy-mega-menu li.secondary-btn > a, .et-db #et-boc .et-l li.secondary-btn > a , #bidbuddy-mega-menu li.secondary-btn > a, li.secondary-btn > a { box-sizing: border-box; padding: 11px 23px !important; border: 2px solid #49aa8c; border-radius: 100px; color: #49aa8c !important; text-transform: uppercase; font-size:12px!important; text-align: center; } #bidbuddy-mega-menu #menu-mega-menu.et-menu>li{ padding-left: 8px; padding-right: 8px; } .et-db #et-boc .et-l #bidbuddy-mega-menu .et_mobile_menu li.secondary-btn, .et-db #et-boc .et-l #bidbuddy-mega-menu .et_mobile_menu li.primary-btn, #bidbuddy-mega-menu .et_mobile_menu li.secondary-btn, #bidbuddy-mega-menu .et_mobile_menu li.primary-btn{ margin: 5px 0; } /*================================= Account Menu =================================*/ .bidbuddy_menu_wrap{ position: relative; display:inline-flex; margin-left: 10px; flex-direction: column; align-items: center; justify-content:center; } .bidbuddy_menu_wrap:first-of-type{ margin-left:20px; } .bidbuddy_menu{ position: relative; display:inline-flex !important; flex-direction: column; align-items: center; justify-content:center; padding-bottom:0 !important; } .bidbuddy_menu span { color: #49aa8c; font-size: 10px; line-height: 1; } .bidbuddy_menu span.icon { display: inline-block; margin-bottom: 6px; width: 15px; height: 15px; background-size: cover; } .bidbuddy_menu span.icon-phone { background-image: url(/wp-content/themes/bidbuddy/assets/account-icons/call.png); } .bidbuddy_menu span.icon-user { background-image: url(/wp-content/themes/bidbuddy/assets/account-icons/user.png); } .bidbuddy_menu span.icon-cart { position: relative; background-image: url(/wp-content/themes/bidbuddy/assets/account-icons/orders.png); } .bidbuddy_menu span.cart-count { position: absolute; top: -5px; left: 10px; display: inline-flex; justify-content: center; align-items: center; width: 14px; height: 14px; color: #fff; background-color: #002533; border-radius: 50%; font-size: 10px; } .bidbuddy_menu span.cart-count.empty { display: none; } .bidbuddy_menu_wrap:hover .account_submenu{ opacity: 1; visibility: visible; } .bidbuddy_menu_wrap .account_submenu{ list-style: none !important; padding: 0 !important; position: absolute; right: 0; top: 100%; text-align: left; background: #fff; /* border: 2px solid #002533; */ box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 10px; visibility: hidden; opacity: 0; transition: 300ms all cubic-bezier(.4,0,.2,1); } .bidbuddy_menu_wrap .account_submenu::before { content: '\25E4'; position: absolute; font-size: 30px; color: white; top: -10px; right: 20px; transform: rotate(45deg); text-shadow: -4px -4px 7px rgb(0 0 0 / 10%); } @media (max-width: 767px) { .bidbuddy_menu_wrap:first-of-type, .bidbuddy_menu_wrap:last-of-type { display: none; } } .account_submenu li{ padding:10px 20px; transition: 300ms all cubic-bezier(.4,0,.2,1); } .account_submenu li:first-child{ border-radius: 10px 10px 0 0; } .account_submenu li:last-child{ border-radius: 0 0 10px 10px; } .account_submenu li:hover{ background: #f1f1f1; } .account_submenu li>a{ display: flex; align-items: center; } .account_submenu li>a::before{ content:''; display: inline-block; width: 16px; height: 16px; margin-right: 10px; background-size: cover; } .account_submenu li.dashboard>a::before{ background-image: url(/wp-content/themes/bidbuddy/assets/account-icons/dashboard.png); } .account_submenu li.orders>a::before{ background-image: url(/wp-content/themes/bidbuddy/assets/account-icons/shopping-bag.png); } .account_submenu li.subscriptions>a::before{ background-image: url(/wp-content/themes/bidbuddy/assets/account-icons/group.png); } .account_submenu li.downloads>a::before{ background-image: url(/wp-content/themes/bidbuddy/assets/account-icons/downloads.png); } .account_submenu li.edit-address>a::before{ background-image: url(/wp-content/themes/bidbuddy/assets/account-icons/downloads.png); } .account_submenu li.edit-account>a::before{ background-image: url(/wp-content/themes/bidbuddy/assets/account-icons/user.png); } .account_submenu li.my-courses>a::before{ background-image: url(/wp-content/themes/bidbuddy/assets/account-icons/graduation.png); } .account_submenu li.customer-logout>a::before{ background-image: url(/wp-content/themes/bidbuddy/assets/account-icons/remove.png); } @media (max-width: 980px){ .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation{ width: 100%; padding:30px; } .woocommerce-account .woocommerce-MyAccount-navigation > ul{ display: flex; flex-wrap:wrap; padding-left:0; } .woocommerce-MyAccount-navigation-link{ width: 30%; margin: 10px 1.33%; } } /*===================================== Top navigation middle elements =====================================*/ .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation { padding-top: 16px; } @media (min-width: 981px){ .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 8px; } } .wave-border { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzU3IiBoZWlnaHQ9IjI4NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iSG9tZS1Db250ZW50IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTg4IC0xMjQ2KSIgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTUwNS40NCAxNTY0LjA0NWMtMy41MyA0LjQ4Mi03LjA5MiAxLjcxLTExLjIxNS0xLjUwMi0zLjE4Ny0yLjQ4MS02Ljc5OS01LjI5Mi0xMS4wNS01LjI5Mi00LjkwNSAwLTcuMzk0IDIuMDkzLTkuODAyIDQuMTE1LTIuMzgyIDIuMDAzLTQuODQzIDQuMDcyLTkuNjggNC4wNzItNC44MzggMC03LjMtMi4wNy05LjY4MS00LjA3Mi0yLjQwOC0yLjAyMi00Ljg5Ny00LjExNS05LjgwMS00LjExNS00LjkwNSAwLTcuMzk0IDIuMDkzLTkuODAyIDQuMTE1LTIuMzgyIDIuMDAzLTQuODQzIDQuMDcyLTkuNjggNC4wNzItNC44MzggMC03LjI5OS0yLjA3LTkuNjgtNC4wNzItMi40MDgtMi4wMjItNC44OTgtNC4xMTUtOS44MDItNC4xMTUtNC45MDUgMC03LjM5NCAyLjA5My05LjgwMSA0LjExNS0yLjM4MyAyLjAwMy00Ljg0NCA0LjA3Mi05LjY4MSA0LjA3Mi00LjgzNyAwLTcuMjk5LTIuMDctOS42OC00LjA3Mi0yLjQwOC0yLjAyMi00Ljg5Ny00LjExNS05LjgwMi00LjExNS00LjkwNSAwLTcuMzk0IDIuMDkzLTkuODAxIDQuMTE1LTIuMzggMi4wMDMtNC44NDMgNC4wNzItOS42OCA0LjA3Mi00LjgzNiAwLTcuMy0yLjA3LTkuNjgxLTQuMDcyLTIuNDA4LTIuMDIyLTQuODk3LTQuMTE1LTkuODAxLTQuMTE1LTQuOTA1IDAtNy4zOTQgMi4wOTMtOS44MDIgNC4xMTUtMi4zODIgMi4wMDMtNC44NDMgNC4wNzItOS42OCA0LjA3Mi00LjgzNiAwLTcuMjk5LTIuMDctOS42OC00LjA3Mi0yLjQwOS0yLjAyMi00Ljg5OC00LjExNS05LjgwMi00LjExNS00LjkwNSAwLTcuMzk0IDIuMDkzLTkuODAyIDQuMTE1LTIuMzgyIDIuMDAzLTQuODQzIDQuMDcyLTkuNjggNC4wNzJzLTcuMjk5LTIuMDctOS42OC00LjA3MmMtMi40MDgtMi4wMjItNC45LTQuMTE1LTkuODA0LTQuMTE1LTQuMjUyIDAtNy44NjQgMi44MS0xMS4wNTEgNS4yOTItNC4xMjMgMy4yMTItNy42ODUgNS45ODQtMTEuMjE3IDEuNTAyLTQuMTI4LTUuMjM4LTEuNDgtOS4zMzIgMS41ODYtMTQuMDcyIDIuMzc0LTMuNjcyIDUuMDY2LTcuODMgNS4wNjYtMTMuMjQzIDAtNi4yMTUtMS45MjQtOS4zNy0zLjc4NC0xMi40MjItMS44NDMtMy4wMjYtMy43NTEtNi4xNTQtMy43NTEtMTIuMzAzIDAtNi4xNDggMS45MDgtOS4yNzYgMy43NS0xMi4zMDMgMS44Ni0zLjA1IDMuNzg1LTYuMjA2IDMuNzg1LTEyLjQxOSAwLTYuMjE1LTEuOTI0LTkuMzcxLTMuNzg0LTEyLjQyMS0xLjg0My0zLjAyNy0zLjc1MS02LjE1NS0zLjc1MS0xMi4zMDMgMC02LjE0OSAxLjkwOC05LjI3NyAzLjc1LTEyLjMwMyAxLjg2LTMuMDUgMy43ODUtNi4yMDcgMy43ODUtMTIuNDIgMC02LjIxNS0xLjkyNC05LjM3LTMuNzg0LTEyLjQyMS0xLjg0My0zLjAyNy0zLjc1MS02LjE1NS0zLjc1MS0xMi4zMDMgMC02LjE0OCAxLjkwOC05LjI3NiAzLjc1LTEyLjMwMSAxLjg2LTMuMDUzIDMuNzg1LTYuMjA5IDMuNzg1LTEyLjQyMiAwLTYuMjEyLTEuOTI0LTkuMzY4LTMuNzg0LTEyLjQyMS0xLjg0My0zLjAyNS0zLjc1MS02LjE1NS0zLjc1MS0xMi4zMDMgMC02LjE0OCAxLjkwOC05LjI3NiAzLjc1LTEyLjMgMS44Ni0zLjA1MyAzLjc4NS02LjIxIDMuNzg1LTEyLjQyMiAwLTYuMjEzLTEuOTI0LTkuMzctMy43ODQtMTIuNDIyLTEuODQzLTMuMDI0LTMuNzUxLTYuMTU0LTMuNzUxLTEyLjMwMyAwLTYuMTQ4IDEuOTA4LTkuMjc2IDMuNzUtMTIuMyAxLjg2LTMuMDUzIDMuNzg1LTYuMjEgMy43ODUtMTIuNDIyIDAtNi4yMTMtMS45MjQtOS4zNjktMy43ODQtMTIuNDIyLTEuODQzLTMuMDI2LTMuNzUxLTYuMTU0LTMuNzUxLTEyLjMwMiAwLTYuMTQ5IDEuOTA4LTkuMjc3IDMuNzUtMTIuMzAzIDEuODYtMy4wNTMgMy43ODUtNi4yMDkgMy43ODUtMTIuNDIyIDAtNS40MTUtMi42OTItOS41NzQtNS4wNjYtMTMuMjQ1LTMuMDY2LTQuNzQtNS43MTYtOC44MzQtMS41ODYtMTQuMDczIDEuMzI0LTEuNjgxIDIuNjUxLTIuMzQyIDQuMDE0LTIuMzQyIDIuMjY3IDAgNC42MjUgMS44MzYgNy4yMDMgMy44NDMgMy4xODUgMi40OCA2Ljc5NyA1LjI5NCAxMS4wNSA1LjI5NCA0LjkwNCAwIDcuMzk1LTIuMDkzIDkuODAyLTQuMTE3IDIuMzgtMi4wMDMgNC44NDQtNC4wNzMgOS42OC00LjA3MyA0LjgzNiAwIDcuMyAyLjA3IDkuNjggNC4wNzMgMi40MDcgMi4wMjQgNC44OTggNC4xMTcgOS44IDQuMTE3IDQuOTA2IDAgNy4zOTYtMi4wOTMgOS44MDQtNC4xMTcgMi4zOC0yLjAwMyA0Ljg0My00LjA3MyA5LjY4LTQuMDczIDQuODM2IDAgNy4yOTkgMi4wNyA5LjY3OSA0LjA3MyAyLjQwOCAyLjAyNCA0Ljg5NyA0LjExNyA5LjgwMSA0LjExNyA0LjkwNSAwIDcuMzk0LTIuMDkzIDkuODAyLTQuMTE3IDIuMzgyLTIuMDAzIDQuODQ1LTQuMDczIDkuNjgtNC4wNzMgNC44MzcgMCA3LjI5OSAyLjA3IDkuNjggNC4wNzMgMi40MDggMi4wMjQgNC44OTggNC4xMTcgOS44MDIgNC4xMTcgNC45MDUgMCA3LjM5NC0yLjA5MyA5LjgwMi00LjExNyAyLjM4Mi0yLjAwMyA0Ljg0My00LjA3MyA5LjY4LTQuMDczczcuMjk4IDIuMDcgOS42OCA0LjA3M2MyLjQwOCAyLjAyNCA0Ljg5NyA0LjExNyA5LjgwMiA0LjExNyA0LjkwNSAwIDcuMzk0LTIuMDkzIDkuODAxLTQuMTE3IDIuMzgyLTIuMDAzIDQuODQzLTQuMDczIDkuNjgtNC4wNzMgNC44MzggMCA3LjMgMi4wNyA5LjY4MSA0LjA3MyAyLjQwOCAyLjAyNCA0Ljg5NyA0LjExNyA5LjgwMiA0LjExNyA0LjkwNCAwIDcuMzkzLTIuMDkzIDkuODAxLTQuMTE3IDIuMzgyLTIuMDAzIDQuODQ1LTQuMDczIDkuNjgtNC4wNzMgNC44MzggMCA3LjMgMi4wNyA5LjY4MyA0LjA3MyAyLjQwOCAyLjAyNCA0Ljg5NyA0LjExNyA5LjgwMSA0LjExNyA0LjI1MiAwIDcuODY0LTIuODEzIDExLjA1MS01LjI5NCA0LjEyNS0zLjIxIDcuNjg1LTUuOTg1IDExLjIxOC0xLjUwMyA0LjEyOSA1LjI0IDEuNDgxIDkuMzM1LTEuNTg3IDE0LjA3NS0yLjM3NCAzLjY3LTUuMDYzIDcuODMtNS4wNjMgMTMuMjQzIDAgNi4yMTMgMS45MjEgOS4zNjkgMy43ODIgMTIuNDIxIDEuODQ0IDMuMDI1IDMuNzUgNi4xNTMgMy43NSAxMi4zMDEgMCA2LjE0OC0xLjkwNiA5LjI3OS0zLjc1IDEyLjMwMy0xLjg2IDMuMDUzLTMuNzgyIDYuMjA5LTMuNzgyIDEyLjQyMiAwIDYuMjEzIDEuOTIxIDkuMzY5IDMuNzgyIDEyLjQyMSAxLjg0NCAzLjAyNSAzLjc1IDYuMTUzIDMuNzUgMTIuMzAxIDAgNi4xNDgtMS45MDYgOS4yNzgtMy43NSAxMi4zMDMtMS44NiAzLjA1Mi0zLjc4MiA2LjIwOS0zLjc4MiAxMi40MjEgMCA2LjIxMyAxLjkyMSA5LjM3IDMuNzgyIDEyLjQyMiAxLjg0NCAzLjAyNCAzLjc1IDYuMTUyIDMuNzUgMTIuMyAwIDYuMTQ5LTEuOTA2IDkuMjgtMy43NSAxMi4zMDQtMS44NiAzLjA1Mi0zLjc4MiA2LjIwNi0zLjc4MiAxMi40MjEgMCA2LjIxMyAxLjkyMSA5LjM3IDMuNzgyIDEyLjQyMiAxLjg0NCAzLjAyNCAzLjc1IDYuMTUyIDMuNzUgMTIuMyAwIDYuMTQ5LTEuOTA2IDkuMjc3LTMuNzUgMTIuMzAzLTEuODYgMy4wNTMtMy43ODIgNi4yMDctMy43ODIgMTIuNDIyIDAgNi4yMTMgMS45MjEgOS4zNjkgMy43ODIgMTIuNDIxIDEuODQ0IDMuMDI1IDMuNzUgNi4xNTMgMy43NSAxMi4zMDEgMCA2LjE0OC0xLjkwNiA5LjI3Ni0zLjc1IDEyLjMwMy0xLjg2IDMuMDUzLTMuNzgyIDYuMjA3LTMuNzgyIDEyLjQyMiAwIDYuMjEzIDEuOTIxIDkuMzY5IDMuNzgyIDEyLjQyMSAxLjg0NCAzLjAyNSAzLjc1IDYuMTUzIDMuNzUgMTIuMzAxIDAgNS43MTctMi4xODUgOS4wNDMtNC4zIDEyLjI1OC0yLjM5MyAzLjY0My00LjY1NiA3LjA4NC0zLjEwNyAxMy41MyAxLjM0IDUuNTgzIDMuODE1IDkuNDUyIDUuODAzIDEyLjU2IDMuMTA2IDQuODU4IDUuMTU4IDguMDY2LjcyMiAxMy42OTYiIGlkPSJGaWxsLTEtQ29weS00IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCAzNjYuNSAxMzg4LjM4NykiLz48L2c+PC9nPjwvc3ZnPg=="); background-repeat: no-repeat; background-size: contain; } .mask-border { border-image-source: url("/wp-content/themes/bidbuddy/assets/mask-border.png"); border-image-slice: 40 fill; border-image-width: 30px; border-image-outset: 13px; border-image-repeat: repeat; filter: drop-shadow(0 0 6px rgba(0,0,0,0.3)); } /** flex column */ .pb_column_flex_col{ display:flex; flex-wrap: wrap; } /* spedial animation on curvy devider */ /* .curve-section::before{ content:""; position: absolute; bottom: -2px; left:50%; transform: translateX(-50%); width: 1920px; height: 400px; background-color:#49aa8c; clip-path:path('M0,400S83.082,196.808,160,200c66.491,2.759,92.188,100.732,160,100,67.843-.732,92.65-100,160-100,67.6,0,92.4,100,160,100s92.4-100,160-100,92.4,100,160,100,92.4-100,160-100,92.4,100,160,100,92.4-100,160-100c67.35,0,92.16,99.268,160,100,67.81,0.732,93.51-97.241,160-100,76.92-3.192,160,200,160,200H0Z'); transition: all 5s ease-in-out; } .curve-section.scrolling::before{ clip-path:path('M0,400S111.449,259.744,160,200C223.5,121.86,252.188.732,320,0c67.843-.732,92.65,260,160,260C547.6,260,572.4,0,640,0s92.4,260,160,260S892.4,0,960,0s92.4,260,160,260S1212.4,0,1280,0s92.4,260,160,260c67.35,0,92.16-260.732,160-260,67.81,0.732,74.67,104.51,160,200,63.09,70.6,160,200,160,200H0Z'); transition: all 5s ease-out; } */ .green-section{ z-index: 1; } .green-section::before{ content: ""; position: absolute; width: 100%; height: 50px; background-image: url(/wp-content/themes/bidbuddy/assets/top-green-wave.svg); background-position: 120px 100%; background-repeat: repeat-x; top: -49px; background-size: 400px; } .green-section::after{ content: ""; position: absolute; width: 100%; height: 50px; background-image: url(/wp-content/themes/bidbuddy/assets/bottom-green-wave.svg); background-position: 120px 0%; background-repeat: repeat-x; bottom: -49px; background-size: 400px; } .wave-divider{ z-index: 1; bottom:-1px; } .wave-divider::before{ content: ""; position: absolute; width: 100%; height: 50px; background-image: url(/wp-content/themes/bidbuddy/assets/wave.svg); background-position: -55px 100%; background-repeat: repeat-x; top: -49px; background-size: 400px; } .wave-divider::after{ content: ""; position: absolute; width: 100%; height: 53px; background-image: url(/wp-content/themes/bidbuddy/assets/line-wave.svg); background-position: -55px 100%; background-repeat: repeat-x; bottom:-20px; background-size: 400px; } .top-blue-line::before{ content: ""; position: absolute; width: 1140px; height: 53px; background-image: url(/wp-content/themes/bidbuddy/assets/blue-line.svg); background-position: -55px 100%; background-repeat: repeat-x; top: -10px; left: 50%; background-size: 340px; transform:translateX(-50%); } .wave-bottom-top-divider{ z-index: 1; bottom:-1px; } .wave-bottom-top-divider::before{ content: ""; position: absolute; width: 100%; height: 50px; background-image: url(/wp-content/themes/bidbuddy/assets/wave.svg); background-position: 120px 100%; background-repeat: repeat-x; top: -49px; background-size: 400px; } .wave-bottom-top-divider::after{ content: ""; position: absolute; width: 100%; height: 50px; background-image: url(/wp-content/themes/bidbuddy/assets/wave-r.svg); background-position: 120px 0%; background-repeat: repeat-x; bottom: -49px; background-size: 400px; } .align_right{ text-align: right; } .et_pb_button{ position: relative; transition: transform .3s ease; } /* ======================================================= Scroll progress ===================================================== */ .post-progress{ position: absolute; width: 100%; bottom:-10; height: 10px; overflow: hidden; } .post-progress.fixed{ position:fixed; top:0; bottom:auto; } .post-progress>span{ position: relative; display: block; width: 100%; right:100%; height: 10px; background-color: #49aa8c; } /* ===================================== Contact form checkboxes ================================ */ .et_pb_contact_field_options_list{ display: flex; flex-wrap: wrap; } .et_pb_contact_field_options_list>span{ margin-right: 1em; } /* ============================== Read more link under post ============================= */ .et_pb_post .post-content .more-link{ text-transform: capitalize !important; display: inline-block !important; margin-top: 20px !important; font-weight: bolder !important; text-decoration: underline !important; color: #002533 !important; } /* ============================== WOOCOMMERCE ============================= */ /* shop module 1 column on mobile */ @media (max-width: 700px){ .et-db #et-boc .et-l .et_pb_shop.shop-module-1-col-mobile ul.products.columns-2 li.product, .et_pb_shop.shop-module-1-col-mobile ul.products.columns-2 li.product, .et-db #et-boc .et-l .et_pb_shop.shop-module-1-col-mobile ul.products.columns-3 li.product, .et_pb_shop.shop-module-1-col-mobile ul.products.columns-3 li.product{ width: 100% !important; margin-right: 0 !important; } } /* My Account page */ #my-account-code-module .woocommerce{ display: flex; flex-wrap: wrap; } #my-account-code-module .woocommerce-MyAccount-navigation{ display: flex; flex-wrap: wrap; overflow: hidden; } #my-account-code-module .woocommerce-MyAccount-content{ font-size: 18px; } .woocommerce-MyAccount-navigation ul{ list-style-type: none; } .woocommerce-MyAccount-navigation-link{ background-color:#ededed; padding: 20px 40px; display: flex; align-items: center; font-family: 'crBold','crBook'; } .woocommerce-MyAccount-navigation-link.is-active{ background-color: #f8f8f8; border-left: 3px solid #49aa8c; } .woocommerce-MyAccount-navigation-link::before{ content:''; display: inline-block; width: 22px; height: 22px; margin-right: 15px; background-size: cover; } .woocommerce-MyAccount-navigation-link a{ color: #002533; font-size: 20px; } .woocommerce-MyAccount-navigation-link--dashboard::before{ background-image: url(/wp-content/themes/bidbuddy/assets/account-icons/dashboard.png); } .woocommerce-MyAccount-navigation-link--orders::before{ background-image: url(/wp-content/themes/bidbuddy/assets/account-icons/shopping-bag.png); } .woocommerce-MyAccount-navigation-link--subscriptions::before{ background-image: url(/wp-content/themes/bidbuddy/assets/account-icons/group.png); } .woocommerce-MyAccount-navigation-link--downloads::before{ background-image: url(/wp-content/themes/bidbuddy/assets/account-icons/downloads.png); } .woocommerce-MyAccount-navigation-link--edit-address::before{ background-image: url(/wp-content/themes/bidbuddy/assets/account-icons/downloads.png); } .woocommerce-MyAccount-navigation-link--edit-account::before{ background-image: url(/wp-content/themes/bidbuddy/assets/account-icons/user.png); } .woocommerce-MyAccount-navigation-link--my-courses::before{ background-image: url(/wp-content/themes/bidbuddy/assets/account-icons/graduation.png); } .woocommerce-MyAccount-navigation-link--customer-logout::before{ background-image: url(/wp-content/themes/bidbuddy/assets/account-icons/remove.png); } .woocommerce-MyAccount-navigation-link--pro-resources::before{ background-image: url(/wp-content/themes/bidbuddy/assets/account-icons/pro-resources.png); } .woocommerce-MyAccount-navigation-link--uploads::before{ background-image: url(/wp-content/themes/bidbuddy/assets/account-icons/uploads.png); } /* woo buttons */ .woocommerce button.button{ border-radius: 100px; } .et_button_no_icon.woocommerce-page button.button.alt, .et_button_no_icon.woocommerce-page a.button.alt{ border-radius: 100px!important; padding: 10px!important; } .et_button_no_icon.woocommerce-page button.button.alt:hover, .et_button_no_icon.woocommerce-page a.button.alt:hover{ border-radius: 100px!important; padding: 10px!important; } /* My Account Dashboard extra nav */ .bidbuddy-dashboard-extra-nav { display: flex; flex-wrap:wrap; justify-content:space-between; margin-top:20px; margin-bottom:40px; } .bidbuddy-extra-nav-item { display:flex; flex-direction:column; width: 30%; justify-content:center; align-items: center; background: #ededed; padding: 30px; color: #002533; font-size: 24px; } .bidbuddy-extra-nav-item img{ width: 2em; } @media (max-width:767px){ .woocommerce-MyAccount-navigation-link{ width: 46%; margin: 10px 2%; } } @media (max-width:600px){ .woocommerce-MyAccount-navigation-link{ width: 100%; margin: 10px 0; } .bidbuddy-extra-nav-item{ width: 48%; margin-bottom: 15px; } } @media (max-width:420px){ .bidbuddy-extra-nav-item{ width: 100%; margin-bottom: 15px; } } /* Product loop image free tag */ .product .price_tag{ position: absolute; top: 32px; right: 35px; color: #fff; background-color: #a83417; display: block; padding: 4px 11px; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; } /* Product loop category tag */ .product .category_tag{ margin-top: 15px; font-size: 13px; text-transform: uppercase; } /* Single Product image free tag */ .bidbuddy-single-product-image-wrapper{ position:relative; } .bidbuddy-free-tag{ position: absolute; top: 30px; right: 50px; color: #fff; background-color: #a83417; display: block; padding: 5px 18px; text-transform: uppercase; font-size: 20px; letter-spacing: 2px; } /* Cartflows customizations */ .et_pb_module #wcf-embed-checkout-form .woocommerce a.showlogin:not(.wcf-next-button) { color: #fff !important; } .et_pb_module #wcf-embed-checkout-form .woocommerce #order_review button{ border-radius: 100px; text-transform: uppercase; } .et_pb_module #wcf-embed-checkout-form .woocommerce-checkout #payment ul.payment_methods li{ padding: 0 15px; } .et_pb_module #wcf-embed-checkout-form.wcf-embed-checkout-form-one-column .woocommerce .col2-set, .et_pb_module #wcf-embed-checkout-form.wcf-embed-checkout-form-one-column .woocommerce .wcf-col2-set{ margin-bottom:10px; } .et_pb_module #wcf-embed-checkout-form.wcf-embed-checkout-form-one-column .woocommerce-checkout #order_review_heading { font-size: 30px; margin: 20px 0 0 -10px !important; font-family: 'crBold'; } /* Login / Register form */ .bidbuddy-popup .woocommerce-form.register, .bidbuddy-popup .woocommerce-form.login{ margin-top:0; } /* Login form button */ #customer_login h2{ text-align: center; } /* Login form button */ .et_button_no_icon.woocommerce-page button.button, .et_button_no_icon.woocommerce-page button.button:hover{ padding:10px 20px !important; } button.woocommerce-form-register__submit, button.woocommerce-form-login__submit { background: #49aa8c !important; border-radius: 100px !important; border:2px solid transparent !important; color: #fff !important; width: 100%; margin-top:20px !important; } button.woocommerce-form-register__submit:hover, button.woocommerce-form-login__submit:hover { padding: 10px 20px !important; border:2px solid transparent !important; } button.woocommerce-form-register__submit::after, button.woocommerce-form-login__submit:hover::after { content:''; display:none; } button.woocommerce-form-register__submit::after, button.woocommerce-form-login__submit::after { content:''; display:none; } /* Bidbuddy woocommerce popup */ .bidbuddy-popup{ overflow:scroll; display:none; padding: 50px 0; position:fixed; z-index:100000; width:100%; height:100%; top:0; left:0; background: rgba(0,0,0,0.7); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); } .bidbuddy-popup-content{ width:500px; max-width: 100%; margin: auto; background: #fff; padding: 40px 20px 10px; border-radius: 20px; font-size: 16px; } .bidbuddy-popup-content > h2{ text-align: center; margin-top: 20px; } .woocommerce-privacy-policy-text{ margin-top: 15px; line-height: 1.5; font-size: 12px; } .bidbuddy-popup-content form.login, .bidbuddy-popup-content form.register{ border: none; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ border:2px solid #002533; border-radius: 6px; } /* Bidbuddy woocommerce buttons */ .bid-btn-wrapper{ text-align: center; font-size: 16px; color: #002533; } .no-bottom-padding{ padding-bottom: 0; } .bid-btn{ display: inline-block; color: #FFFFFF!important; border-width: 0px!important; border-radius: 100px; padding: 10px 20px; font-size: 14px; font-weight: 600!important; text-transform: uppercase!important; background-color: #49aa8c; } .woocommerce-button{ text-transform: uppercase; font-size: 16px !important; } .bidbuddy-popup-register-btn, .bid-btn.download{ width: 100%; } /* Single Product Free Category download buttons */ /* ============================== Powdi Mouse Indicator ============================= */ @media (max-width: 768px){ #powdi_indicator{ display:none; } } .et_mobile_device #powdi_indicator{ display:none; } #powdi_indicator{ position: fixed; top: 0; left: 0; transition: all 0.1s ease-out; mix-blend-mode: difference; z-index: 100000; pointer-events: none; } .powdi_indicator{ position: absolute; transform: translate(-50% , -50%); width: 4px; height: 4px; border-radius: 50%; transition: all 0.3s ease-out; background-color: #fff; background-color: #44ccff; transition-delay: .1s; pointer-events: none; box-shadow: 0 0 0 1px rgba(0,0,0,0.5); } .powdi_indicator::after{ content: ''; border: thin solid #fff; opacity: .4; width: 30px; height: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: inherit; transition: all .3s ease; transition-delay: .1s; z-index: -1; } .powdi_indicator.expanded{ outline: none; width: 50px; height: 50px; mix-blend-mode: normal; } .powdi_indicator.extra{ outline: none; width: 100px; height: 100px; mix-blend-mode: normal; background: transparent; box-shadow: 0 0 0 2px white; } .powdi_indicator.expanded::after, .powdi_indicator.extra::after{ opacity: 0; } /* ================================= Blog Grid eaualizing =============================== */ .bidbuddy-blog-grid>div { display: flex; flex-wrap:wrap; } .bidbuddy-blog-grid article { display: flex; flex-direction: column; } .bidbuddy-blog-grid article>a { padding-top: 56.6%; overflow:hidden; position: relative; } .bidbuddy-blog-grid article>a>img { position: absolute; width: 100%; top:0; left:0; } .bidbuddy-blog-grid .post-content { flex-grow:1; display: flex; flex-direction: column; } .bidbuddy-blog-grid .post-content-inner { flex-grow: 1; } @media (min-width:1024px){ .bidbuddy-blog-grid article{ width:30%; margin-right:5%; } .bidbuddy-blog-grid article:nth-child(3n){ margin-right:0; } } @media (max-width:1023px){ .bidbuddy-blog-grid article{ width:46%; margin-right:8%; } .bidbuddy-blog-grid article:nth-child(2n){ margin-right:0; } } @media (max-width:767px){ .bidbuddy-blog-grid article{ width:100%; margin-right:0; } } /* =================================== Learndash hide course content heading ==================================== */ .learndash-wrapper>.ld-item-list>.ld-section-heading{ display: none; } /* =================================== Wordpress Upload Files ==================================== */ .file_table_clean{ border:none!important; } .file_td_clean{ border:none!important; } #wordpress_file_upload_form_1{ width:49%; text-align:right; } #wordpress_file_upload_submit_1{ width:49%; } #wordpress_file_upload_textbox_1{ display:none; } #uploadform_1{ width:auto!important; height:auto!important; } #input_1{ position:static; width:auto!important; height:auto!important; background:#49aa8c; color:#fff; padding:15px 30px; text-transform:uppercase; border-width: 2px!important; border-color: #49aa8c !important; border-radius: 100px; font-size: 14px; font-weight: 600!important; } #upload_1{ box-sizing:border-box!important; position:static; width:auto!important; height:auto!important; background:#002533; color:#fff; padding:15px 30px; text-transform:uppercase; border: 2px solid #002533; border-radius: 100px; font-size: 14px; font-weight: 600!important; } #upload_1[disabled]{ background:#dadada; border-color:#dadada; pointer-events:none; } #wordpress_file_upload_title_1, #wordpress_file_upload_filelist_1, #filelist_1, #wordpress_file_upload_message_1{ width:100%; } #wordpress_file_upload_title_1{ text-align:center; margin-bottom:20px; } #filelist_1_totalprogress, #filelist_1_totalprogress_inner, #filelist_1_list_div, .file_filelist_file_table{ border:none!important; } #filelist_1_totalprogress_arrow{ display:none; } label.file_filelist_filelabel_label, label.file_messageblock_fileheader_label, label.file_messageblock_filesubheader_messagelabel{ font-size:14px !important; } /* file browser list */ .wfu_browser_container.wfu_browser-1{ width: 100%; } /*============================= Course Grid =============================*/ .dvld-cg-row{ display: flex; flex-wrap: wrap; } .dvld-cg-row:nth-child(2){ justify-content: center; } .dvld-cg-col{ /* padding: 15px; */ /* width: 390px; */ max-width:100%; } .dvld-cg-col.spacer{ order: 2; padding: 0; margin: 0; border: none; box-shadow: none; } .dvld-course-inner{ display:flex; flex-direction: column; height:100%; background-color: #fff; overflow: hidden; padding-bottom: 15px; } .dvld-course-img-container{ position: relative; overflow: hidden; padding-bottom: 72%; } .dvld-course-img-container>img{ position: absolute; width: 100%; top: 0; left: 0; } .dvld-course-img-container span.price, .dvld-course-img-container span.free { display: inline-flex; justify-content: center; align-items: center; font-size: 14px; letter-spacing: 2px; padding: 3px 15px; background: #a83417; position: absolute; top: 12%; right: 10%; font-weight: 600; text-transform: uppercase; color: #fff; } .dvld-course-content{ flex-grow:1; text-align: left; } .dvld-course-category{ text-transform: uppercase; font-weight: 600; padding: 10px 0 6px; font-size: 13px; color: #49aa8c; } .dvld-course-content h3 { margin-bottom: 10px; font-weight: 800; line-height: 1.2; font-size: 24px; } .dvld-course-content p { margin-bottom: 0; } .dvld-course-text{ line-height: 1.6; } .dvld-course-info{ display:flex; flex-wrap: wrap; } .dvld-course-info span{ display: inline-block; margin-right: 15px; } .dvld-course-action{ display:flex; justify-content: center; align-items: center; } .dvld-course-author{ display: flex; align-items: center; flex-grow: 1; } .dvld-course-author>img{ border-radius: 50%; } .dvld-course-author>span{ display: inline-block; margin-left: 10px; font-size: 16px; } .dvld-course-action a{ display: inline-block; display: none; padding: 0.3em 1em; } /* Course animation */ .dvld-cg-col { animation:.35s ease-out comein; } @keyframes comein{ from{transform:scale(0.5)} to{transform:scale(1)} } /*---------------------- 2 column layout --------------------------*/ #dvld-cg-inner.columns-2 { padding: 15px; } #dvld-cg-inner.columns-2 .dvld-cg-col{ width: 47.25%; margin-right: 5.5%; margin-bottom: 30px; } #dvld-cg-inner.columns-2 .dvld-cg-col:nth-child(2n){ margin-right: 0; } @media (max-width: 760px){ #dvld-cg-inner.columns-2 .dvld-cg-col{ width: 100%; margin-right: 0; margin-bottom: 30px; } } /*---------------------- 3 column layout --------------------------*/ @media (min-width: 981px){ #dvld-cg-inner.columns-3 .dvld-cg-col{ width: 31.333%; margin-right: 3%; margin-bottom: 30px; } #dvld-cg-inner.columns-3 .dvld-cg-col:nth-child(3n){ margin-right: 0; } } @media (max-width: 980px){ #dvld-cg-inner.columns-3 .dvld-cg-col{ width: 47.25%; margin-right: 5.5%; margin-bottom: 30px; } #dvld-cg-inner.columns-3 .dvld-cg-col:nth-child(2n){ margin-right: 0; } } @media (max-width: 767px){ #dvld-cg-inner.columns-3 .dvld-cg-col{ width: 100%; margin-right: 0; margin-bottom: 30px; } } /*-------------------------------------- Mega Menu style ---------------------------------------*/ /* Enable class below once you're done editing the menu */ /* :not(.et-fb-root-ancestor) .dropdown-menu-row { */ header:not(.et-fb-root-ancestor) .dropdown-menu-row { display: none; } .has_et_pb_sticky .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a{ padding: 20px 0; } .has_et_pb_sticky .et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap .et_pb_menu__logo{ width: 150px; } #bidbuddy-mega-menu .et_pb_menu__menu>nav>ul{ align-items: center; } #bidbuddy-mega-menu a { color: #002533; } .et_pb_menu__menu [class*="dropdown-menu-container"] { position: absolute; display: flex; flex-wrap: wrap; top: 75px; left: 50%; transform: translateX(-50%); background-color: white; width: 750px; /* border: 2px solid #002533; */ box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 10px; visibility: hidden; opacity: 0; transition: 300ms all cubic-bezier(.4,0,.2,1); } .et_pb_menu__menu [class*="dropdown-menu-container"] > .et_pb_module{ width:50%; border-radius: 10px; } .et_pb_menu__menu [class*="dropdown-menu-container"] > .et_pb_module.fullwidth{ width:100%; } .et_pb_menu__menu ul>li:hover [class*="dropdown-menu-container"] { visibility: visible; opacity: 1; } .et_pb_menu__menu [class*="dropdown-menu-container"]::before { content: '\25E4'; position: absolute; font-size: 30px; color: white; top: 4px; left: 50%; right: auto; transform: rotate( 45deg) translateX(-50%); text-shadow: -4px -4px 7px rgb(0 0 0 / 10%); } .et_mobile_menu [class*="dropdown-menu-container"] { background-color: white; padding-top: 15px; padding-bottom:15px; } .et_mobile_menu li > a { background-color: transparent; position: relative; } .et_mobile_menu .first-level > a::after { font-family: 'ETmodules'; content: '3'; color: #002533; font-weight: normal; position: absolute; font-size: 16px; top: 13px; right: 10px; } .et_mobile_menu .first-level > .icon-switch::after{ content: '2'; color: #c9c9c9; } .et_mobile_menu [class*="dropdown-menu-container"] { display: none; } .et_mobile_menu [class*="dropdown-menu-container"].reveal-items { display: block; } .et-db #et-boc .et-l #bidbuddy-mega-menu .et_mobile_menu, #bidbuddy-mega-menu .et_mobile_menu { width: calc(100% + 60px) !important; margin-left: -30px; overflow-y: scroll; max-height: 100vh; height: 100vh; } @media (min-width:981px) and (max-width: 1140px), (max-width: 480px){ #bidbuddy-mega-menu .et_pb_menu__logo-wrap{ margin-right: -180px; } } @media (max-width: 981px){ #bidbuddy-mega-menu .et_pb_menu__logo-wrap{ margin-top: 10px; margin-bottom: 10px; } } .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar::before { top: -1px; font-size: 60px !important; } /*============================== Minicart ==============================*/ .divi_mini_cart_count>span.empty{ display:none; } .dmc-container{ display:none; position: absolute; top: 100%; right: 0; width: 330px; max-width: 100vw; max-height: 80vh; transition: all 0.3s ease; opacity: 0; z-index: 3; text-align: left; } .mini-cart-nav-wrap .dmc-container{ margin-top: 6px; } span.dmc-overlay{ position: fixed; display: none; top:0; left:0; right:0; bottom:0; opacity:0; pointer-events: none; } span.dmc-overlay.active{ opacity:1; } .dmc-container.active{ opacity: 1; display: flex; transition: all 0.3s ease; pointer-events: unset; } .dmc-container.fixed-left{ opacity: 1; position: fixed; left: 0; right: auto; top: 50%; transform: translate(-350px , -50%); } .dmc-container.fixed-right{ position: fixed; opacity: 1; right: 0; left: auto; top: 50%; transform: translate(350px , -50%); } .dmc-container.fixed-left.active, .dmc-container.fixed-right.active{ transform: translate(0px , -50%); } .dmc-container.active.loading::before { content: ''; position: absolute; top: 0; bottom:0; right: 0; left:0; background-color: rgba(255,255,255,0.7); z-index: 1; } .dmc-container.active.loading::after{ content:''; position:absolute; top: 50%; left: 50%; width: 80px; height: 80px; transform:translate(-50%, -50%); background-image: url('data:image/png;base64,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'); z-index: 2; background-repeat:no-repeat; background-size: contain; animation: spinloading 1s linear infinite; } @keyframes spinloading{ 50%{transform:translate(-50%,-50%) rotate(180deg);opacity:.5;} 100%{transform:translate(-50%,-50%) rotate(360deg);opacity:1;} } .dmc-container.normal .minicart-content{ margin-bottom: 100%; transition: inherit; } .dmc-container.normal.active .minicart-content{ margin-bottom: 0; transition: inherit; } .dmc-container.normal .minicart-content.fixed-buttons{ min-height: 0; margin-bottom:0; } .dmc-container.normal.active .minicart-content.fixed-buttons{ min-height: 80vh; } .minicart-content{ overflow-y: scroll; width: 100%; display: flex; flex-direction: column; padding: 15px; padding-right: 5px; box-shadow: 0px 2px 18px 0px rgba(51,51,51,0.13); background-color: white; } .minicart-content::-webkit-scrollbar { width: 10px; } .minicart-content::-webkit-scrollbar-track { background: transparent; } .minicart-content::-webkit-scrollbar-thumb { background: #888; } .minicart-content::-webkit-scrollbar-thumb:hover { background: #555; } .minicart-content.fixed-buttons{ overflow: hidden; min-height: 80vh; justify-content: center; } .minicart-content.fixed-buttons .dmc-list{ overflow-y: scroll; flex-grow: 1; } .minicart-content.fixed-buttons .dmc-list::-webkit-scrollbar { width: 6px; } .minicart-content.fixed-buttons .dmc-list::-webkit-scrollbar-track { background: transparent; } .minicart-content.fixed-buttons .dmc-list::-webkit-scrollbar-thumb { background: #888; } .minicart-content.fixed-buttons .dmc-list::-webkit-scrollbar-thumb:hover { background: #555; } .minicart-content.fixed-buttons .dmc-subtotal, .minicart-content.fixed-buttons .dmc-buttons{ margin-right: 10px; } .dmc-item{ display: flex; margin-bottom: 15px; align-items: center; } .dmc-image{ width: 80px; } .dmc-image a{ padding: 0; } .dmc-image img{ width: 100%; height: auto; } .dmc-item-title-quantity{ flex-grow: 1; padding-left: 15px; } .dmc-remove{ display: flex; margin-left: 15px; align-items: center; } .dmc-empty-minicart-text{ margin: 30px 0; } #page-container .dmc-remove-link{ display: inline-flex; justify-content: center; align-items: center; text-decoration: none; color: black; font-weight: bold; transition: all 0.3s ease; } .dmc-subtotal{ display: flex; border-style: solid; border-top-width: 1px; border-top-color: #f1f1f1; padding-top: 15px; } .dmc-subtotal-text{ flex-grow: 1; font-weight: bold; } .dmc-buttons{ display: flex; justify-content: space-between; flex-wrap: wrap; } @media (max-width: 330px){ .dmc-buttons{ flex-direction: column; } } .dmc-btn{ display: inline-block; border: none; border-radius: 100px; color: white; flex-basis: 48%; margin-top: 15px; font-size: 13px; padding: 5px; text-align: center; text-decoration: none; background-color: #49aa8c; text-transform: uppercase; transition: all 0.3s ease; } .dmc-btn:first-of-type{ background: #002533; } .dmc-btn:hover{ transition: all 0.3s ease; } /* ============================== Page Responsivness ============================== */ @media (min-width: 700px) and (max-width: 980px){ /* Divi row 3 to 2 to 1 columns */ .et-db #et-boc .et-l .et_pb_gutters3 .responsive-3-column-row .et_pb_column, .et_pb_gutters3 .responsive-3-column-row .et_pb_column{ width: 47.25%; margin-right: 5.5%; } .et-db #et-boc .et-l .responsive-3-column-row.et_pb_row.et_pb_gutters2 .et_pb_column, .responsive-3-column-row.et_pb_row.et_pb_gutters2 .et_pb_column{ width: 48.5%; margin-right: 3%; } .et-db #et-boc .et-l .responsive-3-column-row .et_pb_column:nth-child(2), .responsive-3-column-row .et_pb_column:nth-child(2){ margin-right: 0!important; } /* Divi row 2 stays 2 to 1 columns */ .et-db #et-boc .et-l .et_pb_gutters3 .two-column-tablet-row .et_pb_column, .et_pb_gutters3 .two-column-tablet-row .et_pb_column{ width: 47.25%; margin-right: 5.5%; } .et-db #et-boc .et-l .two-column-tablet-row.et_pb_row.et_pb_gutters2 .et_pb_column, .two-column-tablet-row.et_pb_row.et_pb_gutters2 .et_pb_column{ width: 48.5%; margin-right: 3%; } /* Cartflows 3 columns on tablet view */ .et-db #et-boc .et-l .et_pb_gutters2.et_pb_row.col-3-tablet-row { display: flex; } .et-db #et-boc .et-l .et_pb_gutters2.et_pb_row.col-3-tablet-row .et_pb_column_1_4 { width: 22.75%; margin-right: 3%; margin-bottom: 0; } .et-db #et-boc .et-l .et_pb_gutters2.et_pb_row.col-3-tablet-row .et_pb_column_1_4.et-last-child { margin-right: 0; } .et-db #et-boc .et-l .et_pb_gutters2.et_pb_row.col-3-tablet-row .et_pb_column_1_2{ width: 48.5%; margin-right: 3%; margin-bottom: 0; } /* One column at the top and two next to each other */ .et_pb_gutters2.et_pb_row.one-two-column-tablet-row .et_pb_column_1_3:not(:first-child){ width: 48%; } .et_pb_gutters2.et_pb_row.one-two-column-tablet-row .et_pb_column_1_3:nth-child(2){ margin-right: 4%; } } @media (max-width: 699px){ .et_pb_gutters3 .two-column-tablet-row.reverse{ display: flex; flex-direction: column; } .et_pb_gutters3 .two-column-tablet-row.reverse .et_pb_column:first-child{ order:2; } } /*=========================== ANSPRESS ===========================*/ #anspress *{ color:#002533; } /* Questions */ #anspress .ap-list-head { border: 2px solid #002533; border-radius: 10px; } #anspress .ap-questions{ border: 2px solid #002533; border-radius: 10px; } #anspress .ap-questions-item:not(:last-child){ border-bottom: 2px solid #002533; } #ap-search-form .ap-search-input{ border: 2px solid #002533; border-radius: 10px; } #ap-search-form .ap-search-btn { border: 2px solid #002533; border-radius: 100px; } #anspress .ap-list-head .ap-btn-ask { border-radius: 100px; background: #49aa8c; } #anspress .ap-filter-toggle{ color: #49aa8c; } #anspress .ap-questions-count.ap-questions-acount { border-color: #49aa8c; border-width: 2px; border-radius: 10px; } /* Profile */ #anspress .ap-user-bio { border-top: solid 2px #002533; } .entry-content table.ap-reputations{ border:none; } #anspress .ap-user .ap-tab-nav { border-bottom: solid 2px #002533; } #anspress .ap-user .ap-tab-nav>li.active a { border-color: #002533 #002533 #fff #002533; border-radius: 10px 10px 0 0; border-width: 2px; } #anspress .ap-user .ap-tab-nav>li.active a{ margin-bottom: -2px; } .ap-reputations td.col-points span, .ap-user-reputation{ background: #49aa8c; color: #fff !important; } #anspress .ap-view-question{ background: #49aa8c; border-radius: 100px; } /* Question */ #anspress .ap-q-metas{ border-bottom: 2px solid #002533; border-top-left-radius: 10px; border-top-right-radius: 10px; } #anspress .ap-cell-inner{ border: 2px solid #002533; border-radius: 10px; overflow: hidden; } #anspress .ap-answers-label, #ap-answers-c .ap-answers-tab{ padding-bottom: 0; } .ap-sorting-tab { border-bottom: solid 2px #002533; margin-bottom:-2px; } #ap-answers-c .ap-answers-tab li.active a { border: solid 2px #002533; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-color: #fff; } .ap-btn{ border-radius: 100px; border: 2px solid #002533; } .ap-btn:hover{ background: inherit; border-color: inherit; } /* Answers */ #ap-answers-c .ap-answers-tab>li a{ margin-bottom: -2px; } /* Ask a question */ #anspress #ap-ask-page{ border: 2px solid #002533; border-radius: 10px; padding: 20px; } #anspress #ap-ask-page input[type=text]{ border: 2px solid #002533; border-radius: 10px; padding: 10px; } #wp-form_question-post_content-editor-container{ border: 2px solid #002533; border-radius: 10px; overflow: hidden; margin-top: 20px; }