/* Theme Name: WCOB Author: Enot Author URI: https://worldcenterofbaby.com/ Description: WCOB Custom Theme Version: 1.4.8 Text Domain: wcob Tags: custom-logo, custom-menu, featured-images, translation-ready */ :root { --black: #000; --white: #fff; } *:where(:not(html, iframe, canvas, img, svg, video, audio, strong, ol, ul, b, i, em):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; line-height: 1; vertical-align: baseline; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Fix mobile Safari increase font-size on landscape mode */ html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; } /* Remove list styles (bullets/numbers) */ menu, summary { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; box-sizing: border-box; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; box-sizing: border-box; } /* Remove details summary webkit styles */ ::-webkit-details-marker { display: none; } * { box-sizing: border-box; margin: 0; padding: 0; line-height: 1; vertical-align: baseline; -webkit-box-sizing: border-box; box-sizing: border-box; } html { box-sizing: border-box; touch-action: manipulation; scroll-behavior: smooth; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } body, button, input, select { font-family: "TT Hoves", sans-serif; color: var(--gray); font-size: 16px; line-height: 1.5; position: relative; background-color: #FFF; } a { color: #726ef1; cursor: pointer; } a:hover { text-decoration: none; } a img { border: none; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-size: 100%; font-weight: normal; } h1, .h1 { margin-bottom: 40px; font-weight: 600; font-size: 48px; } @media only screen and (max-width: 798px) { h1, .h1 { margin-bottom: 38px; font-size: 30px; } } h2, .h2 { margin-bottom: 35px; font-weight: 600; font-size: 36px; scroll-margin-top: 60px; } @media only screen and (max-width: 798px) { h2, .h2 { margin-bottom: 25px; font-size: 28px; } } h3, .h3 { margin-bottom: 30px; font-weight: 600; font-size: 28px; } @media only screen and (max-width: 798px) { h3, .h3 { margin-bottom: 25px; font-size: 26px; } } h4, .h4 { margin-bottom: 25px; font-weight: 600; font-size: 28px; } @media only screen and (max-width: 798px) { h4, .h4 { margin-bottom: 20px; font-size: 24px; } } h5, .h5 { margin-bottom: 20px; font-weight: 600; font-size: 24px; } @media only screen and (max-width: 798px) { h5, .h5 { margin-bottom: 15px; font-size: 22px; } } h6, .h6 { margin-bottom: 15px; font-weight: 600; font-size: 20px; } @media only screen and (max-width: 798px) { h6, .h6 { margin-bottom: 15px; font-size: 20px; } } p { font-size: 16px; line-height: 21px; margin-bottom: 20px; font-weight: 400; } img { max-width: 100%; height: auto; vertical-align: middle; } button { cursor: pointer; } input[type=submit] { outline: none; cursor: pointer; line-height: 1.3; -webkit-appearance: none; -moz-appearance: none; } fieldset{ border: none; margin: 0; padding: 0; } .container { position: relative; max-width: 1180px; width: 100%; padding: 0 20px; margin: 0 auto; } ._text-upp { text-transform: uppercase; } .wp-block-table{ margin: 0 0 15px 0; } ._overflow-wrap { overflow-y: hidden; overflow-x: auto; } .default-list { list-style: none; } .default-list li { color: #666; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 7px; } .default-list li:last-child { margin-bottom: 0; } .default-list li:before { content: ""; display: inline-block; width: 8px; height: 8px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #7DC89E; } .page-title { color: #000; font-size: 28px; font-weight: 500; margin-bottom: 25px; } section{ padding: 0; } @media only screen and (min-width: 1024px) { .page-title { font-size: 50px; margin-bottom: 40px; } } @media (min-width: 1400px) { .container { max-width:1200px } } @media (min-width: 1800px) { .container { max-width:1800px } } /**************Global style*************/ .page-content{ position: relative; margin: 50px 0; } .page-content .has-text-align-center{ text-align: center; } /****************Privacy**************/ .privacy-title{ font-size: 28px; margin-bottom: 10px; color: var(--black); text-transform: uppercase; } .privacy__section:nth-of-type(1){ padding-top: 20px; } .privacy__section h2{ font-size: 20px; margin: 20px 0; padding: 0; } .privacy__section h3{ font-size: 18px; margin: 10px 0; padding: 0; } .privacy__section .wp-block-table{ margin: 25px 0; overflow-x: auto; } .privacy__section table{ width: 100%; } .privacy__section thead, .privacy__section tbody{ border: 1px solid #d1d1d1; } .privacy__section th{ font-weight: 700; padding: 5px 15px; text-align: center; border: 1px solid #d1d1d1; } .privacy__section td{ padding: 5px 15px; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; } .privacy__section ul { margin: 0.5em 0 1em; } .privacy__section ul li{ margin-bottom: 10px; padding-left: 48px; position: relative; } .privacy__section ul li:before{ background-image: url(/wp-content/themes/wcob/assets/images/landing2/icon-point.svg); background-repeat: no-repeat; background-size: contain; content: ""; display: inline-block; height: 18px; left: 5px; position: absolute; top: .3em; vertical-align: middle; width: 18px; } @media only screen and (min-width: 1024px) { .privacy-title{ font-size: 40px; } .privacy__section h2{ font-size: 30px; } .privacy__section h3{ font-size: 22px; } }