:root { --accent: #00b6b8; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(0, 23, 166, 1), -10px 10px rgba(0, 23, 166, 0.2), -10px -10px rgba(0, 23, 166, 1), 10px -10px rgba(0, 23, 166, 0.2); } 25% { box-shadow: -10px 10px rgba(0, 23, 166, 0.2), -10px -10px rgba(0, 23, 166, 1), 10px -10px rgba(0, 23, 166, 0.2), 10px 10px rgba(0, 23, 166, 1); } 50% { box-shadow: -10px -10px rgba(0, 23, 166, 1), 10px -10px rgba(0, 23, 166, 0.2), 10px 10px rgba(0, 23, 166, 1), -10px 10px rgba(0, 23, 166, 0.2); } 75% { box-shadow: 10px -10px rgba(0, 23, 166, 0.2), 10px 10px rgba(0, 23, 166, 1), -10px 10px rgba(0, 23, 166, 0.2), -10px -10px rgba(0, 23, 166, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #ffffff }/* substack styling */ <style> #custom-substack-embed input[type="email"] { border: 2px solid white !important; /* 2px white border with higher priority */ border-radius: 10px !important; /* rounded corners with a radius of 10px and higher priority */ } </style> /* nieuwsbrief radio buttons fix */ input[type=checkbox], input[type=radio] { display: inline-block; } /* add listing buttons css fix */ .ac-category { position: relative; -webkit-perspective: 1000px; perspective: 1000px; float: left; margin-bottom: 20px; height:120px } .col-lg-4.ac-category { height:150px } .col-lg-6.ac-category { height:180px } .ac-front-side .category-name { position: relative; top: 10px; color: #242429; font-size: 14px; float: none; text-align: center; -webkit-font-smoothing:antialiased } .ac-front-side .cat-icon i { font-size:26px } .ac-front-side .cat-icon { margin-top: 0; display: block; float: none; margin: auto; border: none; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; padding-top:0 } .cat-card { width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition:all 1s linear } .cat-card:hover .ac-front-side { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); z-index:1 } .cat-card:hover .ac-back-side { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); z-index:2 } .cat-card .face { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: .35s; display: flex !important; justify-content: center; align-items:center } .face.ac-front-side { background: #fff; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); border-radius: 5px; box-shadow: 0 1px 4px rgba(0, 0, 0, .0705882353); z-index:2 } .ac-front-side:after { right:0 } .ac-front-side:before { left:0 } .face.ac-back-side { display: block; box-sizing: border-box; text-align: left; background-color: #000; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); border-radius: 5px; color: #fff; text-align: center; z-index:1 } .face.ac-back-side p { color: #fff; height: 24px; margin-bottom: 0; font-size:14px } .hovering-c { position: relative; transform: translateZ(50px); -webkit-transform: translateZ(50px); -ms-transform: translateZ(50px); padding: 12px 15px; text-align:center } .hovering-c .term-icon.image-icon img { height: 18px; width:auto } .choose-type .hovering-c img { height: 26px; width:auto } /* Button */ #affwp-register-form p .button{ background-color:#00b6b8; transform:translatex(0px) translatey(0px); max-width:150px; border-top-left-radius:12px; border-top-right-radius:12px; border-bottom-left-radius:12px; border-bottom-right-radius:12px; } /* Button */ #submit{ border-width:2px; border-color:#0017a6; border-top-left-radius:12px; border-top-right-radius:12px; border-bottom-left-radius:12px; border-bottom-right-radius:12px; max-width:138px; background-color:#0017a6; color:#ecf0f1; margin-top:12px; } /* Button */ #affwp-generate-ref-url .affwp-referral-url-submit-wrap .button{ background-color:#00b6b8; color:#ffffff; border-top-left-radius:12px; border-top-right-radius:12px; border-bottom-left-radius:12px; border-bottom-right-radius:12px; } /* profielinstellingen bewaren knop affiliate dashboard Button */ #affwp-affiliate-dashboard-profile-form .affwp-save-profile-wrap .button{ background-color:#00b6b8; color:#ffffff; border-top-left-radius:12px; border-top-right-radius:12px; border-bottom-left-radius:12px; border-bottom-right-radius:12px; max-width: 220px; } /* affiliate dashboard instellingen knop Button */ #affwp-affiliate-dashboard-payouts-service-form .affwp-register-payouts-service-wrap .button{ border-color:#0017a6; border-width:2px; border-top-left-radius:12px; border-top-right-radius:12px; border-bottom-left-radius:12px; border-bottom-right-radius:12px; background-color:#0017a6; color:#ecf0f1; } /* AFFILIATEWP - AFFILIATE AREA */ /* HIDE THE REDUNDANT HEADINGS */ #affwp-affiliate-dashboard h4 { display: none; } /* Table Row */ #affwp-affiliate-dashboard-referral-counts thead tr{ background-color:#0017a6; color:#ecf0f1; } /* Heading */ #affwp-affiliate-dashboard-url-generator h5{ font-size:20px; } #affwp-affiliate-dashboard-tabs li.affwp-affiliate-dashboard-tab.active a { color:#00b6b8; } /*promote flash*/ .cts-listing-action-promote .listing-dashboard-action-promote { animation: flash 3s; } @keyframes flash { 0% { background-color: #FFFFFF; } 50% { background-color: #3cb37175; } 100% { background-color: #FFFFFF; } } /*listings next to each other */ @media (min-width: 769px){ .woocommerce ul.products li.product, ul.products li.product { float: left; } } /*blog button style*/ .elementor-element-7106db48 .wp-block-button a{ border-top-left-radius:12px; border-top-right-radius:12px; border-bottom-left-radius:12px; border-bottom-right-radius:12px; box-shadow:0px 0px 4px 0px #01e0e4; background-color:#ffffff; color:#3b3939; } /* blue listing header */ .profile-cover.profile-cover-no-img { background: #0017A6; } /* product toegevoegd styling */ .woocommerce-message:before { color: #00b6b8; } .woocommerce-error a, .woocommerce-message a { color: #ffffff; border-bottom: 2px solid #add; -webkit-transition: .2s cubic-bezier(0.25, 0.1, 0.27, 0.95); transition: .2s ease; border-bottom: 1px solid #00b6b8; } .woocommerce .woocommerce-message .button { color: #ffffff; border-bottom: 2px solid #00b6b8; background: 0 0!important; border-radius: 0; font-weight: 600; padding: 0; -webkit-transition: .2s ease; transition: .2s ease; margin-left: 10px; padding-bottom: 2px; } .woocommerce-message { box-shadow: none!important; background: #0017a6!important; border: 1px solid #00B6B8!important; color: white; margin: -8px; } /* new social share look*/ .modal-27 { background: rgba(0,23,166,.8); } /*************** SINGLE LISTING - SHARE OPTIONS ***************/ .social-share-modal .share-options { letter-spacing: 0.5px; box-shadow: none; } /* SINGLE LISTING - SHARE LISTING - SHARE ITEMS - BACKGORUND */ #social-share-modal .share-options li a i { background: #0017A6 !important; border-radius: 10%; } /* SINGLE LISTING - SHARE LISTING - MAKE ALL LINK COLORS THE SAME */ #social-share-modal a { color: #fff; font-size: 13px; } /* SINGLE LISTING - SHARE LISTING - SHARE MODAL - BACKGROUND AND SHARE ITEM LAYOUT */ ul.share-options { display: contents !important; } .social-share-modal .share-options li { width: 15%; } /* SINGLE LISTING - SHARE LISTING - SHARE MODAL - BACKGROUND AND SHARE ITEM LAYOUT */ @media only screen and (max-width: 768px) { #social-share-modal .share-options li { width: 19%; } } @media only screen and (max-width: 768px) { #social-share-modal a { font-size: 12px; } } /* HIDE THE PREVIEW LISTING OPTION FROM THE MYLISTING SUBMIT FORM body.add-listing-form #form-section-submit .listing-form-submit-btn .preview-btn { display: none; } */ /* BONUS - DESIGN THE SUBMIT LISTING BUTTON // This CSS will make the button go the full width of the Submit Form, apply and background color, and more. */ .listing-form-submit-btn button[type=submit] { width: 50% !important; padding: 20px !important; background: #0017A6 !important; color: #FFFFFF !important; border-radius: 10px;!important; } .listing-form-submit-btn button[type=submit]:hover { border-bottom: none !important; background: #00B6B8 !important; transition: .2s ease-in-out !important; } /* groen veld bij checkout */ /* Table */ #order_review .woocommerce-checkout-review-order-table{ background-color:#00B6B8 !important; } .col-md-12 .element .cart-collaterals { background-color:#00B6B8 !important; } /* Order comments */ #order_comments{ display:none; } /* Heading */ #customer_details .woocommerce-additional-fields h3{ display:none; } /* Label */ #order_comments_field label{ display:none; } /* verwijder order notes */ add_filter( 'woocommerce_enable_order_notes_field', '__return_false' ); /* gradient in taxanomy */ .explore-type-4 .listing-cat .overlay, .finder-search .listing-cat .overlay { opacity: 0.4; } .gradient7 { background: linear-gradient(270deg,#00B6B8 0,#0017A6); } /* explore checkbox */ .tags-nav li .md-checkbox label {font-size:12px;color:#000;} /* .tags-nav li {width:50%;} .md-checkbox label {font-weight:400!important;letter-spacing:1.0px;} .tags-nav li .md-checkbox label {font-size:12px;color:#000;} .tags-nav li .md-checkbox label:before {border: 1px dashed #0017A6;} */ /*donkere login buttons */ .login-tabs li { opacity: 0.5; background: #00B6B8; margin-right: 10px; margin-bottom: 10px; border-radius: 10px; padding: 0px 10px 10px 10px; } .login-tabs li.active { background: #00B6B8 !important; } .login-tabs li a:hover, .login-tabs li a { font-size: 13px; text-transform: uppercase; letter-spacing: 2px; color: #fff !important; } .page-id-16 h3 { line-height: 1px !important; } .cts-social-login-wrapper .buttons { background: #f1f1f1; } /* single listing design */ .quick-listing-actions>ul>li>a:hover { box-shadow: 0px 8px 16px 0px rgba(0,23,166,0.2); border: 1px solid #0017A6; margin: 10px } /* .single-job-listing .element { border-top: 3px solid #0017A6; border-radius: 8px; } .quick-listing-actions > ul > li > a i { margin-bottom : 10px; } .quick-listing-actions > ul > li > a i, .quick-listing-actions > ul > li > a { display: block; background: #ffffff !important; } .quick-listing-actions>ul>li>a>i {color:#0017A6;} .quick-listing-actions>ul>li>a>i:hover {color:rgba(177, 162, 149, 0.8);} .quick-listing-actions>ul>li>a { padding: 10px 5px !important; background: #ffffff !important; width: 140px; text-align: center !important; border: 1px solid #0017A6; box-shadow: 0px 2px 5px 0px rgba(0,23,166,0.2); } .quick-listing-actions>ul>li>a:hover { box-shadow: 0px 8px 16px 0px rgba(0,23,166,0.2); border: 1px solid #0017A6; margin: 10px } */ /* taxonomy leerdoelen en doelgroep single listing width 100% */ .col-md-7 .cts-column-wrapper .block-type-terms .element .pf-body li { width: 100%; } .col-md-12 .cts-column-wrapper .block-type-terms .element .pf-body li { width: 100%; } /* remove VKontakte & Tumblr & Telegram*/ #social-share-modal .share-options li:nth-child(7), #social-share-modal .share-options li:nth-child(8), #social-share-modal .share-options li:nth-child(4){ display: none; } /* ML - OFFERED BY BLOCK */ .event-host .host-name { font-size: 22px; line-height: 40px; } .event-host .avatar { width: 90px; height: 90px; } /* ML - HIDES ICONS PER TAXONOMY */ .hide-taxonomy-icons .element .social-nav li a i {display:none;} /* ML – TAGS - SET ALL TO LOWERCASE */ .element .social-nav li span { text-transform: lowercase; } //* ML – SUBMIT FORM – HIDE MEDIA UPLOAD SIZE GUIDELINES #submit-job-form .file-upload-field small {display:none!important;} ML – SUBMIT FORM – ALIGNS SOME FIELD DESCRIPTIONS THAT WERE NOT UNIFORM WITH THE OTHERS #submit-job-form small.description {display:block;width:100%;margin-top:5px;} } /* /* ronde vakjes */ .lf-item { border-top-right-radius:10px; border-top-left-radius:10px; } .listing-preview .c27-footer-section:last-child { border-bottom-left-radius:10px!important; border-bottom-right-radius:10px!important; } /* hover effect */ /* ML - SINGLE LISTING - SECTIONS https://enfrance.nl/mylisting-plugins/*/ .single-job-listing .element {border-radius:15px;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.10);} .nav-tabs .show-filters::after { font-size:11px; content: "Zoeken"; } .nav-tabs .show-results::after { font-size:11px; content: "Resultaten"; } .nav-tabs .show-map::after { font-size:11px; } .explore-mobile-nav ul li { padding-bottom:10px; } .nav-tabs>li>a { padding-bottom:0px; } @media only screen and (max-width: 1200px) { .c27-explore-search-button { bottom:69px; } } /* ML - PRICING TABLES */ .pricing-item .plan-name { font-size:15px; color: white; text-transform:uppercase; background-image:linear-gradient(300deg, rgba(0, 23, 166) 0%, rgba(0, 23, 166) 100%); border-top-left-radius: 10px; border-top-right-radius: 10px; } .pricing-item .plan-price span.woocommerce-Price-amount { font-weight:800; font-size:60px; } .pricing-item .plan-price > span { font-weight:600; } .pricing-item { border-radius:10px; box-shadow:-5px 5px 20px 0px rgba(47,61,74,0.1); transition:box-shadow 0.3s ease-in-out; } .pricing-item:hover { box-shadow:-5px 5px 20px 0px rgba(47,61,74,0.15); } .pricing-item .plan-image { width: 40%; } .pricing-item .plan-price span.woocommerce-Price-amount { color: #00B6B8; } div.pricing-item.c27-pick-package.cts-pricing-item { height: fit-content!important; } .select-package .button-2 { text-transform:uppercase; letter-spacing:2px; border-radius:10px; background-image: linear-gradient(300deg, rgba(0, 184, 182) 0%, rgba(0, 184, 182) 100%); }