/* General */ .distraction-free #top-nav-head, .distraction-free #header-container, .distraction-free #footer-container, .distraction-free #footer-widgets-container { display: none; } body.distraction-free #content { max-width: 100% !important; padding: 0 !important; } .full-height { min-height: 100vh; } /* Select2*/ .select2-container{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:block;height:28px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:block;min-height:32px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{-webkit-box-sizing:border-box;box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee));background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff));background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;-webkit-box-shadow:none;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} #features-side { position:relative; } #features-side.fixed { position:fixed; top:80px; width:306px !important; } .group { display: none; font-size: 20px; font-weight: normal; font-family: 'MuseoSansCyrl-300', Helvetica, Arial, Sans-serif; } /* Fonts */ @font-face{ font-family:"DIN W01 Regular"; font-display: block; src:url("https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/a397c752-ee83-47cf-b8a8-b476511dd2c9.eot?#iefix"); src:url("https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/a397c752-ee83-47cf-b8a8-b476511dd2c9.eot?#iefix") format("eot"), url("https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/53fb9c60-2054-4c31-9283-5562244b4935.woff2") format("woff2"), url("https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/45831ca8-93bd-4808-aa5f-3c915944f727.woff") format("woff"), url("https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/429a3e29-88da-4603-94ff-c1450c089c88.ttf") format("truetype"); } @font-face { font-family: 'Graphik LC Web'; font-display: block; src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-SuperItalic-Web.eot'); src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-SuperItalic-Web.eot?#iefix') format('embedded-opentype'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-SuperItalic-Web.woff2') format('woff2'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-SuperItalic-Web.woff') format('woff'); font-weight: 900; font-style: italic; font-stretch: normal; } @font-face { font-family: 'Graphik LC Web'; font-display: block; src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Super-Web.eot'); src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Super-Web.eot?#iefix') format('embedded-opentype'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Super-Web.woff2') format('woff2'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Super-Web.woff') format('woff'); font-weight: 900; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; font-display: block; src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-BlackItalic-Web.eot'); src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-BlackItalic-Web.eot?#iefix') format('embedded-opentype'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-BlackItalic-Web.woff2') format('woff2'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-BlackItalic-Web.woff') format('woff'); font-weight: 800; font-style: italic; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; font-display: block; src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Black-Web.eot'); src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Black-Web.eot?#iefix') format('embedded-opentype'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Black-Web.woff2') format('woff2'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Black-Web.woff') format('woff'); font-weight: 800; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; font-display: block; src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-BoldItalic-Web.eot'); src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-BoldItalic-Web.eot?#iefix') format('embedded-opentype'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-BoldItalic-Web.woff2') format('woff2'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-BoldItalic-Web.woff') format('woff'); font-weight: 700; font-style: italic; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; font-display: block; src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Bold-Web.eot'); src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Bold-Web.eot?#iefix') format('embedded-opentype'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Bold-Web.woff2') format('woff2'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Bold-Web.woff') format('woff'); font-weight: 700; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; font-display: block; src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-SemiboldItalic-Web.eot'); src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-SemiboldItalic-Web.eot?#iefix') format('embedded-opentype'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-SemiboldItalic-Web.woff2') format('woff2'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-SemiboldItalic-Web.woff') format('woff'); font-weight: 600; font-style: italic; font-stretch: normal; } @font-face { font-family: 'Graphik LC Web'; font-display: block; src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Semibold-Web.eot'); src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Semibold-Web.eot?#iefix') format('embedded-opentype'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Semibold-Web.woff2') format('woff2'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Semibold-Web.woff') format('woff'); font-weight: 600; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; font-display: block; src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-MediumItalic-Web.eot'); src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-MediumItalic-Web.eot?#iefix') format('embedded-opentype'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-MediumItalic-Web.woff2') format('woff2'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-MediumItalic-Web.woff') format('woff'); font-weight: 500; font-style: italic; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; font-display: block; src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Medium-Web.eot'); src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Medium-Web.eot?#iefix') format('embedded-opentype'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Medium-Web.woff2') format('woff2'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Medium-Web.woff') format('woff'); font-weight: 500; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; font-display: block; src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-RegularItalic-Web.eot'); src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-RegularItalic-Web.eot?#iefix') format('embedded-opentype'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-RegularItalic-Web.woff2') format('woff2'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-RegularItalic-Web.woff') format('woff'); font-weight: 400; font-style: italic; font-stretch: normal; } @font-face { font-family: 'Graphik LC Web'; font-display: block; src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Regular-Web.eot'); src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Regular-Web.woff2') format('woff2'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Regular-Web.woff') format('woff'); font-weight: 400; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; font-display: block; src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-LightItalic-Web.eot'); src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-LightItalic-Web.eot?#iefix') format('embedded-opentype'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-LightItalic-Web.woff2') format('woff2'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-LightItalic-Web.woff') format('woff'); font-weight: 300; font-style: italic; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; font-display: block; src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Light-Web.eot'); src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Light-Web.eot?#iefix') format('embedded-opentype'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Light-Web.woff2') format('woff2'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Light-Web.woff') format('woff'); font-weight: 300; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; font-display: block; src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-ExtralightItalic-Web.eot'); src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-ExtralightItalic-Web.eot?#iefix') format('embedded-opentype'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-ExtralightItalic-Web.woff2') format('woff2'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-ExtralightItalic-Web.woff') format('woff'); font-weight: 200; font-style: italic; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; font-display: block; src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Extralight-Web.eot'); src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Extralight-Web.eot?#iefix') format('embedded-opentype'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Extralight-Web.woff2') format('woff2'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Extralight-Web.woff') format('woff'); font-weight: 200; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; font-display: block; src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-ThinItalic-Web.eot'); src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-ThinItalic-Web.eot?#iefix') format('embedded-opentype'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-ThinItalic-Web.woff2') format('woff2'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-ThinItalic-Web.woff') format('woff'); font-weight: 100; font-style: italic; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; font-display: block; src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Thin-Web.eot'); src: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Thin-Web.eot?#iefix') format('embedded-opentype'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Thin-Web.woff2') format('woff2'), url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/fonts/Graphik-Thin-Web.woff') format('woff'); font-weight: 100; font-style: normal; font-stretch: normal; } /* Reseller Profile Page */ /* General */ .single-reseller #panel-19821-1-1-0 { margin-bottom: 0 !important; padding-bottom: 17PX; } .page-id-19821 .so-panel.widget, .single-reseller .so-panel.widget { box-shadow: none; -webkit-box-shadow:none; } body.page-id-19821, body.single-reseller { margin-top: 0 !important; overflow-x: hidden; } #pl-19821 { overflow-x: hidden; } .page-id-19821 #content.col-full, .single-reseller #content.col-full { padding: 0 !important; margin: 0 !important; max-width: 100% !important; } .page-id-19821 .entry img, .single-reseller .entry img { background: transparent; } .page-id-19821 #header-container, .single-reseller #header-container { background: transparent; } .page-id-19821 #header-container #header, .page-id-19821 #nav-container #navigation, .page-id-19821 .nav-toggle.icon, .single-reseller #header-container #header, .single-reseller #nav-container #navigation, .single-reseller .nav-toggle.icon { display: none !important; } .page-id-19821 #top-nav-head, .single-reseller #top-nav-head { padding-top:0; } .page-id-19821 header h1.title, .page-id-19821 .wptbbarheaddiv, .single-reseller header h1.title, .single-reseller .wptbbarheaddiv { display: none; } /* Reseller Header*/ #reseller-header .panel-grid-cell .so-panel { margin-bottom: 0 !important; } #reseller-header .panel-grid-cell .so-panel:last-child { padding-top: 0; } #reseller-header { background: -webkit-linear-gradient(315deg, #5E6FC8 0%, #00A3FF 100%); background: -o-linear-gradient(315deg, #5E6FC8 0%, #00A3FF 100%); background: linear-gradient(135deg, #5E6FC8 0%, #00A3FF 100%); margin-bottom: 30px; } .reseller-scan2cad-logo { padding-top: 3px; } .reseller-scan2cad-logo h1 { display: inline; line-height: 0; margin: 0; } .widget .reseller-scan2cad-logo a, .reseller-scan2cad-logo a { font-family:"DIN W01 Regular" !important; font-size: 22px; line-height: 28px; color: #FFFFFF; letter-spacing: 2px; } .reseller-scan2cad-logo a:hover { text-decoration: none; } .reseller-scan2cad-logo img { float: none; display: inline; margin-bottom: -6px; margin-right: 6px; } .reseller-verified-badge p { display: inline; } .widget .reseller-verified-badge p, .reseller-verified-badge p { font-family: 'Graphik Web' !important; font-display: block; font-weight: 700 !important; font-style: normal !important; font-stretch: normal !important; font-size: 11px; line-height: 12px; color: #95E7BE; } .reseller-verified-badge img { float: none; display: inline; margin-bottom: -6px; margin-right: 3px; } .reseller-name { margin-top: -4px; padding-bottom: 9px; } .reseller-name p { font-family: 'Graphik LC Web'; font-display: block; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 15px; text-align: center; line-height: 24px; color: #686F75; } .reseller-name a { font-family: 'Graphik LC Web'; font-display: block; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 15px; line-height: 24px; color: #39CA82; text-decoration: underline; } .reseller-name h2 { font-family: 'Graphik LC Web'; font-display: block; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 38px; text-align: center; line-height: 52px; color: #FFFFFF; } /* Reseller Content */ .col-full#reseller-content { max-width: 836px !important; margin: 0 auto; } .reseller-content h3 { text-align: left; font-size: 15px; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; line-height: 17px; color: #363B40; } p.reseller-flag{ margin: 0; } .reseller-flag img { margin-top: -4px; margin-right: 15px; margin-bottom: 0; padding: 0; } .reseller-content p{ font-family: 'Graphik LC Web'; font-display: block; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 15px; line-height: 26px; color: #686F75; text-align: left; } .reseller-content-p p{ margin-bottom: 27px; } .reseller-content-p p:last-child { margin-bottom: 20px; } .reseller-content a { font-family: 'Graphik LC Web'; font-display: block; font-weight: 400; font-style: normal; font-stretch: normal; text-decoration: underline; font-size: 15px; line-height: 24px; color: #363B40; position: relative; margin: 32px; } .reseller-content a:before { content: ""; background-image: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/images/icon-arrow-black.png'); height: 100%; width: 100%; left: -32px; background-repeat: no-repeat; position: absolute; bottom: -3px; } .reseller-map iframe { width: 100%; height: 360px; } /* Sidebar */ /* Reseller logo */ #reseller-content #panel-19821-1-0-0 { margin-bottom: 0 !important; padding-bottom: 11px; padding-right: 2px; } .reseller-logo table { margin-bottom: 0 !important; max-width: 250px } .reseller-logo td { vertical-align: middle !important; background-color: #F7F9FB; border-radius: 4px !important; height: 227px; text-align: center !important; } /* Reseller Address */ #reseller-content #panel-19821-1-0-1 { margin-bottom: 0 !important; padding-bottom: 0; padding-right: 2px; } .reseller-address p { font-family: 'Graphik LC Web'; font-display: block; font-weight: 400; font-style: normal; font-stretch: normal; text-align: left; font-size: 15px; line-height: 26px; color: #686F75; } .reseller-social strong, .reseller-contact strong, .reseller-address strong { font-family: 'Graphik Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 11px; line-height: 12px; color: #363B40; } /* Reseller Contact */ #reseller-content #panel-19821-1-0-2 { margin-bottom: 0 !important; padding-bottom: 6px; padding-top: 15px; padding-right: 2px; } .reseller-contact p { font-family: 'Graphik LC Web'; font-display: block; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 15px; line-height: 17px; color: #363B40; text-align: left; } .reseller-contact a { font-family: 'Graphik LC Web'; font-display: block; font-weight: 400; font-style: normal; font-stretch: normal; text-decoration: underline; font-size: 15px; line-height: 17px; color: #363B40; } /* Reseller Social Media */ #reseller-content #panel-19821-1-0-3 { padding-right: 2px; } .reseller-social p { text-align: left; } .reseller-social a { font-family: 'Graphik LC Web'; font-display: block; font-weight: 400; font-style: normal; font-stretch: normal; text-decoration: underline; font-size: 15px; line-height: 17px; color: #363B40; } /* Footer */ .page-id-19821 #footer-widgets-container, .page-id-19821 #footer-container, .single-reseller #footer-widgets-container, .single-reseller #footer-container { display: none; } @media (min-width: 768px) { #reseller-content { padding-bottom: 140px; } .single-reseller #pgc-19821-1-0 { width: 32.6%; float: left; } .single-reseller #pgc-19821-1-1 { width: 64%; float: right; padding-left: 0; padding-right: 0; } } @media (max-width: 768px) and (min-width: 450px){ #reseller-content { padding-bottom: 90px; } } @media (max-width: 450px){ #reseller-content { padding-bottom: 50px; } } /* Free trial thanks page */ /*Header*/ .page-id-20151 #header-container { background: transparent; } .page-id-20151 #header-container #header, .page-id-20151 #nav-container #navigation, .page-id-20151 .nav-toggle.icon { display: none !important; } .page-id-20151 #top-nav-head { padding-top:0; } .page-id-20151 header h1.title, .page-id-20151 .wptbbarheaddiv { display: none; } /* General */ .page-id-5840 #content.col-full, .page-id-20151 #content.col-full { padding: 0 !important; margin: 0 !important; max-width: 100% !important; } .page-id-20151 .so-panel.widget { box-shadow: none; -webkit-box-shadow:none; } body.page-id-20151 { background-color: #268DE8; margin-top: 0 !important; overflow-x: hidden; } #free-trial-thanks-heading, #free-trial-tutorial-box { padding-left: 0; padding-right: 0; } #pl-20151 { overflow-x: hidden; } /* Heading */ #free-trial-thanks-heading { margin-bottom: 15px; padding-bottom: 187px; background-color: #F6F8FA; } #free-trial-thanks-heading .panel-first-child { padding-bottom: 33px; padding-top: 30px; } .free-trial-thanks-logo p { display: inline; } .widget .free-trial-thanks-logo a, .free-trial-thanks-logo a { font-family:"DIN W01 Regular" !important; font-size: 22px; line-height: 28px; color: #268DE8; letter-spacing: 2px; } .free-trial-thanks-logo img { float: none; display: inline; margin-bottom: -6px; margin-right: 5px; background: transparent; } .scan2cad-free-trial-thanks-heading { padding-top: 20px; } .scan2cad-free-trial-thanks-heading p { font-size: 15px; text-align: center; line-height: 24px; color: #686F75; } .scan2cad-free-trial-thanks-heading a { font-family: 'Graphik LC Web'; font-display: block; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 15px; line-height: 24px; color: #39CA82; text-decoration: underline; } .scan2cad-free-trial-thanks-heading h2 { font-family: 'Graphik Web'!important; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; text-align: center; line-height: 52px; color: #363B40; margin-bottom: 11px; } /* Free trial blue separator */ #free-trial-tutorial-box .panel-first-child { padding:0; } #free-trial-thanks-heading #panel-20151-0-0-1 { margin-bottom: 0; padding-bottom: 0; } #free-trial-thanks-heading #panel-20151-0-0-2 { padding-top: 10px; } .free-trial-blue-separator { height: 140px; background: #268de8; -webkit-transform: rotate(-2.2deg); -ms-transform: rotate(-2.2deg); transform: rotate(-2.2deg); -webkit-transform-origin: 3% 0; -ms-transform-origin: -57% 0; transform-origin: -57% 0; padding-left: 20px; padding-right: 20px; width: 100%; } #free-trial-thanks-heading .download-windows > p:first-of-type, #free-trial-thanks-heading .download-macos > p:first-of-type { max-width: 500px; color: #686F75; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px; line-height: 20px; text-align: center; margin-bottom: 28px; margin-left: auto; margin-right: auto; } #free-trial-thanks-heading .download-windows > p:first-of-type img, #free-trial-thanks-heading .download-macos > p:first-of-type img { margin-right: 15px; } #free-trial-thanks-heading .download-windows > p:last-of-type, #free-trial-thanks-heading .download-macos > p:last-of-type { margin-bottom: 0; } #free-trial-thanks-heading .download-macos, #free-trial-thanks-heading .download-windows { display: none; } /* tutorial link box */ .scan2cad-tutorial-box{ max-width: 584px; float: none; margin: 0 auto; background-color: #FFFFFF; -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); border-radius: 4px; padding: 15px 40px 15px 0; position: relative; margin-top: -346px; } .scan2cad-tutorial-box img { padding-left: 0; margin-right: 37px; margin-top: 0; background: transparent; } .scan2cad-tutorial-box h3 { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; text-align: left; line-height: 30px; color: #363B40; margin-bottom: 0; padding-bottom: 10px; } .scan2cad-tutorial-box p{ text-align: left; font-family: 'Graphik LC Web'; font-display: block; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 15px; line-height: 24px; color: #686F75; margin-bottom: 32px; } .widget .scan2cad-tutorial-box a, .scan2cad-tutorial-box a { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px; line-height: 14px; background-color: #39CA82; border-radius: 6px; padding: 12px 20px; color: #fff; } /* Free trial thanks remove footer */ .page-id-20151 #footer-container, .page-id-20151 #footer-widgets-container { display: none; } /* Free trial thanks responsive */ @media (min-width: 600px){ .scan2cad-free-trial-thanks-heading h2 { font-size: 38px; } .scan2cad-tutorial-box h3 { font-size: 20px; } } @media (max-width: 600px){ #free-trial-thanks-heading .panel-first-child { padding-bottom: 0; } .scan2cad-free-trial-thanks-heading h2 { font-size: 30px; line-height: 45px; } .widget .scan2cad-tutorial-box p, .scan2cad-tutorial-box p { font-size: 13px; } .scan2cad-tutorial-box h3 { font-size: 18px; } .scan2cad-tutorial-box a { padding: 11px 18px; font-size: 11px; } } @media (max-width: 600px) and (min-width: 410px) { .scan2cad-tutorial-box img { margin-right: 25px; width: 110px; margin-bottom: 65px; } } @media (max-width: 410px) { .scan2cad-tutorial-box img { margin-left: -20px; } .scan2cad-tutorial-box h3 { display: inline-block; margin-left: 20px; } .widget .scan2cad-tutorial-box p, .scan2cad-tutorial-box p { margin-left: 20px; } } /* Single blog post typography */ .page-id-24094 h1.title, .page-id-22595 h1.title, .post h1.title { font-size: 36px; font-family: 'Graphik LC Web'; font-display: block; font-style: normal; font-stretch: normal; font-weight: 600; text-align: center; line-height: 52px; color: #363B40; padding-top: 18px; } .page-id-24094 #content p, .page-id-22595 #content p, .page-id-24094 .post .entry table td, .page-id-22595 .post .entry table td, .page-id-24094 .post .entry table th, .page-id-22595 .post .entry table th, body.archive .post .entry table td, body.archive .post .entry table th, body.blog .post .entry table td, body.blog .post .entry table th, body.single-post .entry table td, body.single-post .entry table th, body.archive .post .entry p, body.blog .post .entry p, body.single-post .entry p, body.archive .post .entry, body.blog .post .entry, body.single-post .entry { font-size: 15px; line-height: 26px; color: #363B40; font-weight: 400; font-style: normal; font-stretch: normal; font-family: 'Graphik LC Web'; font-display: block; margin-bottom: 38px; } .su-quote-style-default { font-family: 'Graphik Web'; font-display: block; font-weight: 400; font-style: italic; font-stretch: normal; } .page-id-24094 #content ol, .page-id-22595 #content ol, body.archive .post .entry ol, body.blog .post .entry ol, body.single-post .entry ol { padding-left: 17px; } .page-id-22595 #content ul, .page-id-24094 #content ul, body.archive .post .entry ul, body.blog .post .entry ul, body.single-post .entry ul { padding-left: 15px; } .page-id-22595 #content li, .page-id-24094 #content li, body.archive .post .entry li, body.blog .post .entry li, body.single-post .entry li { font-size: 15px; line-height: 26px; color: #363B40; font-weight: 400; font-style: normal; font-stretch: normal; font-family: 'Graphik LC Web'; font-display: block; list-style-position: initial; } body.archive .post .entry dt i, body.blog .post .entry dt i, body.single-post .entry dt i, body.archive .post .entry dd i, body.blog .post .entry dd i, body.single-post .entry dd i, body.archive .post .entry li i, body.blog .post .entry li i, body.single-post .entry li i, body.archive .post .entry p i, body.blog .post .entry p i, body.single-post .entry p i, body.archive .post .entry i, body.blog .post .entry i, body.single-post .entry i, .page-id-22595 #content p em, .page-id-24094 #content p em, body.archive .post .entry dt em, body.blog .post .entry dt em, body.single-post .entry dt em, body.archive .post .entry dd em, body.blog .post .entry dd em, body.single-post .entry dd em, body.archive .post .entry li em, body.blog .post .entry li em, body.single-post .entry li em, body.archive .post .entry p em, body.blog .post .entry p em, body.single-post .entry p em, body.archive .post .entry em, body.blog .post .entry em, body.single-post .entry em { font-family: 'Graphik Web'; font-display: block; font-weight: 400; font-style: italic; font-stretch: normal; } .page-id-22595 #content strong, .page-id-24094 #content strong, body.archive .post .entry b, body.blog .post .entry b, body.single-post .entry b, body.archive .post .entry strong, body.blog .post .entry strong, body.single-post .entry strong { font-size: 15px; line-height: 26px; color: #363B40; font-family: 'Graphik LC Web'; font-display: block; font-style: normal; font-stretch: normal; font-weight: 600; } .page-id-22595 #content a, .page-id-24094 #content a, body.archive .post .entry a, body.blog .post .entry a, body.single-post .entry a { font-size: 15px; line-height: 26px; color: #686f75; font-weight: 400; text-decoration: underline; font-style: normal; font-stretch: normal; font-family: 'Graphik LC Web'; font-display: block; } body.archive .post .entry h1 strong, body.blog .post .entry h1 strong, body.single-post .entry h1 strong, body.archive .post .entry h1 b, body.blog .post .entry h1 b, body.single-post .entry h1 b, body.archive .post .entry h1, body.blog .post .entry h1, body.single-post .entry h1 { font-size: 40px; font-family: 'Graphik Web'; font-display: block; font-style: normal; font-stretch: normal; font-weight: 500; line-height: 48px; color: #181A1B; letter-spacing: -.2px; margin: 30px 0; } .page-id-22595 #content h2, .page-id-24094 #content h2, body.archive .post .entry h2 strong, body.blog .post .entry h2 strong, body.single-post .entry h2 strong, body.archive .post .entry h2 b, body.blog .post .entry h2 b, body.single-post .entry h2 b, body.archive .post .entry h2, body.blog .post .entry h2, body.single-post .entry h2 { font-size: 32px; font-family: 'Graphik Web'; font-display: block; font-style: normal; font-stretch: normal; font-weight: 500; line-height: 42px; color: #181A1B; letter-spacing: -.2px; margin: 20px 0; } body.archive .post .entry h3 strong, body.blog .post .entry h3 strong, body.single-post .entry h3 strong, body.archive .post .entry h3 b, body.blog .post .entry h3 b, body.single-post .entry h3 b, body.archive .post .entry h3, body.blog .post .entry h3, body.single-post .entry h3 { font-size: 25px; font-family: 'Graphik Web'; font-display: block; font-style: normal; font-stretch: normal; font-weight: 500; line-height: 35px; color: #181A1B; margin: 20px 0; } body.archive .post .entry h6 strong, body.blog .post .entry h6 strong, body.single-post .entry h6 strong, body.archive .post .entry h6 b, body.blog .post .entry h6 b, body.single-post .entry h6 b, body.archive .post .entry h6, body.blog .post .entry h6, body.single-post .entry h6, body.archive .post .entry h5 strong, body.blog .post .entry h5 strong, body.single-post .entry h5 strong, body.archive .post .entry h5 b, body.blog .post .entry h5 b, body.single-post .entry h5 b, body.archive .post .entry h5, body.blog .post .entry h5, body.single-post .entry h5, body.archive .post .entry h4 strong, body.blog .post .entry h4 strong, body.single-post .entry h4 strong, body.archive .post .entry h4 b, body.blog .post .entry h4 b, body.single-post .entry h4 b, body.archive .post .entry h4, body.blog .post .entry h4, body.single-post .entry h4 { font-size: 16px; font-family: 'Graphik Web'; font-display: block; font-style: normal; font-stretch: normal; font-weight: 500; line-height: 26px; color: #181A1B; margin: 20px 0; } /* Su Box */ .su-box-title { font-size: 15px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-style: normal !important; font-stretch: normal !important; font-weight: 600 !important; } /* Su tabs */ .su-tabs-nav span { font-weight: 400; font-style: normal; font-stretch: normal; font-family: 'Graphik LC Web'; font-display: block; } .su-tabs-pane { font-size: 15px !important; line-height: 26px; color: #363B40 !important; font-weight: 400; font-style: normal; font-stretch: normal; font-family: 'Graphik LC Web'; font-display: block; } /* Blog post Header */ body.archive.category #navigation, body.archive.tag #navigation, body.archive.author #navigation, .blog #navigation, body.single-post #navigation, body #navigation { background: transparent; } body.archive.category #header, body.archive.tag #header, body.archive.author #header, .blog #header, body.single-post #header, body #header { padding-top: 28.5px; } body.archive.category #header-container, body.archive.tag #header-container, body.archive.author #header-container, .blog #header-container, body.single-post #header-container, body #header-container { background-color: #FFFFFF; } .archive.category .scan2cad-logo, .archive.tag .scan2cad-logo, .archive.author .scan2cad-logo, .blog .scan2cad-logo, body.single-post .scan2cad-logo, body .scan2cad-logo { font-family:"DIN W01 Regular"; font-display: block; font-size: 22px; margin-left: 5px; font-weight: 600; letter-spacing: 1.2px; line-height: 28px; color: #4E78D1; left: 50px; margin-top: 5px; position: absolute; } .archive.category .logo-wrap, .archive.tag .logo-wrap, .archive.author .logo-wrap, body.blog .logo-wrap, body.single-post .logo-wrap, body .logo-wrap { width: 175px; } #navigation ul.nav li.right-align-postnav a:hover, #navigation ul.nav li.right-align-postnav:hover { background: transparent !important; } #navigation ul.nav li.right-align-postnav a:hover, #navigation ul.nav li.right-align-postnav a { opacity: 0.76; font-family: 'Graphik LC Web'; font-display: block; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 15px; line-height: 17px; margin-right: -1px; color: #363B40 !important; text-transform: none; } .left-align-postnav { font-size: 11px !important; font-family: 'Graphik Web'; font-display: block; font-weight: 700; font-style: normal; font-stretch: normal; line-height: 17px; margin-left: 33px; letter-spacing: 1px; color: #8B9299 !important; text-transform: uppercase; position: relative; top: 9px; } #navigation ul.nav li.btn-postnav:hover { background: transparent !important; } #navigation ul.nav li.btn-postnav a { font-size: 13px; font-weight: 600; font-style: normal; font-stretch: normal; font-family: 'Graphik LC Web'; font-display: block; line-height: 14px; color: #FFFFFF !important; background-color: #39CA82 !important; border-radius: 6px !important; padding: 12px 42px 12px 20px; margin-top: 5px; margin-left: 16px; height: 12.5px; } #navigation ul.nav > li.btn-postnav:hover a, #navigation ul.nav li.btn-postnav.current-menu-item a, #navigation ul.nav li.btn-postnav a:hover { text-decoration: none; background-color: #1c9c5c !important; color: #FFFFFF !important; } #navigation ul.nav li.btn-postnav a:after { content: ""; background: url(https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/images/icon-arrow-postnav.png); width: 14px; height: 14px; position: absolute; color: #000; background-repeat: no-repeat; margin-left: 9px; } #navigation .btn-postnav img{ margin-left: 9px; margin-bottom: 3px; } body.single-post #nav-container, .archive.category #nav-container, .archive.tag #nav-container, .archive.author #nav-container, .blog #nav-container, #nav-container { float: none; } body.single-post #nav-container:after, .archive.category #nav-container:after, .archive.tag #nav-container:after, .archive.author #nav-container:after, .blog #nav-container:after, #nav-container:after { height: 1px; background: -webkit-radial-gradient(circle, #ECECEC 0%, #FFFFFF 100%); background: -o-radial-gradient(circle, #ECECEC 0%, #FFFFFF 100%); background: radial-gradient(circle, #ECECEC 0%, #FFFFFF 100%); width: 100%; } /* top post meta */ body.archive.tag #main, body.archive.author #main, body.archive.category #main { max-width: 620px; margin: 0 auto; } body.blog #content header, body.single-post #content header, body #content header { max-width: 620px; margin: 0 auto; } body.single-post .post-meta, body .post-meta { border-top: none; max-width: 620px; margin: 0 auto; padding-top: 9px; padding-bottom: 26px; } body.archive .post-meta .profile-image, body.blog .post-meta .profile-image, body.archive .post-meta .profile-image img, body.blog .post-meta .profile-image img, body.single-post .post-meta .profile-image, body.single-post .post-meta .profile-image img, body .post-meta .profile-image img { max-width: 40px; max-height: 40px; } body.blog .post-meta .date-in .comments, body.archive .post-meta .date-in .comments, body.blog .post-meta .date-in .small, body.archive .post-meta .date-in .small, body.blog .post-meta .author-by, body.archive .post-meta .author-by, body.single-post .post-meta .date-in .comments, body.single-post .post-meta .date-in .small, body.single-post .post-meta .author-by { display: none; } body.blog .post-meta .author a, body.archive .post-meta .author a, body.single-post .post-meta .author a { font-size: 15px; line-height: 25px; color: #363B40; font-weight: 400; font-family: 'Graphik LC Web'; font-display: block; font-style: normal; font-stretch: normal; } body.blog .post-meta .author .fn, body.archive .post-meta .author .fn, body.single-post .post-meta .author .fn { padding-top: 9px !important; } body.blog .post-meta .date-in, body.archive .post-meta .date-in, body.single-post .post-meta .date-in { display: inline; } body.blog .post-meta .date-in .date.time, body.archive .post-meta .date-in .date.time, body.single-post .post-meta .date-in .date.time, body.single-post .post-meta .date-in .published-title { border: none; font-size: 15px; line-height: 25px; color: #8e959b; font-weight: 400; font-family: 'Graphik LC Web'; font-display: block; font-style: normal; font-stretch: normal; padding-left: 20px; padding-top: 9px !important; } body.single-post .updated-on-title { text-align:center;font-family: 'museo_sans_cyrl700', Helvetica, Arial, Sans-serif; font-size: 18px; line-height: 26px; font-weight: normal; padding-bottom:20px; color: #363B40; } body.blog .post-meta .date-in .date.time:before, body.archive .post-meta .date-in .date.time:before, body.single-post .post-meta .date-in .date.time:before, body.single-post .updated-on-date:before { content: "."; font-size: 24px; position: absolute; margin-top: -5px; margin-left: -13px; } body.blog .post-meta .date-in .categories, body.archive .post-meta .date-in .categories, body.single-post .post-meta .date-in .categories { float: right; margin-top: 9px; } body.blog .post-meta .date-in .categories a, body.archive .post-meta .date-in .categories a, body.single-post .post-meta .date-in .categories a { font-size: 15px; text-align: right; line-height: 25px; color: #686F75 !important; font-weight: 400; font-family: 'Graphik LC Web'; font-display: block; font-style: normal; font-stretch: normal; text-decoration: underline; } /* Single post featured image */ body.single-post #post-featured-image { max-width: 784px; margin: 41px auto 0; } body.single-post #post-featured-image img { height: auto; } /* Single post entry */ body.single-post #content .entry { max-width: 630px; margin: 78px auto 0; } body.single-post #content .entry #toc_container { display: none; } /* Suggest link */ #scan2cad-suggest-link-2, #scan2cad-suggest-link-1 { margin-top: 58px; margin-bottom: 58px; } #scan2cad-suggest-link-2 p, #scan2cad-suggest-link-1 p { margin: 0 0 1.2em !important; } #scan2cad-suggest-link-2 a, #scan2cad-suggest-link-1 a { text-decoration: none; } #scan2cad-suggest-link-2 a > br, #scan2cad-suggest-link-1 a > br { display: none; } #scan2cad-suggest-link-2 p:empty, #scan2cad-suggest-link-1 p:empty { display: none; } /** Suggest link style 1 **/ #scan2cad-suggest-link-1 .scan2cad-suggest-style1 { border: 1px solid rgba(139,146,153,0.1); border-radius: 6px; } #scan2cad-suggest-link-1:hover .scan2cad-suggest-style1 { border-color: #00baf5; } #scan2cad-suggest-link-1 .scan2cad-suggest-style1 img { margin: 0; padding: 0; } #scan2cad-suggest-link-1 ul.scan2cad-suggest-style1-content { padding: 0; margin: 0; list-style: none; padding: 30px 37px 28.5px; } #scan2cad-suggest-link-1 ul.scan2cad-suggest-style1-content li { display: table-cell; vertical-align: top; } #scan2cad-suggest-link-1 ul.scan2cad-suggest-style1-content li.scan2cad-suggest-style1-text { padding-left: 45px; } #scan2cad-suggest-link-1 ul.scan2cad-suggest-style1-content li.scan2cad-suggest-style1-image { width: 178px; } #scan2cad-suggest-link-1 a .scan2cad-suggest-link-title { font-size: 11px; line-height: 12px; color: #363B40; font-family: 'Graphik Web'; font-display: block; font-weight: 700; font-style: normal; font-stretch: normal; letter-spacing: .5px; padding-top: 9px; margin-bottom: 16px !important; } #scan2cad-suggest-link-1 .scan2cad-suggest-link-page-title { font-size: 15px; line-height: 26px; color: #686F75; font-weight: 400; font-family: 'Graphik LC Web'; font-display: block; font-style: normal; font-stretch: normal; text-decoration: underline; margin-bottom: 9px !important; } #scan2cad-suggest-link-1 .scan2cad-suggest-link-meta { padding: 0; font-size: 12px; line-height: 26px; color: #AEB2B5; font-weight: 400; font-family: 'Graphik LC Web'; font-display: block; font-style: normal; font-stretch: normal; } #scan2cad-suggest-link-1 .scan2cad-suggest-link-meta li:last-child { padding-left: 15px; } #scan2cad-suggest-link-1 .scan2cad-suggest-link-meta li:last-child:before { content: "."; font-size: 20px; position: absolute; margin-top: -4px; margin-left: -10.9px; } /** Suggest link style 2 **/ #scan2cad-suggest-link-2 .scan2cad-suggest-style2 { border-radius: 6px; border: 1px solid rgba(139,146,153,0.1); } #scan2cad-suggest-link-2:hover .scan2cad-suggest-style2 { border-color: #00baf5; } #scan2cad-suggest-link-2 .scan2cad-suggest-style2 img { margin: 0; padding: 0; } #scan2cad-suggest-link-2 .scan2cad-suggest-style2 ul { padding: 0; margin: 0; list-style: none; padding: 30px 37px 32px; } #scan2cad-suggest-link-2 .scan2cad-suggest-style2 ul.scan2cad-suggest-style2-content > li { display: table-cell; vertical-align: middle; } #scan2cad-suggest-link-2 .scan2cad-suggest-style2 ul.scan2cad-suggest-style2-content > li:last-child { padding-left: 45px; } #scan2cad-suggest-link-2 .scan2cad-suggest-style2 ul.scan2cad-suggest-style2-content > li:first-child { width: 178px; } #scan2cad-suggest-link-2 a .scan2cad-suggest-style2-desc { font-size: 15px; line-height: 26px; color: #363B40; font-weight: 400; font-style: normal; font-stretch: normal; font-family: 'Graphik LC Web'; font-display: block; margin-bottom: auto !important; } #scan2cad-suggest-link-2 a .scan2cad-suggest-style2-span { font-size: 15px; line-height: 26px; color: #686f75; font-weight: 400; text-decoration: underline; font-style: normal; font-stretch: normal; font-family: 'Graphik LC Web'; font-display: block; } /* Image with caption */ body.single-post .entry .wp-caption { margin-top: 55px !important; margin-bottom: 60px !important; } .page-id-22595 #content .wp-caption .wp-caption-text, .page-id-24094 #content .wp-caption .wp-caption-text, body.single-post .entry .wp-caption-text { font-size: 13px; text-align: center !important; line-height: 26px; color: #8F8F8F; font-weight: 400 !important; font-style: italic !important; font-stretch: normal !important; font-family: 'Graphik Web' !important; font-display: block; margin-top: 15px; } body.single-post .entry .wp-caption-text, body.single-post .entry .wp-caption-text a, body.single-post .entry .wp-caption-text b, body.single-post .entry .wp-caption-text strong, body.single-post .entry .wp-caption-text em, body.single-post .entry .wp-caption-text i { font-size: 13px; } /* Post subscribe form */ .scan2cad-post-cta { text-align: center; background-color: #39CA82; border-radius: 6px; padding: 85px 30px 10px; margin: 58px 0 49px; position: relative } .scan2cad-post-cta:before { content: ""; background-image: url('https://www.staging1.scan2cad.com/wp-content/uploads/2017/07/scan2cad-logo-icon-white@2x.png'); height: 35.15px; width: 37px; background-size: 37px; position: absolute; top: 32px; left: calc(50% - 18.5px); } body.single-post .entry .scan2cad-post-cta h3 { font-size: 25px; line-height: 31px; color: #FFFFFF; font-family: 'Graphik Web'; font-display: block; font-weight: 500; font-style: normal; font-stretch: normal; text-align: center; margin-bottom: 19px; } body.single-post .entry .scan2cad-post-cta p { font-size: 17px; line-height: 27px; color: #FFFFFF; margin-bottom: 6px; } body.single-post .entry .scan2cad-post-cta a.button { background-color: #363B40; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); border-radius: 6px; font-size: 13px; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-family: 'Graphik LC Web' !important; font-display: block; line-height: 14px; padding: 12px 45px 11px; text-decoration: none; display: inline-block; } @media(max-width: 500px) { .scan2cad-post-cta { margin: 58px 0 137px; } } /* Related post */ body.single-post .relatedthumb .yuzo-img { width: 200px !important; } body.single-post .yuzo_clearfixed.yuzo__title { font-size: 11px; text-align: center; line-height: 12px; letter-spacing: 1px; color: #363B40; font-family: 'Graphik Web'; font-display: block; font-weight: 700; font-style: normal; font-stretch: normal; position: relative; padding-bottom: 26px; } body.single-post .yuzo_clearfixed.yuzo__title:before { content: ""; width: 36%; height: 1px; background-color: #F3F4F4; position: absolute; left: 0; margin-top: 6px; } body.single-post .yuzo_clearfixed.yuzo__title:after { content: ""; width: 36%; height: 1px; background-color: #F3F4F4; position: absolute; right: 0; margin-top: 6px; } body.single-post .relatedthumb .yuzo__text--title { font-size: 19px !important; font-family: 'Graphik Web'; font-display: block; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 30px; color: #181A1B; } body.single-post .yuzo_related_post { margin-bottom: 40px; } body.single-post .yuzo_related_post .relatedthumb .yuzo-img-wrap { margin-bottom: 20px; } /* Author box */ body.single-post #post-author { border: 1px solid #F3F4F4; border-radius: 6px; max-width: 572px; margin: 0 auto; } body.single-post #post-author .profile-content h4 { font-size: 15px; font-weight: 600; font-style: normal; font-stretch: normal; font-family: 'Graphik LC Web'; font-display: block; line-height: 25px; color: #363B40; margin-bottom: 12px; } body.single-post .profile-link { display: none; } body.single-post #post-author .profile-content { font-size: 13px; line-height: 21px; color: #8B9299; font-family: 'Graphik LC Web'; font-display: block; font-weight: 400; font-style: normal; font-stretch: normal; width: 86%; } body.single-post #post-author .profile-image { width: 60px; } /* Tags */ body.single-post .post-utility { max-width: 620px; margin: 55px auto 0; } body.single-post .post-utility .tags i { display: table; margin-bottom: 25px; } body.single-post .post-utility .tags i:before { content: "tags:"; font-size: 11px; line-height: 12px; letter-spacing: 1px; color: #363B40; font-weight: 700; font-style: normal; font-stretch: normal; font-family: 'Graphik Web'; font-display: block; text-transform: uppercase; } body.single-post .post-utility .tags a { font-size: 15px; text-align: right; line-height: 25px; color: #686F75; font-family: 'Graphik LC Web'; font-display: block; font-weight: 400; font-style: normal; font-stretch: normal; text-decoration: underline; } /* post entries */ body.single-post .post-entries { display: none; } /* Comments List */ body.single-post #comments { border: none; max-width: 622px; margin-left: auto; margin-right: auto; padding-top: 21px; } body.single-post #comments > h3#comments-title { font-size: 19px; font-family: 'Graphik Web'; font-display: block; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 26px; color: #181A1B; margin-bottom: 30px; margin-left: 40px; position: relative; } body.single-post #comments-title:before { content: ""; background-image: url(https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/images/icon-comments.png); height: 100%; width: 100%; position: absolute; background-repeat: no-repeat; margin-left: -40px; margin-top: 2px; } body.single-post #comments-title em { display: none; } body.single-post .commentlist .comment-entry p { font-family: 'Graphik LC Web'; font-display: block; font-size: 15px; line-height: 25px; color: #363B40; font-weight: 400; font-style: normal; font-stretch: normal; margin-left: 55px !important; margin-right: 13px !important; } body.single-post #comments .comment .reply a { font-size: 11px !important; font-family: 'Graphik Web'; font-display: block; font-weight: 700; font-style: normal; font-stretch: normal; text-align: right; line-height: 12px; letter-spacing: .8px; color: #363B40 !important; background: transparent; -webkit-box-shadow: none; box-shadow: none; } body.single-post .commentlist .comment-entry .reply a:after{ display: none !important; } body.single-post .commentlist { border: 1px solid #F3F4F4; border-radius: 6px; } body.single-post .commentlist .comment.depth-1 { border-bottom: none !important; border: none; background: transparent !important; } body.single-post #comments .comment .comment-container { padding: 15px 20px 1px; } body.single-post #comments .comment-head { margin: -2px 0 8px 0; } body.single-post #comments .comment-head .name { font-size: 15px; font-family: 'Graphik LC Web'; font-display: block; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 25px; color: #363B40; } body.single-post #comments .comment-head .perma { display: none; } body.single-post #comments .comment-head .date { font-size: 12px; line-height: 25px; color: #8B9299; font-weight: 400; font-style: normal; font-stretch: normal; font-family: 'Graphik LC Web'; font-display: block; } body.single-post #comments ul.children { background-color: rgba(243,244,244,0.3); -webkit-box-shadow: inset 0 -1px 0 0 #F3F4F4, inset 0 1px 0 0 #F3F4F4; box-shadow: inset 0 -1px 0 0 #F3F4F4, inset 0 1px 0 0 #F3F4F4; margin: 0; } body.single-post #comments ul.children li:first-child { border-top: none; } body.single-post #comments ul.children li { border-color: #F3F4F4; padding-left: 47px; width: calc(100% - 47px); padding-top: 4px; } /* comments form */ body.single-post #respond #reply-title { font-size: 19px; font-family: 'Graphik Web'; font-display: block; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 26px; color: #181A1B; margin-bottom: 38px; } body.single-post #respond { max-width: 620px; margin-left: auto; margin-right: auto; padding-top: 20px; } body.single-post #respond .comment-form-url { display: none; } body.single-post #respond .comment-form-comment textarea#comment { height: 100px; background-color: #FFFFFF; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); border-radius: 6px; border: none; } body.single-post #respond .comment-form-comment { padding-top: 10px; margin-bottom: 13px; } body.single-post #respond .comment-form-comment textarea#comment { height: 100px; background-color: #FFFFFF; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); border-radius: 6px; border: none; margin-bottom: 0; width: 97.8% !important; } body.single-post #respond .comment-form-email, body.single-post #respond .comment-form-author { display: inline-block; width: 50%; margin-bottom: 0; } body.single-post #respond .comment-form-email { float: right; } body.single-post #respond .comment-form-author input#author { height: 28px; background-color: #FFFFFF; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); border-radius: 6px; border: none; width: calc(100% - 20px); } body.single-post #respond .comment-form-email input#email { height: 28px; background-color: #FFFFFF; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); border-radius: 6px; border: none; width: calc(100% - 20px); margin-right: 0; margin-left: 5px; } body.single-post #respond #commentform label { display: none; } body.single-post #commentform .form-submit { float: right; } body.single-post #commentform #submit, body.single-post .form-submit .submit, body.single-post .form-submit input[type=submit], body.single-post .form-submit input#submit { width: 175px; height: 38px; background-color: #363B40; border-radius: 6px; font-size: 13px; font-family: 'Graphik LC Web'; font-display: block; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 14px; margin-top: 0; } /* Single post footer*/ body.blog #footer-container, body.archive.category #footer-container, body.archive.tag #footer-container, body.archive.author #footer-container, body.single-post #footer-container { padding-top: 10px; padding-bottom: 0; } body.blog #footer-container #footer, body.archive.category #footer-container #footer, body.archive.tag #footer-container #footer, body.archive.author #footer-container #footer, body.single-post #footer-container #footer { padding-bottom: 27px; max-width: 930px !important; text-align: center; } body.single-post #footer-widgets-container { border-bottom: none; border-top: none; padding-top: 65px; } body.blog .custom-footer-wrap, body.archive.category .custom-footer-wrap, body.archive.tag .custom-footer-wrap, body.archive.author .custom-footer-wrap, body.single-post .custom-footer-wrap { border-top: none; margin-bottom: 12px; max-width: 971px; width: auto; } /* Su Spoiler */ .su-spoiler-title { font-family: 'Graphik LC Web'; font-display: block; font-weight: 600 !important; font-style: normal; font-stretch: normal; } .su-spoiler .su-spoiler-content li { margin-bottom: 8px; } body.single-post .entry .su-spoiler .su-spoiler-content ul { padding-left: 30px; } .single-post body, .su-spoiler-content { font-weight: 400; font-style: normal; font-stretch: normal; font-family: 'Graphik LC Web'; font-display: block; } /* Blog Header */ body.archive.category #header-container, body.archive.tag #header-container, body.archive.author #header-container, body.blog #header-container { position: relative; } /* Blog - Entry section */ body.archive .post, body.blog .post { margin-bottom: 29px; } body.archive .post .entry, body.blog .post .entry { max-width: 620px; margin: 40px auto 0; } body.archive.category #content, body.archive.tag #content, body.archive.author #content, body.blog #content { margin-top: 19px; } /* Blog - Post Title*/ body.archive .post .title, body.blog .post .title { text-align: center; margin-bottom: 12px; } body.archive .post .title a, body.blog .post .title a { color: #363B40; font-family: 'Graphik Web'; font-display: block; font-size: 19px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 52px; } body.archive .post .title a:hover, body.blog .post .title a:hover { color: #39CA82; text-decoration: none; } /* Blog - Meta Post */ body.archive .post .post-more, body.blog .post .post-more, body.archive .post .woo-image.thumbnail, body.blog .post .woo-image.thumbnail { display: none; } body.archive .post-meta, body.blog .post-meta { border-top: none; max-width: 620px; margin: 0 auto; padding-top: 9px; padding-bottom: 29px; overflow: hidden; } /* Blog - Featured image */ body.archive .post #post-featured-image, body.blog .post #post-featured-image { text-align: center; margin-top: 40px; } body.archive .post #post-featured-image img, body.blog .post #post-featured-image img { height: auto; max-width: 484px; width: 100%; } /* Blog - Pagination */ body.archive.category .pagination, body.archive.tag .pagination, body.archive.author .pagination, body.blog .pagination { margin-top: 49px; } @media only screen and (min-width: 980px) { body.single-post.two-col-left #main-sidebar-container #main, body.single-post.two-col-right #main-sidebar-container #main, body.blog.two-col-left #main-sidebar-container #main, body.blog.two-col-right #main-sidebar-container #main, body.archive.category.two-col-left #main-sidebar-container #main, body.archive.tag.two-col-left #main-sidebar-container #main, body.archive.author.two-col-left #main-sidebar-container #main, body.archive.category.two-col-right #main-sidebar-container #main, body.archive.tag.two-col-right #main-sidebar-container #main, body.archive.author.two-col-right #main-sidebar-container #main { /* width: 100% !important;*/ } } /* Blog - Footer */ body.archive.category #footer-widgets-container, body.archive.tag #footer-widgets-container, body.archive.author #footer-widgets-container, body.blog #footer-widgets-container { border-bottom: none; border-top: none; padding-top: 0; } body.archive.category .custom-footer-wrap, body.archive.tag .custom-footer-wrap, body.archive.author .custom-footer-wrap, body.blog .custom-footer-wrap { padding-top: 21px; } /* Archive Author */ .archive.author #post-author .profile-content h4 { font-family: 'Graphik Web'; font-display: block; font-weight: 500; font-style: normal; font-stretch: normal; color: #363B40; } .archive.author #post-author .profile-content { font-family: 'Graphik LC Web'; font-display: block; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 15px; line-height: 26px; color: #363B40; } /* Archive Tag */ .archive #main > h2 { color: #363B40; font-family: 'Graphik Web'; font-display: block; font-weight: 500; font-style: normal; font-stretch: normal; text-align: center; } /* Archive */ body.archive.category #main .archive-description { border-bottom: 1px solid #EEE; padding-bottom: 32px; margin-bottom: 60px; } .archive.category.two-col-right #main-sidebar-container #main, .archive.tag.two-col-right #main-sidebar-container #main, .archive.author.two-col-right #main-sidebar-container #main { float: none !important; float: none !important; margin: auto; } .archive.category article a img { display: inherit; } .archive #main { color: #363B40; font-family: 'Graphik LC Web'; font-display: block; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 15px; line-height: 26px; } .archive.category #main > h1, .archive.tag #main > h1, .archive.author #main > h1 { color: #363B40; font-family: 'Graphik LC Web'; font-display: block; font-size: 36px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 52px; margin-bottom: 30px; text-align: center; } @media (min-width: 768px) { /* Navigation */ a.left-align-postnav:before { content: ""; height: 36px; position: absolute; margin-left: -18px; border-left: 1px solid rgba(0, 0, 0, 0.1); margin-top: -5px; } body.archive.category #navigation, body.archive.tag #navigation, body.archive.author #navigation, .blog #navigation, body.single-post #navigation, body #navigation { float: right; margin-top: -24px; } body.archive.category #navigation ul.nav > li, body.archive.tag #navigation ul.nav > li, body.archive.author #navigation ul.nav > li, .blog #navigation ul.nav > li, body.single-post #navigation ul.nav > li, body #navigation ul.nav > li { margin: 0; } .display-res-postnav { display: none; } .archive.category #nav-container, .archive.tag #nav-container, .archive.author #nav-container, .blog #nav-container, body.single-post #nav-container, body #nav-container { margin-top: 0; } } @media (max-width: 768px) { /* Navigation */ #navigation ul.nav li.btn-postnav a { padding: 12px 64px 12px 47px !important; display: inline-block; margin-left: 10px; } body.blog #navigation ul.nav li.display-res-postnav a:hover, body.archive #navigation ul.nav li.display-res-postnav a:hover, body.blog #navigation ul.nav li.display-res-postnav a, body.archive #navigation ul.nav li.display-res-postnav a, #navigation ul.nav li.display-res-postnav a:hover, #navigation ul.nav li.display-res-postnav a { opacity: 0.76; font-family: 'Graphik LC Web'; font-display: block; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 15px; line-height: 17px; margin-right: -1px; color: #363B40 !important; text-transform: none; } .blog ul.nav li.current_page_item a, .archive.category li.current_page_item a, .archive.tag li.current_page_item a, .archive.author li.current_page_item a, .blog ul.nav li.current_page_parent a, .archive.category ul.nav li.current_page_parent a, .archive.tag ul.nav li.current_page_parent a, .archive.author ul.nav li.current_page_parent a, .blog ul.nav li.current-menu-ancestor a, .archive.category ul.nav li.current-menu-ancestor a, .archive.tag ul.nav li.current-menu-ancestor a, .archive.author ul.nav li.current-menu-ancestor a, .blog ul.nav li.current-cat a, .archive.category ul.nav li.current-cat a, .archive.tag ul.nav li.current-cat a, .archive.author ul.nav li.current-cat a, .blog ul.nav li.current-menu-item a, .archive.category ul.nav li.current-menu-item a, .archive.tag ul.nav li.current-menu-item a, .archive.author ul.nav li.current-menu-item a, body.single-post ul.nav li.current_page_item a, body.single-post ul.nav li.current_page_parent a, body.single-post ul.nav li.current-menu-ancestor a, body.single-post ul.nav li.current-cat a, body.single-post ul.nav li.current-menu-item a, body ul.nav li.current-menu-item a { background: transparent; } .left-align-postnav { display: none; } .archive.category h3.nav-toggle.icon, .archive.tag h3.nav-toggle.icon, .archive.author h3.nav-toggle.icon, .blog h3.nav-toggle.icon, body.single-post h3.nav-toggle.icon, body h3.nav-toggle.icon { font-family: 'Graphik LC Web'; font-display: block; font-weight: 600; font-style: normal; font-stretch: normal; font-size: 20px; } body.blog .logo-wrap, body.archive.category .logo-wrap, body.archive.tag .logo-wrap, body.archive.author .logo-wrap, body.single-post .logo-wrap, body .logo-wrap { float: none; } .postnavigation { float: left; width: 100%; border: none; } /* Post content */ body.single-post #post-featured-image { margin: 41px auto 60px auto; } /* Footer */ body.blog #footer-widgets-container, body.archive.category #footer-widgets-container, body.archive.tag #footer-widgets-container, body.archive.author #footer-widgets-container, body.single-post #footer-widgets-container { padding-top: 0; } } @media (max-width: 768px) and (min-width: 670px) { /* Post content */ .page-id-22595 h1.title, .page-id-24094 h1.title, .post h1.title { font-size: 32px; } } @media (max-width: 670px) { /* Post content */ .page-id-22595 h1.title, .page-id-24094 h1.title, .post h1.title { font-size: 29px; } /* Post Meta */ body.blog .post-meta .date-in .categories, body.archive .post-meta .date-in .categories, body.single-post .post-meta .date-in .categories { float: left; clear: left; margin-left: 60px; } body.blog .post-meta, body.archive .post-meta, body.single-post .post-meta { padding-bottom: 45px; } /* Gravity form */ body.single-post .post-subscribe-form .gform_footer input[type=submit] { line-height: 14px !important; font-size: 13px; } /* Related post */ .yuzo_related_post .relatedthumb { width: 36% !important; } body.single-post .relatedthumb .yuzo__text--title { font-size: 15px !important; } } @media (min-width: 550px) { /* Comments */ body.single-post #comments .avatar img { width: 60px; height: 60px; } /* Meta tags */ body.blog .post-meta .date-in .categories, body.archive .post-meta .date-in .categories, body.single-post .post-meta .date-in .categories { max-width: 50%; } } @media (max-width: 550px) { /* Navigation */ .btn-postnav { font-size: 12px; padding: 11px 16px; } .right-align-postnav { margin-right: 15px; } .left-align-postnav { margin-left: 10px; } .blog #top-nav-head, body.archive.category #top-nav-head, body.archive.tag #top-nav-head, body.archive.author #top-nav-head, body.single-post #top-nav-head { display: none; } /* Archive Author Box */ .archive #post-author .profile-image { max-width: 60px; } .archive #post-author .profile-image img { width: 60px; } /* Meta tags */ body.blog .post-meta .date-in .categories, body.archive .post-meta .date-in .categories, body.single-post .post-meta .date-in .categories { max-width: 80%; } /* Post content */ .page-id-22595 h1.title, .page-id-24094 h1.title, .post h1.title { font-size: 26px; line-height: 45px; } /* Suggest link */ #scan2cad-suggest-link-2 .scan2cad-suggest-style2 ul.scan2cad-suggest-style2-content > li:first-child, #scan2cad-suggest-link-1 ul.scan2cad-suggest-style1-content li.scan2cad-suggest-style1-image { width: 140px; } #scan2cad-suggest-link-2 a .scan2cad-suggest-style2-desc, #scan2cad-suggest-link-1 .scan2cad-suggest-link-page-title { font-size: 14px; } /* Typography */ .page-id-22595 h2, .page-id-24094 h2, body.single-post .entry h2 { font-size: 18px; } .page-id-22595 h3, .page-id-24094 h3, body.single-post .entry h3 { font-size: 15px; } /* Gravity form */ body.single-post .post-subscribe-form .ginput_container_email input { width: auto; } /* Comments */ body.single-post #comments .reply { position: inherit; } /* Blog - post Title */ body.archive .post .title a, body.blog .post .title a { line-height: 30px; font-size: 16px; } body.archive .post .title, body.blog .post .title { line-height: 0; } } @media (max-width: 500px) { /* Related Post */ body.single-post .yuzo_clearfixed.yuzo__title { font-size: 10px; } } @media (max-width: 450px) { /* Header */ .left-align-postnav { font-size: 10px; } .right-align-postnav { font-size: 14px; } .btn-postnav { font-size: 11px; padding: 10px 13px; } .btn-postnav img { width: 11px; } /* Suggest link */ #scan2cad-suggest-link-1 .scan2cad-suggest-link-meta li { display: inline-table !important; } #scan2cad-suggest-link-2 .scan2cad-suggest-style2 ul.scan2cad-suggest-style2-content > li, #scan2cad-suggest-link-1 ul.scan2cad-suggest-style1-content li { display: table-row; } #scan2cad-suggest-link-2 a .scan2cad-suggest-style2-desc { margin-top: 10px !important; } /* Gravity form */ body.single-post .gform_wrapper form:after { font-size: 16px; line-height: 24px; } body.single-post .post-subscribe-form .gform_footer input[type=submit] { font-size: 12px; padding: 9px 17px 8px 17px; } } @media (max-width: 400px) { /*Navigation */ .btn-postnav { display: table-cell; } #main-nav .right-align-postnav:last-child { display: inline-block; margin-bottom: 15px; } .blognav-bottom-border { margin-top: 92px; } #navigation ul.nav li.btn-postnav a { font-size: 12px; padding: 12px 52px 12px 34px } /* Gravity Form */ body.single-post .post-subscribe-form .gform_description { font-size: 17px; } body.single-post .gform_wrapper form:after { font-size: 11px; } body.single-post .post-subscribe-form .gform_footer input[type=submit] { font-size: 10px; width: 81px; padding: 10px 14px 9px 14px; margin-top: 8px; } .gform_wrapper .gform_footer { padding: 0 !important; margin: 0 !important; } /* Related Post */ .yuzo_related_post .relatedthumb { width: 41% !important; padding: 5px 15px 5px 5px !important; } body.single-post .relatedthumb .yuzo__text--title { font-size: 11px !important; } body.single-post .yuzo_related_post { margin-bottom: 0; } body.single-post .yuzo_clearfixed.yuzo__title:before, body.single-post .yuzo_clearfixed.yuzo__title:after { width: 23%; } /* Comments */ body.single-post #comments ul.children li { padding-left: 12px; width: calc(100% - 12px); } body.single-post #commentform #submit, body.single-post .form-submit .submit, body.single-post .form-submit input[type=submit], body.single-post .form-submit input#submit { font-size: 12px; width: 170px; height: 36px; } body.single-post .commentlist .comment-entry p { font-size: 13px; } /* Meta Tags */ body.blog .post-meta .date-in .date.time, body.archive .post-meta .date-in .date.time, body.blog .post-meta .author a, body.archive .post-meta .author a, body.single-post .post-meta .date-in .date.time, body.single-post .post-meta .author a { font-size: 13px; } body.blog .post-meta .date-in .categories a, body.archive .post-meta .date-in .categories a, body.single-post .post-meta .date-in .categories a { font-size: 12px; } body.blog .post-meta .date-in .categories, body.archive .post-meta .date-in .categories, body.single-post .post-meta .date-in .categories { margin-top: 0px; } body.blog .post-meta, body.archive .post-meta, body.single-post .post-meta { padding-bottom: 58px; } } @media (max-width: 768px){ #navigation { width: 80% !important; top: -50px; } #navigation .nav-close, #navigation .nav-home, .nav-toggle.icon a, #navigation h3 { display: none; } #navigation ul.nav li:not(.free-trial-button).current-menu-item a { text-decoration: underline; } #nav-container #navigation { padding-top: 0; } } .woocommerce-checkout .payment_method_paypal { display: none; } .woocommerce-checkout .payment_methods li { border-bottom: none; } /* General Search Page */ body.search:not(.post-type-archive-user-manual) .entry table td, body.search:not(.post-type-archive-user-manual) .entry table th, body.search:not(.post-type-archive-user-manual) .entry p, body.search:not(.post-type-archive-user-manual) .entry { font-size: 15px; line-height: 26px; color: #363B40; font-weight: 400; font-style: normal; font-stretch: normal; font-family: 'Graphik LC Web'; font-display: block; margin-bottom: 38px; } body.search:not(.post-type-archive-user-manual) .entry b, body.search:not(.post-type-archive-user-manual) .entry strong { font-family: 'Graphik LC Web'; font-display: block; font-style: normal; font-stretch: normal; font-weight: 600; } /* Header Search Page */ body.search:not(.post-type-archive-user-manual) #navigation { background: transparent; } body.search:not(.post-type-archive-user-manual) #header{ padding-top: 28.5px; } body.search:not(.post-type-archive-user-manual) #header-container { background-color: #FFFFFF; position: relative; } body.search:not(.post-type-archive-user-manual) .scan2cad-logo { font-family:"DIN W01 Regular"; font-display: block; font-size: 22px; margin-left: 5px; font-weight: 600; letter-spacing: 1.2px; line-height: 28px; color: #4E78D1; left: 50px; margin-top: 5px; position: absolute; } body.search:not(.post-type-archive-user-manual) .logo-wrap { width: 175px; } body.search:not(.post-type-archive-user-manual) #nav-container { float: none; } body.search:not(.post-type-archive-user-manual) #nav-container:after { height: 1px; background: -webkit-radial-gradient(circle, #ECECEC 0%, #FFFFFF 100%); background: -o-radial-gradient(circle, #ECECEC 0%, #FFFFFF 100%); background: radial-gradient(circle, #ECECEC 0%, #FFFFFF 100%); width: 100%; } /* Footer Search Page */ body.search .widget { -webkit-box-shadow: none; box-shadow: none; } body.search #footer-container { padding-top: 10px; padding-bottom: 0; } body.search #footer-container #footer { padding-bottom: 27px; max-width: 930px !important; } body.single-post #footer-widgets-container { border-bottom: none; border-top: none; padding-top: 65px; } body.search #footer-widgets-container { border-bottom: none; border-top: none; padding-top: 0; } body.search .custom-footer-wrap { padding-top: 21px; border-top: none; margin-bottom: 12px; max-width: 971px; width: auto; } body.search .widget_nav_menu h3 { font-size: 13px !important; text-transform: uppercase; font-family: 'Graphik LC Web'; font-display: block; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 14px; color: #363B40; margin-bottom: 4px; } body.search .widget_nav_menu ul li a { font-size: 13px; color: #363B40; font-family: 'Graphik LC Web'; font-display: block; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 26.5px; } body.search .widget_nav_menu ul li a:hover { color: #39CA82; } body.search .widget_nav_menu ul li { float: none !important; } body.search .widget_nav_menu ul li:nth-child(even) { padding-left: 0 !important; } @media (min-width: 768px) { /* Navigation */ body.search:not(.post-type-archive-user-manual) #navigation { float: right; margin-top: -24px; } body.search:not(.post-type-archive-user-manual) #navigation ul.nav > li { margin: 0; } body.search:not(.post-type-archive-user-manual) #nav-container { margin-top: 0; } } @media (max-width: 768px) { /* Navigation */ body.search:not(.post-type-archive-user-manual) #navigation ul.nav li.display-res-postnav a, body.search:not(.post-type-archive-user-manual) #navigation ul.nav li.display-res-postnav a:hover { opacity: 0.76; font-family: 'Graphik LC Web'; font-display: block; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 15px; line-height: 17px; margin-right: -1px; color: #363B40 !important; text-transform: none; } body.search:not(.post-type-archive-user-manual) ul.nav li.current_page_item a, body.search:not(.post-type-archive-user-manual) ul.nav li.current_page_parent a, body.search:not(.post-type-archive-user-manual) ul.nav li.current-menu-ancestor a, body.search:not(.post-type-archive-user-manual) ul.nav li.current-cat a, body.search:not(.post-type-archive-user-manual) ul.nav li.current-menu-item a { background: transparent; } body.search:not(.post-type-archive-user-manual) h3.nav-toggle.icon { font-family: 'Graphik LC Web'; font-display: block; font-weight: 600; font-style: normal; font-stretch: normal; font-size: 20px; } body.search:not(.post-type-archive-user-manual) .logo-wrap { float: none; } /* Footer */ body.search:not(.post-type-archive-user-manual) #footer-widgets-container { padding-top: 0; } } @media (max-width: 550px) { /* Navigation */ body.search:not(.post-type-archive-user-manual) #top-nav-head { display: none; } } /* Features page*/ /*Header*/ .page-id-22595 #navigation, .page-id-24094 #navigation, .page-id-22595 #header-container, .page-id-24094 #header-container, .archive.post-type-archive-dxf_downloads #header-container, .archive.tax-article-category #header-container, .archive.post-type-archive-articles #navigation, .archive.post-type-archive-articles #header-container, .single-dxf_downloads #header-container, .single-dxf_downloads #header-container #navigation, .single-articles #header-container, .single-articles #header-container #navigation, .single-videos #header-container, .single-videos #header-container #navigation, .archive.post-type-archive-videos #header-container, .post-type-archive-user-manual #header-container, .single-user-manual #header-container, .page-template-page-learn #header-container, .page-id-5807 #header-container, .post-type-archive-dxf_downloads #navigation, .tax-article-category #navigation, .post-type-archive-videos #navigation, .post-type-archive-user-manual #navigation, .single-user-manual #navigation, .page-template-page-learn #navigation, .page-id-5807 #navigation, #navigation { background: transparent; } .page-template-page-learn header h1.title, .page-id-5840 header .title, .page-id-5807 header .title { display: none; } .single-dxf_downloads .logo-icon, .post-type-archive-dxf_downloads .logo-icon, .single-articles .logo-icon, .tax-article-category .logo-icon, .post-type-archive-articles .logo-icon, .single-videos .logo-icon, .post-type-archive-videos .logo-icon, .post-type-archive-user-manual .logo-icon, .single-user-manual .logo-icon, .page-template-page-learn .logo-icon, .page .logo-icon, .error404 .logo-icon, .page-id-5807 .logo-icon { /* margin-left: 22px; margin-top: 13px; */ } .logo-icon { top: 0; } body.page-id-5807 { margin-top: 0 !important; } .logo-type-other, .logo-type { font-family:"DIN W01 Regular" !important; font-size: 22px !important; line-height: 19px !important; margin-left: 5px; text-transform: none; } .archive.post-type-archive-dxf_downloads #navigation ul.nav > li:not(.free-trial-button).menu-item a, .archive.tax-article-category #navigation ul.nav > li:not(.free-trial-button).menu-item a, .archive.post-type-archive-articles #navigation ul.nav > li:not(.free-trial-button).menu-item a, .archive.post-type-archive-videos #navigation ul.nav > li:not(.free-trial-button).menu-item a, .page-template-page-learn #navigation ul.nav > li:not(.free-trial-button).menu-item a, .page-id-5840 #navigation ul.nav > li:not(.free-trial-button).menu-item a, .page-id-11 #navigation ul.nav > li:not(.free-trial-button).menu-item a, .page-id-5807 #navigation ul.nav > li:not(.free-trial-button).menu-item a { font-family: 'Graphik Web' !important; font-display: block; text-transform: none; font-weight: 300 !important; font-style: normal !important; font-stretch: normal !important; -webkit-font-smoothing: subpixel-antialiased; letter-spacing: .2px; background-color: transparent !important; } .page-id-5807 .so-panel.widget { box-shadow: none; -webkit-box-shadow:none; } .page-template-page-learn #top-nav-head, .page-id-5807 #top-nav-head { padding-top:0; } .post-type-archive-dxf_downloads #wptbbarheaddiv, .tax-article-category #wptbbarheaddiv, .post-type-archive-videos #wptbbarheaddiv, .post-type-archive-user-manual #wptbbarheaddiv, .single-user-manual #wptbbarheaddiv, .page-template-page-learn #wptbbarheaddiv, .page-id-5807 .wptbbarheaddiv { display: none; } .page-id-22595 ul.nav li a, .page-id-24094 ul.nav li a, .single-dxf_downloads ul.nav li a, .single-articles ul.nav li a, .archive.post-type-archive-dxf_downloads ul.nav li a, .archive.tax-article-category ul.nav li a, .archive.post-type-archive-articles ul.nav li a, .single-videos ul.nav li a, .post-type-archive-videos ul.nav li a, .post-type-archive-user-manual ul.nav li a, .single-user-manual ul.nav li a, .page-template-page-learn ul.nav li a, .page-id-5807 ul.nav li a { padding-left:0; padding-right:0; margin: auto .5em; } .post-type-archive-dxf_downloads #navigation li.free-trial-button a, .tax-article-category #navigation li.free-trial-button a, .post-type-archive-articles #navigation li.free-trial-button a, .page-template-page-learn #navigation li.free-trial-button a, .page-id-5807 #navigation li.free-trial-button a { font-size: 13px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; color: #fff !important; } .free-trial-button { background-color: #39CA82; border-radius: 6px !important; text-transform: uppercase; margin-right: 0 !important; } #navigation ul.nav > li:hover.free-trial-button, #navigation ul.nav > li:hover.free-trial-button a { background-color: #1c9c5c !important; } #main-nav { width: 100%; } .single-dxf_downloads #navigation, .single-articles #navigation, .archive.post-type-archive-dxf_downloads #navigation, .archive.tax-article-category #navigation, .archive.post-type-archive-articles #navigation, .single-videos #navigation, .post-type-archive-videos #navigation, .post-type-archive-user-manual #navigation, .single-user-manual #navigation, .page-template-page-learn #navigation, .page-id-5807 #navigation { width: 66%; } .page-id-22595 .logo-type-other, .page-id-24094 .logo-type-other, .single-dxf_downloads .logo-type-other, .single-articles .logo-type-other, .single-videos .logo-type-other, .post-type-archive-user-manual .logo-type-other, .single-user-manual .logo-type-other { color: #268DE8; } .page-id-22595 #navigation ul.nav > li.current-menu-item:not(.free-trial-button) a, .page-id-24094 #navigation ul.nav > li.current-menu-item:not(.free-trial-button) a, .page-id-22595 #navigation ul.nav > li.current-menu-item:not(.free-trial-button) a:hover, .page-id-24094 #navigation ul.nav > li.current-menu-item:not(.free-trial-button) a:hover, .page-id-22595 #navigation ul.nav > li.menu-item:not(.free-trial-button) a:hover, .page-id-24094 #navigation ul.nav > li.menu-item:not(.free-trial-button) a:hover, .page-id-22595 ul.nav > li.menu-item:not(.free-trial-button) a, .page-id-24094 ul.nav > li.menu-item:not(.free-trial-button) a, .single-dxf_downloads #navigation ul.nav > li.current-menu-item:not(.free-trial-button) a, .single-dxf_downloads #navigation ul.nav > li.current-menu-item:not(.free-trial-button) a:hover, .single-dxf_downloads #navigation ul.nav > li.menu-item:not(.free-trial-button) a:hover, .single-dxf_downloads #navigation ul.nav > li.menu-item:not(.free-trial-button) a, .single-articles #navigation ul.nav > li.current-menu-item:not(.free-trial-button) a, .single-articles #navigation ul.nav > li.current-menu-item:not(.free-trial-button) a:hover, .single-articles #navigation ul.nav > li.menu-item:not(.free-trial-button) a:hover, .single-articles #navigation ul.nav > li.menu-item:not(.free-trial-button) a, .single-videos #navigation ul.nav > li.current-menu-item:not(.free-trial-button) a, .single-videos #navigation ul.nav > li.current-menu-item:not(.free-trial-button) a:hover, .single-videos #navigation ul.nav > li.menu-item:not(.free-trial-button) a:hover, .single-videos #navigation ul.nav > li.menu-item:not(.free-trial-button) a, .post-type-archive-user-manual #navigation ul.nav > li.current-menu-item:not(.free-trial-button) a, .post-type-archive-user-manual #navigation ul.nav > li.current-menu-item:not(.free-trial-button) a:hover, .post-type-archive-user-manual #navigation ul.nav > li.menu-item:not(.free-trial-button) a:hover, .post-type-archive-user-manual #navigation ul.nav > li.menu-item:not(.free-trial-button) a, .single-user-manual #navigation ul.nav > li.current-menu-item:not(.free-trial-button) a, .single-user-manual #navigation ul.nav > li.current-menu-item:not(.free-trial-button) a:hover, .single-user-manual #navigation ul.nav > li.menu-item:not(.free-trial-button) a:hover, .single-user-manual #navigation ul.nav > li.menu-item:not(.free-trial-button) a { opacity: 0.76; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px !important; line-height: 17px !important; margin-right: -1px; color: #363B40 !important; } #navigation ul.nav > li.current-menu-item:not(.free-trial-button):not(.btn-postnav) a:hover, #navigation ul.nav > li.menu-item:not(.free-trial-button):not(.btn-postnav) a:hover, #navigation ul.nav > li.menu-item:not(.free-trial-button):not(.btn-postnav) a { text-transform: none; } .page-id-22595 #nav-container:after, .page-id-24094 #nav-container:after, .single-dxf_downloads #nav-container:after, .single-articles #nav-container:after, .single-videos #nav-container:after, .single-user-manual #nav-container:after, .post-type-archive-user-manual #nav-container:after { height: 1px; background: -webkit-radial-gradient(circle, #ECECEC 0%, #FFFFFF 100%); background: -o-radial-gradient(circle, #ECECEC 0%, #FFFFFF 100%); background: radial-gradient(circle, #ECECEC 0%, #FFFFFF 100%); width: 100%; } .post-type-archive-user-manual .logo-wrap { width: 280px !important; } .archive.post-type-archive-dxf_downloads #nav-container:after, .archive.tax-article-category #nav-container:after, .archive.post-type-archive-articles #nav-container:after { display: none; } .archive.post-type-archive-dxf_downloads #header, .archive.tax-article-category #header, .archive.post-type-archive-articles #header { padding-top: 10px !important; } /*General*/ .entry .panel-grid { margin-left: 0 !important; margin-right: 0 !important; } .page-id-5807 .entry .panel-grid-cell { padding-left: 0 !important; padding-right: 0 !important; } #nav-container { width: 100%; float: none; } .page-id-5807 #content.col-full { padding: 0 !important; margin: 0 !important; max-width: 100% !important; } .page-id-5807 h4 { font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; font-size: 16px !important; } .page-id-5807 h4 a { font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; } .page-id-5807 h3 { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 20px !important; } /*Features blue header*/ .articles_head, #features-header-blue { margin-bottom: 0 !important; display: block; background: -webkit-linear-gradient(315deg, #5E6FC8 0%, #00A3FF 100%); background: -o-linear-gradient(315deg, #5E6FC8 0%, #00A3FF 100%); background: linear-gradient(135deg, #5E6FC8 0%, #00A3FF 100%); } #features-header-blue .panel-first-child { padding-bottom: 9px; } .articles_head h1, #features-header-blue h1 { font-size: 38px !important; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; text-align: center; line-height: 52px !important; color: #FFF; } #features-header-blue .so-panel{ margin-bottom: 0 !important; padding-top: 0; } .features-header { padding-top: 25px; } .features-header-btn ul { list-style: none; padding-top: 20px !important; } .features-header-btn ul li { display: inline-block; } .widget .features-header-btn ul li:first-child a { font-size: 13px !important; text-align: center; line-height: 14px !important; color: #39CA82; background-color: #FFFFFF; border-radius: 6px; padding: 13px 20px; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; margin-right: 6px; text-decoration: none; } .widget .features-header-btn ul li:last-child a { font-size: 13px !important; text-align: center; line-height: 14px !important; color: #FFFFFF; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-family: 'Graphik LC Web' !important; font-display: block; background-color: #002D58; border-radius: 6px; padding: 13px 20px; margin-left: 6px; text-decoration: none; } .features-device-icon ul { list-style: none; padding-top: 8px !important; padding-bottom: 27px !important; } .features-device-icon ul li { display: inline-block; margin-left: 6px; margin-right: 6px; } .features-device-icon ul li p { font-size: 11px !important; line-height: 15px !important; color: #85CCFF; } .features-device-icon ul li img { margin-top: -3px; padding-top: 0; margin-right: 4px; } .entry img { background: none !important; } /* Features middle nav */ #features-middle-nav { background-color: #002D58; margin-bottom: 0 !important; } #features-middle-nav .so-panel { padding: 0; } #features-middle-nav a { font-size: 13px !important; text-align: center; line-height: 14px !important; color: #FFFFFF; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; } #features-middle-nav a { text-decoration: none; } #features-middle-nav ul { list-style: none; margin-bottom: 0; } #features-middle-nav li { display: inline-block; padding: 20px 20px 10px; } #features-middle-nav li:hover { background-color: #00264B; } #features-middle-nav .aligncenter { margin-bottom: -7px; } /* Convert design feature */ .convert-design-background { background: -webkit-linear-gradient(315deg, #EFF2F4 0%, #FAFBFC 100%); background: -o-linear-gradient(315deg, #EFF2F4 0%, #FAFBFC 100%); background: linear-gradient(135deg, #EFF2F4 0%, #FAFBFC 100%); position: relative; overflow: hidden; } .convert-design-background #convert-design-feature .panel-grid-cell { display: inline-block; vertical-align: top; } #convert-design .panel-first-child.panel-last-child { padding-right: 0 !important; } .convert-design-image img { padding-right: 0; margin-right: 0; } .convert-design-image { right: 0; padding-right: 0; top: 90px; } .convert-design-image p { margin-bottom: 0; } .convert-design-desc p { text-align: left; font-size: 15px !important; line-height: 24px !important; color: #686F75; } .convert-design-desc { padding-top: 68px; } .convert-design-desc h2 { font-size: 20px !important; line-height: 30px !important; color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; padding-bottom: 9px; } .convert-design-desc img { padding-bottom: 13px; } .features-video-btn li:first-child p { background-color: rgba(0,0,0,0.05) !important; border-radius: 6px 0 0 6px; } .features-video-btn { position:relative; overflow: hidden; } .features-video-btn p { display: table; padding-top: 10px; padding-bottom: 10px; } .features-video-btn:before { content: ""; background-image: url(https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/images/icon-play-video@2x.png); background-repeat: no-repeat; height: 12px; width: 20px; top: -2.5px; left: 0px; background-position: center; padding: 15px 10px; position: absolute; background-color: rgba(0,0,0,0.05); border-radius: 6px 0 0 6px; background-size: 11px; z-index: 2; } .widget .features-video-btn a { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; text-transform: none; font-size: 13px !important; line-height: 14px !important; color: #FFFFFF; padding: 13px 24px 13px 54px; background-color: #B8BEC0; border-radius: 6px; } #convert-design .panel-first-child { padding-bottom: 0; margin-bottom: 4px !important; } #convert-design-feature { padding-top: 129px; padding-bottom: 46px; } #convert-design-feature h4 { font-size: 13px !important; text-align: center !important; line-height: 14px !important; color: #39CA82; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; margin-bottom: 20px; } #convert-design-feature p { font-size: 15px !important; line-height: 24px !important; color: #686F75; text-align: left; } .automation-desc a, .batch-conversion-desc a, #convert-design-feature a { color: #39CA82; text-transform: none; text-decoration: underline; } /* Vector recognition feature */ #vector-recognition .panel-first-child.panel-last-child { padding-left: 0; } #vector-recognition { background: #FFF; } .vector-recognition-desc p { text-align: left; } .vector-recognition-image img { padding-left: 0; margin-left: 0; } .vector-recognition-image { left: 0; padding-left: 0; } .vector-recognition-image p { margin-bottom: 0; } .vector-recognition-desc p { text-align: left; font-size: 15px !important; line-height: 24px !important; color: #686F75; } .vector-recognition-desc { padding-top: 73px; } .vector-recognition-desc img { margin-bottom: 10px; } .vector-recognition-desc h2 { font-size: 20px !important; line-height: 30px !important; color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; padding-bottom: 10px; } #vector-recognition .panel-first-child { padding-bottom: 0; margin-bottom: 10px !important; } #vector-recognition .features-video-btn { margin-top: -8px; } /* Convert text feature */ #pg-5807-5 { padding-top: 40px; background: -webkit-linear-gradient(315deg, #EFF2F4 0%, #FAFBFC 100%); background: -o-linear-gradient(315deg, #EFF2F4 0%, #FAFBFC 100%); background: linear-gradient(135deg, #EFF2F4 0%, #FAFBFC 100%); } #convert-text .panel-first-child.panel-last-child { padding-right: 0 !important; } .convert-text-image img { padding-right: 0; margin-right: 0; } .convert-text-image { right: 0; padding-right: 0; } .convert-text-image p { margin-bottom: 0; } .convert-text-desc p { text-align: left; font-size: 15px !important; line-height: 24px !important; color: #686F75; } .convert-text-desc h2 { font-size: 20px !important; line-height: 30px !important; color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; padding-top: 10px; padding-bottom: 10px; } #convert-text .panel-first-child { padding-bottom: 0; margin-bottom: 5px !important; } /* Vector recognition feature */ #raster-effects { background: #FFF; padding-bottom: 97px; padding-top: 24px; } .raster-effects-desc p { text-align: left; } .raster-effects-image img { padding-left: 0; margin-left: 0; } #raster-effects .panel-first-child.panel-last-child { padding-left: 0; } .raster-effects-image { left: 0; padding-left: 0; } .raster-effects-desc p { text-align: left; font-size: 15px !important; line-height: 24px !important; color: #686F75; } .batch-conversion-des a, .convert-text-desc a, .convert-design-desc a, .vector-recognition-desc a, .raster-effects-desc a { text-decoration: underline; color: #39CA82; font-size: 15px !important; } .raster-effects-desc img:last-of-type { margin-top: 2px; margin-right: 10px; } .raster-effects-desc h2 { font-size: 20px !important; line-height: 30px !important; color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; padding-top: 10px; padding-bottom: 10px; } #raster-effects .panel-first-child { padding-bottom: 0; margin-bottom: 5px !important; } /* Convert text feature */ #pg-5807-7 { padding-top: 40px; background: -webkit-linear-gradient(315deg, #EFF2F4 0%, #FAFBFC 100%); background: -o-linear-gradient(315deg, #EFF2F4 0%, #FAFBFC 100%); background: linear-gradient(135deg, #EFF2F4 0%, #FAFBFC 100%); padding-bottom: 67px; margin-bottom: 0 !important; } #edit-draw { padding-bottom: 73px; } #edit-draw .panel-first-child.panel-last-child { padding-right: 0 !important; } .edit-draw-image img { padding-right: 0; margin-right: 0; } .edit-draw-image { right: 0; padding-right: 0; } .edit-draw-image p { margin-bottom: 0; } .edit-draw-desc p { text-align: left; font-size: 15px !important; line-height: 24px !important; color: #686F75; } .edit-draw-desc { padding-top: 30px; } .edit-draw-desc h2 { font-size: 20px !important; line-height: 30px !important; color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; padding-top: 10px; padding-bottom: 10px; } #edit-draw .panel-first-child { padding-bottom: 0; margin-bottom: 0 !important; } .edit-draw-desc a { text-decoration: underline; color: #39CA82; font-size: 15px !important; } .edit-draw-desc img:last-of-type { margin-top: 2px; margin-right: 10px; } /* Batch conversion and automation */ #batch-conversion-automation { background: #FFF; } .batch-conversion-automation-heading { padding-top: 54px; } .batch-conversion-automation-heading h2 { font-size: 20px !important; text-align: center; line-height: 30px !important; color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; padding-top: 10px; } #batch-conversion-automation .panel-first-child { padding-bottom: 0; } .batch-conversion-automation-img img { -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 2px 14px 0 rgba(0,0,0,0.1); box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 2px 14px 0 rgba(0,0,0,0.1); border-radius: 4px; padding: 41px 56px; } .batch-conversion-desc h3, .automation-desc h3 { font-size: 13px !important; line-height: 14px !important; color: #E83D92; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; text-align: left; text-transform: uppercase; } .automation-desc p, .batch-conversion-desc p { font-size: 15px !important; line-height: 24px !important; color: #686F75; text-align: left; } .page-id-14568 p strong { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } #batch-conversion-automation { margin-bottom: 7px !important; } #batch-conversion-automation-desc { padding-bottom: 49px !important; background: #fff; margin-bottom: 0 !important; } #batch-conversion-automation-desc .panel-first-child { margin-bottom: 0 !important; padding-bottom: 5px; } /* Last features with gray background */ #scan2cad-last-features { margin-bottom: 20px !important; } .last-features-gray-bg { background: -webkit-linear-gradient(315deg, #545A64 0%, #4D535E 100%); background: -o-linear-gradient(315deg, #545A64 0%, #4D535E 100%); background: linear-gradient(135deg, #545A64 0%, #4D535E 100%); padding: 55px 0 45px; } .scan2cad-last-features p { font-size: 15px !important; line-height: 24px !important; color: #C1C7D3; text-align: left; } .scan2cad-last-features h2 { font-size: 20px !important; text-align: center; line-height: 30px !important; color: #FFFFFF; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; text-align: left; padding-top: 20px; padding-bottom: 12px; } .scan2cad-last-features img:last-of-type { margin-top: 2px; margin-right: 10px; } .scan2cad-last-features a { font-size: 15px !important; color: #FFF; text-decoration: underline; } .last-features-gray-bg .panel-grid-cell { display: inline-block; vertical-align: top; } /* Features Support section*/ #features-support { margin-bottom: 0 !important; padding-top: 30px !important; background: #FFF; } #features-support .panel-first-child.panel-last-child { padding-bottom:0; } .features-support-image img { margin-bottom: 0; padding: 0; } .features-support-text h3 { font-size: 20px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; line-height: 30px !important; color: #2CBAEB; margin-bottom: 8px; } .features-support-text p { font-size: 15px !important; line-height: 24px !important; color: #686F75; text-align: left; } /* Get Start */ #features-get-start { background: -webkit-linear-gradient(315deg, #5E6FC8 0%, #00A3FF 100%); background: -o-linear-gradient(315deg, #5E6FC8 0%, #00A3FF 100%); background: linear-gradient(135deg, #5E6FC8 0%, #00A3FF 100%); padding: 40px 0 26px !important; margin-bottom: 30px; } #features-get-start h2 { font-size: 20px !important; text-align: center; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; line-height: 30px !important; color: #FFFFFF; } #features-get-start p { font-size: 15px !important; text-align: center; line-height: 24px !important; color: #D7F0FF; } #features-get-start strong { color: #FFF; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } #features-get-start ul { list-style: none; } #features-get-start li { display: inline-block; margin: 12px 6px; } #features-get-start li a { font-size: 13px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; text-align: center; line-height: 14px !important; text-decoration: none; padding: 16px 20px; border-radius: 6px; } #features-get-start li:first-child a { color: #FFF; background-color: #39CA82; } #features-get-start li:last-child a { color: #3A3A3A; background-color: #FFFFFF; } @media (min-width: 1200px) { /*Header*/ .buy-menu { margin-left: 18% !important; margin-right: 12px !important; } } @media (max-width: 960px) { /* Header */ .page-id-5807 select.responsiveMenuSelect { display: none !important; } /* Footer Pricing */ #Features-footer .responsiveSelectContainer ul, #Features-footer ul.responsiveSelectFullMenu { display: block !important; } } @media (max-width: 970px) and (min-width: 768px) { .convert-design-image img, .vector-recognition-image img, .convert-text-image img, .raster-effects-image img, .edit-draw-image img { width: 75%; } } @media (min-width: 768px) { /* Navigation */ .archive.post-type-archive-dxf_downloads #navigation, .archive.tax-article-category #navigation, .archive.post-type-archive-articles #navigation { margin-top: 0 !important; } .archive.post-type-archive-dxf_downloads #navigation ul.nav > li:not(.buy-menu), .archive.tax-article-category #navigation ul.nav > li:not(.buy-menu), .archive.post-type-archive-articles #navigation ul.nav > li:not(.buy-menu) { margin: 0 5px !important; } .archive.post-type-archive-dxf_downloads #nav-container, .archive.tax-article-category #nav-container, .archive.post-type-archive-articles #nav-container { margin-top: 12px !important; } /* feature images */ .convert-design-image, .vector-recognition-image, .convert-text-image, .raster-effects-image, .edit-draw-image { position: absolute; } /*Header*/ .page-id-22595 #navigation ul.nav > li:not(.free-trial-button) a:hover, .page-id-24094 #navigation ul.nav > li:not(.free-trial-button) a:hover, .page-id-22595 #navigation ul.nav > li:not(.free-trial-button):hover, .page-id-24094 #navigation ul.nav > li:not(.free-trial-button):hover, .page-id-22595 #navigation ul.nav li ul, .page-id-24094 #navigation ul.nav li ul, .single-dxf_downloads #navigation ul.nav > li:not(.free-trial-button) a:hover, .single-dxf_downloads #navigation ul.nav > li:not(.free-trial-button):hover, .single-dxf_downloads #navigation ul.nav li ul, .post-type-archive-dxf_downloads #navigation ul.nav > li:not(.free-trial-button) a:hover, .post-type-archive-dxf_downloads #navigation ul.nav > li:not(.free-trial-button):hover, .post-type-archive-dxf_downloads #navigation ul.nav li ul, .single-articles #navigation ul.nav > li:not(.free-trial-button) a:hover, .single-articles #navigation ul.nav > li:not(.free-trial-button):hover, .single-articles #navigation ul.nav li ul, .tax-article-category #navigation ul.nav > li:not(.free-trial-button) a:hover, .tax-article-category #navigation ul.nav > li:not(.free-trial-button):hover, .tax-article-category #navigation ul.nav li ul, .post-type-archive-articles #navigation ul.nav > li:not(.free-trial-button) a:hover, .post-type-archive-articles #navigation ul.nav > li:not(.free-trial-button):hover, .post-type-archive-articles #navigation ul.nav li ul, .single-videos #navigation ul.nav > li:not(.free-trial-button) a:hover, .single-videos #navigation ul.nav > li:not(.free-trial-button):hover, .single-videos #navigation ul.nav li ul, .post-type-archive-user-manual #navigation ul.nav > li:not(.free-trial-button) a:hover, .post-type-archive-user-manual #navigation ul.nav > li:not(.free-trial-button):hover, .post-type-archive-user-manual #navigation ul.nav li ul, .single-user-manual #navigation ul.nav > li:not(.free-trial-button) a:hover, .single-user-manual #navigation ul.nav > li:not(.free-trial-button):hover, .single-user-manual #navigation ul.nav li ul, .post-type-archive-videos #navigation ul.nav > li:not(.free-trial-button) a:hover, .post-type-archive-videos #navigation ul.nav > li:not(.free-trial-button):hover, .post-type-archive-videos #navigation ul.nav li ul, .page-template-page-learn #navigation ul.nav > li:not(.free-trial-button) a:hover, .page-template-page-learn #navigation ul.nav > li:not(.free-trial-button):hover, .page-template-page-learn #navigation ul.nav li ul, .page-id-5807 #navigation ul.nav > li:not(.free-trial-button) a:hover, .page-id-5807 #navigation ul.nav > li:not(.free-trial-button):hover, .page-id-5807 #navigation ul.nav li ul { background-color: transparent !important; } .post-type-archive-dxf_downloads #navigation ul.nav li.current-menu-item:not(.free-trial-button) a, .post-type-archive-dxf_downloads #navigation ul.nav li.current-menu-item:not(.free-trial-button) a:hover, .post-type-archive-dxf_downloads #navigation ul.nav > li.menu-item:not(.free-trial-button) a:hover, .tax-article-category #navigation ul.nav li.current-menu-item:not(.free-trial-button) a, .tax-article-category #navigation ul.nav li.current-menu-item:not(.free-trial-button) a:hover, .tax-article-category #navigation ul.nav > li.menu-item:not(.free-trial-button) a:hover, .post-type-archive-articles #navigation ul.nav li.current-menu-item:not(.free-trial-button) a, .post-type-archive-articles #navigation ul.nav li.current-menu-item:not(.free-trial-button) a:hover, .post-type-archive-articles #navigation ul.nav > li.menu-item:not(.free-trial-button) a:hover, .post-type-archive-videos #navigation ul.nav li.current-menu-item:not(.free-trial-button) a, .post-type-archive-videos #navigation ul.nav li.current-menu-item:not(.free-trial-button) a:hover, .post-type-archive-videos #navigation ul.nav > li.menu-item:not(.free-trial-button) a:hover, .post-type-archive-user-manual #navigation ul.nav li.current-menu-item:not(.free-trial-button) a, .post-type-archive-user-manual #navigation ul.nav li.current-menu-item:not(.free-trial-button) a:hover, .post-type-archive-user-manual #navigation ul.nav > li.menu-item:not(.free-trial-button) a:hover, .page-template-page-learn #navigation ul.nav li.current-menu-item:not(.free-trial-button) a, .page-template-page-learn #navigation ul.nav li.current-menu-item:not(.free-trial-button) a:hover, .page-template-page-learn #navigation ul.nav > li.menu-item:not(.free-trial-button) a:hover, .page-id-5807 #navigation ul.nav li.current-menu-item:not(.free-trial-button) a, .page-id-5807 #navigation ul.nav li.current-menu-item:not(.free-trial-button) a:hover, .page-id-5807 #navigation ul.nav > li.menu-item:not(.free-trial-button) a:hover { border-bottom: 1px solid #FFF; border-radius: 0 !important; color: #FFF !important; } .page-id-22595 #navigation ul.nav li.current-menu-item.free-trial-button a, .page-id-24094 #navigation ul.nav li.current-menu-item.free-trial-button a, .page-id-22595 #navigation ul.nav li.current-menu-item.free-trial-button a:hover, .page-id-24094 #navigation ul.nav li.current-menu-item.free-trial-button a:hover, .page-id-22595 #navigation ul.nav > li.menu-item.free-trial-button a:hover, .page-id-24094 #navigation ul.nav > li.menu-item.free-trial-button a:hover, .post-type-archive-dxf_downloads #navigation ul.nav li.current-menu-item a, .post-type-archive-dxf_downloads #navigation ul.nav li.current-menu-item a:hover, .post-type-archive-dxf_downloads #navigation ul.nav > li.menu-item a, .tax-article-category #navigation ul.nav li.current-menu-item a, .tax-article-category #navigation ul.nav li.current-menu-item a:hover, .tax-article-category #navigation ul.nav > li.menu-item a, .post-type-archive-user-manual #navigation ul.nav li.current-menu-item a, .post-type-archive-user-manual #navigation ul.nav li.current-menu-item a:hover, .post-type-archive-user-manual #navigation ul.nav > li.menu-item a, .post-type-archive-videos #navigation ul.nav li.current-menu-item a, .post-type-archive-videos #navigation ul.nav li.current-menu-item a:hover, .post-type-archive-videos #navigation ul.nav > li.menu-item a, .page-template-page-learn #navigation ul.nav li.current-menu-item a, .page-template-page-learn #navigation ul.nav li.current-menu-item a:hover, .page-template-page-learn #navigation ul.nav > li.menu-item a, .single-dxf_downloads #navigation ul.nav li.current-menu-item.free-trial-button a, .single-dxf_downloads #navigation ul.nav li.current-menu-item.free-trial-button a:hover, .single-dxf_downloads #navigation ul.nav > li.menu-item.free-trial-button a:hover, .post-type-archive-dxf_downloads #navigation ul.nav li.current-menu-item.free-trial-button a, .post-type-archive-dxf_downloads #navigation ul.nav li.current-menu-item.free-trial-button a:hover, .post-type-archive-dxf_downloads #navigation ul.nav > li.menu-item.free-trial-button a:hover, .single-articles #navigation ul.nav li.current-menu-item.free-trial-button a, .single-articles #navigation ul.nav li.current-menu-item.free-trial-button a:hover, .single-articles #navigation ul.nav > li.menu-item.free-trial-button a:hover, .tax-article-category #navigation ul.nav li.current-menu-item.free-trial-button a, .tax-article-category #navigation ul.nav li.current-menu-item.free-trial-button a:hover, .tax-article-category #navigation ul.nav > li.menu-item.free-trial-button a:hover, .post-type-archive-articles #navigation ul.nav li.current-menu-item.free-trial-button a, .post-type-archive-articles #navigation ul.nav li.current-menu-item.free-trial-button a:hover, .post-type-archive-articles #navigation ul.nav > li.menu-item.free-trial-button a:hover, .single-videos #navigation ul.nav li.current-menu-item.free-trial-button a, .single-videos #navigation ul.nav li.current-menu-item.free-trial-button a:hover, .single-videos #navigation ul.nav > li.menu-item.free-trial-button a:hover, .post-type-archive-user-manual #navigation ul.nav li.current-menu-item.free-trial-button a, .post-type-archive-user-manual #navigation ul.nav li.current-menu-item.free-trial-button a:hover, .post-type-archive-user-manual #navigation ul.nav > li.menu-item.free-trial-button a:hover, .single-user-manual #navigation ul.nav li.current-menu-item.free-trial-button a, .single-user-manual #navigation ul.nav li.current-menu-item.free-trial-button a:hover, .single-user-manual #navigation ul.nav > li.menu-item.free-trial-button a:hover, .page-id-5807 #navigation ul.nav li.current-menu-item a, .page-id-5807 #navigation ul.nav li.current-menu-item a:hover, .page-id-5807 #navigation ul.nav > li.menu-item a { color: #FFF !important; } .free-trial-button { padding: 0px 14px; } /*Features with blue gradient*/ .articles_head, #features-header-blue { margin-top: -15%; padding-top: 18%; margin-bottom: 0 !important; } /* Vector recognition feature */ #vector-recognition { padding-top: 40px; padding-bottom: 99px; } /* Convert text feature */ .convert-text-desc { padding-top: 90px; } /* Convert text feature */ #convert-text { padding-bottom: 120px; } /* Vector recognition feature */ .raster-effects-desc { padding-top: 53px; } /* Support-section*/ .support-text { padding-top: 80px; } .support-text, .support-image { max-width: 450px; } .support-text { margin-right: 0 !important; margin-left: auto !important; } } @media (max-width: 767.8px) { #navigation h3 { display: none; } #navigation { width: 80% !important; top: -50px; } .free-trial-button { display: inline-block; margin-top: 20px !important; } #navigation ul.nav > li.free-trial-button a { padding: 12px 47px !important; } #navigation ul.nav > li.free-trial-button a:hover { color: #fff !important; } #navigation ul.nav > li.menu-item a { padding-bottom: 10px; padding-top: 10px; } #navigation ul.nav > li:not(.free-trial-button):hover a, #navigation ul.nav li:not(.free-trial-button).current-menu-item a{ color: #39ca82 !important; text-decoration: underline; } .articles_head { margin-top: -20%; padding-top: 20%; } } @media (max-width: 768px) { /* Convert design feature */ #convert-design-feature { padding-top: 30px; } /* Vector recognition feature */ #vector-recognition { padding-top: 30px; padding-bottom: 30px; } .vector-recognition-desc { padding-top: 0; } /* Convert text feature */ .convert-text-desc { padding-top: 0; } /* Convert text feature */ #convert-text { padding-bottom: 40px; } /* Vector recognition feature */ .raster-effects-desc { padding-top: 0; } /* Raster Effects feature */ #raster-effects { padding-bottom: 30px; } /* Draw, Edit & Transform feature */ #edit-draw { padding-bottom: 0; } /* Support-section*/ .support-text { padding-top: 20px; padding-bottom: 20px; } #features-header-blue { margin-top: -27%; padding-top: 27%; } } @media (min-width: 550px) { /* Convert design feature */ #convert-design { padding-top: 39px; } .convert-design-desc { padding-top: 68px; } /* Features Support section*/ .features-support-text { padding-top: 90px; } } @media (max-width: 550px) { /* Header */ .articles_head h1, #features-header-blue h1 { font-size: 24px !important; line-height: 35px !important; } .features-header-btn ul li:last-child a { margin-left: 0; } .features-header-btn ul li { display: block; margin-bottom: 39px; } .features-header-btn ul li:first-child { margin-bottom: 40px; } .articles_head { margin-top: -30%; padding-top: 30%; } /* Middle menu */ #features-middle-nav li { display: block; } /* Batch conversion and automation */ .batch-conversion-automation-img img { max-width: 100%; padding-left: 0; padding-right: 0; } /* Last features with gray background */ #scan2cad-last-features { margin-bottom: 0 !important; } /* Support-section */ #features-get-start li:first-child { margin-bottom: 20px; } } /* Footer Widgets */ #footer-widgets .widget { margin-bottom: 0; padding-bottom: 0; } #footer-widgets .widget_nav_menu h3 { padding-top: 10px; } #footer-widgets .widget_nav_menu li { float: none; padding: 0 !important; width: 100%; } #footer-widgets .widget_nav_menu h3 { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; line-height: 14px !important; color: #363B40; padding: 0; text-transform: uppercase; } #footer-widgets .widget_nav_menu li>a { line-height: 28px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; color: #363B40; } #footer-widgets .widget_nav_menu li>a:hover { color: #39CA82 !important; } #footer-widgets .widget_recent_entries { background-color: #363B40; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); padding: 20px 30px 35px; } #footer-widgets .widget_recent_entries h3 { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; line-height: 14px !important; color: #39CA82; text-align: left; } #footer-widgets .widget_recent_entries ul { /* list-style: none; */ grid-template-columns: repeat(2, minmax(0, 1fr)); display: grid; } #footer-widgets .widget_recent_entries ul>li>a { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; line-height: 20px !important; color: #CFD9E3; } /* #footer-widgets .widget_recent_entries ul>li { display: table-cell; width: 300px; } */ #footer-widgets .widget_recent_entries ul>li .post-date { display: flex; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 12px !important; line-height: 20px !important; color: #FFFFFF; background-color: #4A5055; border-radius: 4px; padding: 5px; width: max-content; } .footer-link { text-decoration-line: underline !important; text-underline-offset: 2px; padding-left: 5px; color: #999999 !important; } #footer-widgets .widget_recent_entries ul > li:first-child .post-date { background-color: #39CA82; display: flex; width: max-content; } /* #footer-widgets .widget_recent_entries ul > li:first-child { padding: 10px 14px 5px 0; } #footer-widgets .widget_recent_entries ul > li:nth-child(2) { padding: 10px 0 5px 0; } */ #footer-widgets .widget_recent_entries ul > li { padding: 10px; } #footer-widgets .widget_recent_entries .responsiveMenuSelect { display: none !important; } #footer-container, #footer-widgets-container { border: none; background-color: #FFF !important; } #footer-container { padding-bottom: 15px; border-top: none !important; } #footer-container #footer { border-top: 1px solid #E5ECF3 !important; padding-top: 33px; padding-bottom: 0; } #footer, #footer p { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; } .extra-font-weight-safari { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; letter-spacing: .1px !important; } @media (min-width: 768px) { #footer-widgets.col-4 .footer-widget-1.block { width: calc(14.5% - ( 0.855 * 0px ) ) !important; margin: 0 !important; } #footer-widgets.col-4 .footer-widget-2.block { width: calc(16% - ( 0.84 * 0px ) ) !important; margin: 0 !important; } #footer-widgets.col-4 .footer-widget-3.block { width: calc(16% - ( 0.84 * 0px ) ) !important; margin: 0 !important; } #footer-widgets.col-4 .block.footer-widget-4 { width: calc(53.5% - ( 0.465 * 0px ) ) !important; margin: 0 !important; } } /* @media (min-width: 450px) { #footer-widgets .widget_recent_entries ul { display: table; } } */ @media (max-width: 450px) { #footer-widgets .widget_recent_entries ul>li { width: 100%; display: inline-block; padding: 10px 0 !important; } } /* Request a quote and demo form */ .gform_wrapper.request-demo-form_wrapper, .gform_wrapper.request-quote_wrapper { background-color: #F6F8FA; border: none; } .request-quote_wrapper .request-quote .gform_heading .gform_title { color: #363B40; font-size: 20px !important; line-height: 22px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; margin-bottom: 36px; } .request-quote .gform_heading { margin-bottom: 64px !important; } .request-quote_wrapper ul li.quote-form-steps { margin-bottom: 38px !important; } .request-quote_wrapper ul li.quote-form-steps img { margin-right: 19px; } .gform_body select>option, .gform_body select { color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px !important; line-height: 17px !important; text-transform: none; padding-right: 30px; } .gform_body select { display: block; height: 38px; border-radius: 6px; background: url(https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/images/select-arrow.png); background-color: #fff; background-repeat: no-repeat; background-size: 19px; background-position: 95%; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); border: none; padding-left: 13px; margin-top: 10px; } #request-demo-colfull>p, .request-quote .gform_heading .gform_description { color: #686F75; font-size: 15px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; line-height: 24px !important; width: 100%; letter-spacing: -0.13px; } .request-quote_wrapper ul.gform_fields li.gfield { padding-right: 0 !important; } .gfield .select2.select2-container { width: calc(50% - 8px) !important; } .quote-form-steps { color: #363B40; font-family: Graphik !important; font-size: 13px !important; line-height: 14px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; text-transform: uppercase; } .quote-form-steps img { width: 30px; margin-top: -4px; vertical-align: middle; } .gform_wrapper form .gform_body .gfield label.gfield_label { color: #363B40 !important; font-size: 13px !important; line-height: 26px !important; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; margin-bottom: 4px; } .after-quote-form-steps>label.gfield_label { margin-top: 9px; } .tier-quote-form>label.gfield_label { margin-top: 19px; } .radio-demo-form>label.gfield_label, .radio-quote-form>label.gfield_label { margin-top: 22px; } .textarea-quote-form>label.gfield_label { margin-top: 28px; } .radio-demo-form>.ginput_container_radio, .radio-quote-form>.ginput_container_radio { margin-top: 12px !important; } .radio-demo-form, .radio-quote-form { margin-bottom: 26px !important; } .request-quote select { max-width: 190px; padding-left: 14px !important; } .request-quote_wrapper .gfield_radio li label { color: #686F75; font-size: 15px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; margin-left: 18px !important; } .request-demo-form_wrapper .gfield_radio li label { color: #686F75; font-size: 12px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; margin-left: 10px !important; } .gform_wrapper .gfield_required, .gform_wrapper .request-quote .gfield_required, .request-demo-form .gform_footer p font, .request-quote .gform_footer p font { display: none; } .request-demo-form .gform_footer center p:before, .request-quote .gform_footer center p:before { color: #686F75 !important; font-size: 15px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; line-height: 17px !important; } .request-demo-form .gform_footer center p:before { content: "We will respond within 24 hours to arrange a demo."; padding-top: 32px; display: table; } .request-quote .gform_footer center>p:first-of-type:before { content: "We will respond within 24 hours."; } .request-demo-form .gfield_radio li { display: inline-block; margin-right: 15px !important; } .request-quote .gfield_radio li { display: inline-block; margin-right: 38px !important; } .request-demo-form .gform_footer center, .request-quote .gform_footer center { padding-top: 30px; } .gform_wrapper ul.gform_fields li.gfield input[type=radio] { margin-top: 0; } .request-quote hr { margin-bottom: 38px; margin-top: 51px; } .request-demo-form .gform_footer input[type=submit] { width: 100% !important; } @media(min-width: 641px) { .remodal.modal { max-width: 658px; } .gform_wrapper .request-quote .gform_footer input[type=submit], .gform_wrapper .request-quote .gform_body textarea, .gform_wrapper .request-quote .gform_body input[type=text] { width: calc(100% + 18px) !important; } } @media(max-width: 641px) { .gform_wrapper ul.gfield_radio li label { width: auto !important; } .gform_wrapper .request-quote .gform_footer input[type=submit], .gform_wrapper .request-quote .gform_body textarea, .gform_wrapper .request-quote .gform_body input[type=text] { width: 100% !important; } } /* Radio button */ input[type="radio"] { -webkit-appearance: none; border-color: #DADFE3; background: #F6F8FA; border-radius: 25px; border-width: 8px; padding: 2px; margin: 0; vertical-align: middle; border-style: solid; -webkit-box-shadow: none; box-shadow: none; } input[type="radio"]:focus { -webkit-box-shadow: none; box-shadow: none; } input[type="radio"]:checked { border-color: #39CA82; background: #FFFFFF; border-radius: 25px; border-width: 6px; padding: 4px; -webkit-box-shadow: none; box-shadow: none; } /* Request a Demo Content */ #request-demo-colfull { width: 60%; text-align: left; margin-bottom: 35px; } #request-demo-content .gform_footer center>p { margin-bottom: 0 !important; } #request-demo-content { display: -webkit-box; display: -ms-box; display: -ms-flexbox; display: flex; } #request-demo-col-1 { width: 62.5%; float: left; padding-right: 13px; } #request-demo-col-2 { border-left: 1px solid rgba(191,194,196,0.5); width: 36.2%; float: right; position: relative; } #request-demo-colfull>h2 { color: #363B40; font-size: 20px !important; line-height: 22px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; margin-bottom: 20px; } #request-demo-col-1 .gform_wrapper { padding: 0; margin-top: -16px; margin-bottom: 0; } #request-demo-col-1 .gfield_label { margin-top: 7px; } #request-demo-col-1 .gform_footer { padding-bottom: 0; padding-top: 13px; } #request-demo-col-1 .gform_footer input[type=submit] { width: 95% !important; float: left; } #request-demo-col-2 .request-demo-links { text-align: left; padding-left: 24.5px; } #request-demo-col-2 .request-demo-links p { font-size: 15px !important; line-height: 24px !important; color: #686F75; margin-bottom: 2px; } .request-demo-link-2 { margin-top: 25px; } #request-demo-col-2 .request-demo-links a { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; text-decoration: underline; color: #39CA82; font-size: 15px !important; padding-left: 27px; } #request-demo-col-2 .request-demo-links a:before { content: ""; background-image: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/images/icon-arrow-right@2x.png'); height: 12px; width: 12.04px; background-size: 12px; position: absolute; margin-top: 4px; margin-left: -27px; } .request-demo-logos { padding-left: 24.5px; padding-top: 130px; } .request-demo-logos p { opacity: 0.63; color: #686F75; font-size: 15px !important; line-height: 24px !important; text-align: center; margin-bottom: 0; margin-top: 16px; } .request-demo-logos li { display: inline-block; vertical-align: middle; margin-bottom: 23px; } .request-demo-logos li:first-child { margin-right: 12px; } .request-demo-logos li:nth-child(2) { margin-right: 22px; } .request-demo-logos li:nth-child(4) { margin-right: 21px; } .request-demo-logos li:first-child img { width: 55.9px; } .request-demo-logos li:nth-child(2) img { width: 69.58px; } .request-demo-logos li:nth-child(3) img { width: 53.1px; } .request-demo-logos li:nth-child(4) img { width: 53px; } .request-demo-logos li:nth-child(5) img { width: 97.09px; } @media (max-width: 900px) { #request-demo-content { display: block; } #request-demo-col-2, #request-demo-col-1 { width: 100%; border: none; padding: 0; float: none; } #request-demo-col-2 .request-demo-links, .request-demo-logos { padding-top: 40px; padding-left: 0; } .request-demo-logos li { margin-right: 22px; } #request-demo-colfull { width: 100%; } } /* * Remodal - v1.1.1 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's necessary styles ========================================================================== */ /* Hide scroll bar */ html.remodal-is-locked { overflow: hidden; -ms-touch-action: none; touch-action: none; } /* Anti FOUC */ .remodal, [data-remodal-id] { display: none; } /* Necessary styles of the overlay */ .remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none; } /* Necessary styles of the wrapper */ .remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch; } .remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -0.05em; content: ""; } /* Fix iPad, iPhone glitches */ .remodal-overlay, .remodal-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Necessary styles of the modal dialog */ .remodal { position: relative; outline: none; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; } .remodal-is-initialized { /* Disable Anti-FOUC */ display: inline-block; } /* * Remodal - v1.1.1 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's default mobile first theme ========================================================================== */ /* Default theme styles for the background */ .remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened { -webkit-filter: blur(3px); filter: blur(3px); } /* Default theme styles of the overlay */ .remodal-overlay { background: rgba(43, 46, 56, 0.9); } .remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .remodal-overlay.remodal-is-opening { -webkit-animation-name: remodal-overlay-opening-keyframes; animation-name: remodal-overlay-opening-keyframes; } .remodal-overlay.remodal-is-closing { -webkit-animation-name: remodal-overlay-closing-keyframes; animation-name: remodal-overlay-closing-keyframes; } /* Default theme styles of the wrapper */ .remodal-wrapper { padding: 10px 10px 0; } /* Default theme styles of the modal dialog */ .remodal { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 10px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #2b2e38; background: #fff; -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); border-radius: 6px; background-color: #F6F8FA; } .remodal.remodal-is-opening, .remodal.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .remodal.remodal-is-opening { -webkit-animation-name: remodal-opening-keyframes; animation-name: remodal-opening-keyframes; } .remodal.remodal-is-closing { -webkit-animation-name: remodal-closing-keyframes; animation-name: remodal-closing-keyframes; } /* Vertical align of the modal dialog */ .remodal, .remodal-wrapper:after { vertical-align: middle; } /* Close button */ .remodal-close { position: absolute; top: 0; right: 0; display: block; overflow: visible; cursor: pointer; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; outline: 0; height: 25px; width: 68px; border: 1px solid #979797; border-radius: 2px; background-color: #D8D8D8; } .remodal-close:before { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-size: 12px !important; line-height: 13px !important; color: #666666; text-decoration: underline; position: absolute; top: 4px; right: 12px; display: block; content: "Cancel"; } /* Dialog buttons */ .remodal-confirm, .remodal-cancel { font: inherit; display: inline-block; overflow: visible; min-width: 110px; margin: 0; padding: 12px 0; cursor: pointer; -webkit-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; text-align: center; vertical-align: middle; text-decoration: none; border: 0; outline: 0; } .remodal-confirm { color: #fff; background: #81c784; } .remodal-confirm:hover, .remodal-confirm:focus { background: #66bb6a; } .remodal-cancel { color: #fff; background: #e57373; } .remodal-cancel:hover, .remodal-cancel:focus { background: #ef5350; } /* Remove inner padding and border in Firefox 4+ for the button tag. */ .remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner { padding: 0; border: 0; } /* Keyframes ========================================================================== */ @-webkit-keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @-webkit-keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; -webkit-filter: blur(0); filter: blur(0); } } @keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; -webkit-filter: blur(0); filter: blur(0); } } @-webkit-keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } @keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } /* Media queries ========================================================================== */ @media(min-width: 641px) { .remodal.modal { max-width: 658px; padding: 31px 92px 6px; } .remodal.request-demo { max-width: 781px; padding: 65px 37px 88px 54px; } } @media (max-width: 641px) and (min-width: 450px) { .remodal.modal { padding: 31px 60px 6px; } .remodal.request-demo { padding: 65px 37px 88px 54px; } } @media (max-width: 450px) and (min-width: 350px) { .remodal.modal { padding: 31px 30px 6px; } .remodal.request-demo { padding: 33px; } } @media (max-width: 350px) { .remodal.modal { padding: 31px 5px 6px; } .remodal.request-demo { padding: 31px 15px 30px; } } /* IE8 ========================================================================== */ .lt-ie9 .remodal-overlay { background: #2b2e38; } .lt-ie9 .remodal.modal { width: 658px; } .lt-ie9 .remodal.request-demo { width: 658px; } /* Free trial page */ /*Header*/ .page-id-35613 #header-container, .page-id-15659 #header-container { background: transparent; } .page-id-35613 #nav-container #navigation, .page-id-15659 #header-container #header, .page-id-15659 #nav-container #navigation, .page-id-15659 .nav-toggle.icon { display: none !important; } .page-id-15659 #top-nav-head { padding-top:0; } .page-id-15659 .wptbbarheaddiv, .page-id-35613 #footer-container, .page-id-35613 #footer-widgets-container, .page-id-15659 header h1.title { display: none; } /* General */ .page-id-15659 .so-panel.widget { box-shadow: none; -webkit-box-shadow:none; } .page-id-35613, body.page-id-15659 { background-color: #268DE8; margin-top: 0 !important; overflow-x: hidden; } .page-id-35613 { min-height: 100vh; } /* Heading */ #free-trial-heading { margin-bottom: 15px; } #free-trial-heading .panel-first-child { padding-bottom: 33px; padding-top: 30px; } #free-trial-heading .panel-last-child { padding-top: 0; margin-top: -18px; } .free-trial-logo p { display: inline; } .widget .free-trial-logo a { font-family:"DIN W01 Regular" !important; font-size: 22px !important; line-height: 28px !important; color: #FFFFFF; letter-spacing: 2px; } .free-trial-logo img { float: none; display: inline; margin-bottom: -6px; margin-right: 5px; } .scan2cad-free-trial-heading p { font-size: 15px !important; text-align: center; line-height: 26px !important; color: #E5ECF3; } .scan2cad-try-free-trial h1, .scan2cad-try-free-trial h2, .scan2cad-free-trial-heading h2 { font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; line-height: 52px !important; } .scan2cad-free-trial-heading h2 { font-size: 38px !important; text-align: center; color: #FFFFFF; margin-bottom: 14px; } .scan2cad-try-free-trial h2 { font-size: 31px; color: #FFFFFF; padding-top: 41px; } .scan2cad-try-free-trial h1 { font-size: 31px; color: #363B40; margin-bottom: 10px; } .scan2cad-try-free-trial .widget { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; padding: 0; } body.page-template-default .entry .scan2cad-try-free-trial .widget_black-studio-tinymce ul { display: flex; color: #85CCFF; font-size: 11px; line-height: 15px; padding: 12px 0; } body.page-template-default .entry .scan2cad-try-free-trial .widget_black-studio-tinymce li { list-style: none; display: flex; align-items: center; margin-right: 27px; text-align: left; } body.page-template-default .entry .scan2cad-try-free-trial li:first-child img { width: 17px; padding: 0 8px 0 0; } body.page-template-default .entry .scan2cad-try-free-trial li:last-child img { width: 16px; padding: 0 7px 2px 0; } .scan2cad-try-free-trial .gallery { padding-top: 5px; display: flex; flex-wrap: wrap; align-items: center; padding-left: 3px; } .scan2cad-try-free-trial .gallery .gallery-item { margin-bottom: 12px; margin-top: 7px !important; text-align: left !important; margin-right: 4%; } .scan2cad-try-free-trial .gallery .gallery-item:nth-child(1) img { width: 63px; } .scan2cad-try-free-trial .gallery .gallery-item:nth-child(1) { width: 24% !important; } .scan2cad-try-free-trial .gallery .gallery-item:nth-child(2) img { width: 90px; } .scan2cad-try-free-trial .gallery .gallery-item:nth-child(2) { width: 32% !important; } .scan2cad-try-free-trial .gallery .gallery-item:nth-child(3) img { width: 40px; } .scan2cad-try-free-trial .gallery .gallery-item:nth-child(3) { width: 32% !important; } .scan2cad-try-free-trial .gallery .gallery-item:nth-child(5) img { width: 75px; } .scan2cad-try-free-trial .gallery .gallery-item:nth-child(5) { width: 19.5% !important; } .scan2cad-try-free-trial .gallery .gallery-item:nth-child(6) img { width: 107px; } .scan2cad-try-free-trial .gallery .gallery-item:nth-child(6) { width: 31.2% !important; } .scan2cad-try-free-trial .gallery .gallery-item:nth-child(7) img { width: 79px; } .scan2cad-try-free-trial .gallery .gallery-item:nth-child(7) { width: 37.3% !important; } .scan2cad-try-free-trial hr { height: 2px; background-color: #FFFFFF; margin-bottom: 26.4px; margin-right: 9px; } .scan2cad-try-free-trial { max-width: 940px; margin: 0 auto; padding-top: 32px; padding-bottom: 60px; } @media (min-width: 995px) { .scan2cad-try-free-trial .panel-grid-cell:last-child { padding-left: 30px; } } @media (max-width: 850px) and (min-width: 781px) { body.page-template-default .entry .scan2cad-try-free-trial .widget_black-studio-tinymce ul { flex-direction: column; } body.page-template-default .entry .scan2cad-try-free-trial .widget_black-studio-tinymce li { margin-right: 0; } body.page-template-default .entry .scan2cad-try-free-trial .widget_black-studio-tinymce li:first-child { margin-bottom: 13px; } } /* Free trial gravity form */ .scan2cad-try-free-trial .panel-grid-cell:first-child, .scan2cad-free-trial-form .scan2cad-free-trial-form_wrapper { background-color: #FFFFFF !important; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); } .scan2cad-free-trial-form .scan2cad-free-trial-form_wrapper { max-width: 445px !important; padding: 50px 50px 5px !important; margin: 0 auto !important; border: none !important; border-radius: 4px; } .scan2cad-try-free-trial .panel-grid-cell:first-child { padding: 43px 50px 11px; border-radius: 6px; } .scan2cad-try-free-trial .widget_gform_widget { padding-top: 27px; } .scan2cad-try-free-trial .gform_wrapper { border: none; background: transparent; padding: 0; } .scan2cad-try-free-trial .gform_wrapper .gform_fields > .gfield { width: 100%; padding: 0; } .scan2cad-try-free-trial .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .scan2cad-try-free-trial .gform_wrapper .gfield_select, .scan2cad-try-free-trial .gfield .select2.select2-container { width: 100% !important; } .scan2cad-try-free-trial .select2-container--default .select2-selection--single .select2-selection__rendered { max-width: 100%; } .scan2cad-free-trial-name, .scan2cad-free-trial-email, .scan2cad-free-trial-company { margin-top: 0 !important; margin-bottom: 10px !important; } .scan2cad-free-trial-form .top_label div.ginput_container { margin-top: 0; } .scan2cad-free-trial-form .gform_footer center { visibility: hidden; } .scan2cad-free-trial-job { margin-top: 0 !important; margin-bottom: 0 !important; } .gfield textarea, .gfield input[type="text"], .scan2cad-free-trial-name input, .scan2cad-free-trial-email input, .scan2cad-free-trial-company input, .scan2cad-free-trial-job input { margin-top: 0 !important; margin-bottom: 0 !important; border: none; background-color: #FFFFFF !important; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); border-radius: 6px; height: 38px; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px !important; line-height: 17px !important; padding-left: 15px !important; padding-top: 11px !important; padding-bottom: 11px !important; color: #363B40; } .gfield textarea::-webkit-input-placeholder { color: #888D91; } .gfield textarea::-moz-placeholder { color: #888D91; } .gfield textarea:-ms-input-placeholder { color: #888D91; } .gfield textarea:-moz-placeholder { color: #888D91; } .gfield input::-webkit-input-placeholder { color: #888D91; } .gfield input::-moz-placeholder { color: #888D91; } .gfield input:-ms-input-placeholder { color: #888D91; } .gfield input:-moz-placeholder { color: #888D91; } .scan2cad-free-trial-name input::-webkit-input-placeholder { color: #888D91; } .scan2cad-free-trial-name input::-moz-placeholder { color: #888D91; } .scan2cad-free-trial-name input:-ms-input-placeholder { color: #888D91; } .scan2cad-free-trial-name input:-moz-placeholder { color: #888D91; } .gfield input:focus, .scan2cad-free-trial-name input:focus, .scan2cad-free-trial-email input:focus, .scan2cad-free-trial-company input:focus, .scan2cad-free-trial-job input:focus { -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 2px 6px 0 rgba(0,0,0,0.15); box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 2px 6px 0 rgba(0,0,0,0.15); } .scan2cad-free-trial-form.col-full .gform_footer { margin: 0 !important; padding-top: 50px !important; } .gform_footer input[type=submit], .scan2cad-free-trial-form input[type=submit], .scan2cad-free-trial-form input.button { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; background-color: #39CA82; border-radius: 6px; padding: 8px 45px !important; margin: 0 auto !important; display: block !important; font-size: 13px !important; } .scan2cad-free-trial-form .gform_footer .center { display: none; } .scan2cad-try-free-trial h1 + p { font-size: 15px; } .scan2cad-try-free-trial strong { color: #85CCFF; font-family: 'Graphik Web'; font-display: block; font-weight: 500; } .scan2cad-try-free-trial .widget p { text-align: left; } .scan2cad-try-free-trial .panel-grid-cell:first-child p { color: #686F75; } .scan2cad-try-free-trial .gform_footer center p { font-size: 12px; display: flex; align-items: center; justify-content: center; margin-top: 20px; } .scan2cad-try-free-trial .gform_footer center p:before { height: 13.89px; width: 9.88px; background-size: 9.88px; display: inline-block; margin: 0 11px 2px 0; content: ""; background-image: url("https://www.scan2cad.com/wp-content/uploads/2017/07/icon-padlock@2x.png"); } .scan2cad-try-free-trial .scan2cad-free-trial-form .gform_footer center { visibility: visible; } .scan2cad-try-free-trial .ginput_container_email { position: relative; } .scan2cad-try-free-trial .ginput_container_email.is-focused:before { visibility: visible; opacity: 1; right: -17px; -webkit-transition: right 0.3s ease-in; -o-transition:right 0.3s ease-in; transition: right 0.3s ease-in; } .scan2cad-try-free-trial .ginput_container_email.is-focused:after { opacity: 1; visibility: visible; right: -179px; -webkit-transition: right 0.3s ease-in; -o-transition: right 0.3s ease-in; transition: right 0.3s ease-in; } .scan2cad-try-free-trial .ginput_container_email:after { content:"Your free trial will be sent to your email address."; font-size: 10px; line-height: 14px; border-radius: 4px; color: #FFFFFF; width: 172px; height: 54px; right: -149px; top: -9px; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; display: flex; align-items: center; text-align: center; padding: 5px 15px; opacity: 0; visibility: hidden; z-index: 1; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); position: absolute; background-color: #39CA82; } .scan2cad-try-free-trial .ginput_container_email:before { border-radius: 2px; content:""; width: 14px; height: 14px; right: 13px; top: 10px; z-index: 2; opacity: 0; visibility: hidden; position: absolute; background-color: #39CA82; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .scan2cad-try-free-trial .gform_fields > .gfield { margin-bottom: 10px !important; margin-top: 0; } .scan2cad-try-free-trial .gform_wrapper .gform_footer { margin-top: 32px; } @media (max-width: 860px) { .scan2cad-try-free-trial .panel-grid-cell:first-child { padding: 35px 30px 0px; } } @media (max-width: 780px) { .scan2cad-try-free-trial .panel-grid-cell:first-child { padding: 43px 50px 11px !important; order: 2; margin-top: 30px; margin-bottom: 0 !important; } .scan2cad-try-free-trial .panel-grid-cell:last-child .widget p, .scan2cad-try-free-trial h2 { text-align: center; } .scan2cad-try-free-trial hr { margin-right: 0; } .scan2cad-try-free-trial .gallery, body.page-template-default .entry .scan2cad-try-free-trial .widget_black-studio-tinymce ul { justify-content: center; } .scan2cad-try-free-trial .gallery { padding-left: 0; } .scan2cad-try-free-trial .gallery .gallery-item { text-align: center !important; margin-right: 0; } .scan2cad-try-free-trial .gallery .gallery-item:nth-child(1), .scan2cad-try-free-trial .gallery .gallery-item:nth-child(2), .scan2cad-try-free-trial .gallery .gallery-item:nth-child(3), .scan2cad-try-free-trial .gallery .gallery-item:nth-child(5), .scan2cad-try-free-trial .gallery .gallery-item:nth-child(6), .scan2cad-try-free-trial .gallery .gallery-item:nth-child(7) { width: 33.333% !important; } .page-id-35613 .nav-toggle { display: none; } .scan2cad-try-free-trial .ginput_container_email:before { right: 100px; top: 4px; } .scan2cad-try-free-trial .ginput_container_email.is-focused:before { right: 100px; top: -16px; -webkit-transition: top 0.3s ease-in; -o-transition:top 0.3s ease-in; transition: top 0.3s ease-in; } .scan2cad-try-free-trial .ginput_container_email:after { right: 20px; top: -42px; } .scan2cad-try-free-trial .ginput_container_email.is-focused:after { right: 20px; top: -62px; -webkit-transition: top 0.3s ease-in; -o-transition: top 0.3s ease-in; transition: top 0.3s ease-in; } .scan2cad-try-free-trial h2 { padding-top: 0; } } @media (max-width: 400px) { .scan2cad-try-free-trial .panel-grid-cell:first-child { padding: 5px 30px 20px !important; } body.page-template-default .entry .scan2cad-try-free-trial .widget_black-studio-tinymce ul { flex-direction: column; } body.page-template-default .entry .scan2cad-try-free-trial .widget_black-studio-tinymce li { margin-right: 0; justify-content: center; } body.page-template-default .entry .scan2cad-try-free-trial .widget_black-studio-tinymce li:first-child { margin-bottom: 13px; } .scan2cad-try-free-trial .widget_gform_widget { padding-top: 0; } .scan2cad-try-free-trial { padding-top: 0; padding-bottom: 20px; } } @media screen and (max-width: 600px) { html #wpadminbar { top: 0 !important; } html.csstransforms3d.gr__scan2cad_com { margin-top: 46px !important; } } /* Free trial testimonial */ .scan2cad-free-trial-testimonial { max-width: 550px; margin: 0 auto; } .scan2cad-free-trial-testimonial img { padding-top: 0; margin-top: 0; margin-right: 37px; } .scan2cad-free-trial-testimonial p { text-align: left; font-size: 15px !important; line-height: 24px !important; color: #E5ECF3; } .scan2cad-free-trial-testimonial strong { font-size: 13px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; line-height: 14px !important; color: #FFFFFF; } .scan2cad-free-trial-testimonial em { color: #a1bed9; font-style: normal !important; } /* Free trial Logos */ .free-trial-logos-title h3 { font-size: 20px !important; font-family: 'Graphik LC Web'!important; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; text-align: center !important; line-height: 30px; color: #D8D8D8; } .free-trial-logos-img ul { list-style: none; } .free-trial-logos-img li { display: inline-block; vertical-align: middle; } #free-trial-logos .panel-first-child { margin-bottom: 0 !important; padding-bottom: 0; padding-top: 60px; } #free-trial-logos .panel-last-child { padding-top: 8px; padding-bottom: 23px; } #free-trial-logos .panel-row-style-col-full:before{ content: ""; width: 100%; height: 1px; background: -webkit-radial-gradient(circle, rgba(105,203,251,0.5) 0%, rgba(56,156,244,0) 100%); background: -o-radial-gradient(circle, rgba(105,203,251,0.5) 0%, rgba(56,156,244,0) 100%); background: radial-gradient(circle, rgba(105,203,251,0.5) 0%, rgba(56,156,244,0) 100%); } /* Free trial remove footer */ .page-id-15659 #footer-container, .page-id-15659 #footer-widgets-container { display: none; } /* Free trial responsive */ @media (min-width: 610px) { .scan2cad-free-trial-name .name_last { padding-right: 10px; margin-left: -5px; } } @media (max-width: 410px) { #free-trial-heading .panel-first-child { padding-bottom: 0; } .scan2cad-free-trial-heading h2 { font-size: 25px !important; line-height: 45px !important; } .scan2cad-free-trial-testimonial p { text-align: center; } .scan2cad-free-trial-testimonial img { float: none; margin: 0 auto; display: table-header-group; } .scan2cad-free-trial-form input[type=submit], .scan2cad-free-trial-form input.button{ font-size: 10px !important; } #free-trial-logos .panel-row-style-col-full:before { background: -webkit-radial-gradient(circle, rgba(105,203,251,0.5) 0%, rgba(56,156,244,0) 100%); background: -o-radial-gradient(circle, rgba(105,203,251,0.5) 0%, rgba(56,156,244,0) 100%); background: radial-gradient(circle, rgba(105,203,251,0.5) 0%, rgba(56,156,244,0) 100%); } } /* Contact page */ /*Header*/ .page-id-11 .logo-icon { margin-left: 22px; margin-top: 13px; } body.page-id-11 { margin-top: 0 !important; } .page-id-11 #navigation, .page-id-11 #header-container { background: transparent; } .page-id-11 .so-panel.widget { box-shadow: none; -webkit-box-shadow:none; } .page-id-11 #top-nav-head { padding-top:0; } .page-id-11 .wptbbarheaddiv { display: none; } .page-id-11 ul.nav li a { padding-left:0; padding-right:0; margin: auto .5em; } .page-id-11 #navigation ul.nav > li.free-trial-button.menu-item a { font-size: 13px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; color: #fff !important; } .page-id-11 #main-nav { width: 100%; } .page-id-11 #navigation { width: 66%; } /* blue gradient*/ .page-id-11 #content.col-full { padding: 0 !important; margin: 0 !important; max-width: 100% !important; } .page-id-11 article.page header { background: -webkit-linear-gradient(315deg, #5E6FC8 0%, #00A3FF 100%); background: -o-linear-gradient(315deg, #5E6FC8 0%, #00A3FF 100%); background: linear-gradient(135deg, #5E6FC8 0%, #00A3FF 100%); margin-top: -150px; padding-top: 206px; padding-bottom: 32px; } .page-id-11 article.page header>.title { text-align: center; color: #FFFFFF; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; font-family: 'Graphik Web' !important; font-display: block; font-size: 38px; line-height: 52px; } /* Info */ .contact-times h3, .contact-info h3 { color: #363B40; text-transform: uppercase; font-size: 13px; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; line-height: 14px; text-align: left; } .contact-times h3 { margin-bottom: 26px; } .contact-times p, .contact-info p { color: #686F75; font-size: 15px; line-height: 24px; text-align: left; margin-bottom: 23px; } .contact-info a { color: #3ecb85; } .contact-page .so-panel { margin-bottom: 0 !important; padding-bottom: 3px; } /* Form */ .contact-form .gform_footer input[type=submit] { width: 269px !important; border-radius: 6px !important; background-color: #39CA82 !important; float: left !important; } .contact-form ul.gform_fields li.gfield { margin-bottom: 10px; margin-top: 0; } .contact-form .gform_footer center { display: none; } @media (min-width: 992px) { /* Info */ .entry .contact-page .panel-grid-cell:last-child { padding-left: 77px; } } @media (max-width: 992px) and (min-width: 768px) { /* Info */ .entry .contact-page .panel-grid-cell:last-child { padding-left: 40px; } } @media(min-width: 768px) { /* Info */ .contact-info { padding-top: 4.6em; } /* Footer */ .page-id-11 #footer-widgets-container { margin-top: 313px; } } @media(max-width: 768px) { /* Footer */ .page-id-11 #footer-widgets-container { margin-top: 30px; } /* Info */ .contact-page .panel-grid-cell:last-child { padding: 0 20px !important; } } @media (max-width: 400px) { .contact-form .gform_footer input[type=submit] { width: 200px !important; } } /* Home page */ /*Header*/ .page-id-5840 #navigation { background: transparent; } .page-id-5840 header h1.title { display: none; } .page-id-5840 .logo-icon { margin-left: 22px; margin-top: 13px; } body.page-id-5840 { margin-top: 0 !important; } .page-id-5840 .logo-type-other, .page-id-5840 .logo-type { font-family:"DIN W01 Regular" !important; font-size: 22px !important; line-height: 19px !important; margin-left: 5px; } .page-id-5840 #header-container { background: transparent; } .page-id-5840 .so-panel.widget { box-shadow: none; -webkit-box-shadow:none; } .page-id-5840 #top-nav-head { padding-top:0; } .page-id-5840 .wptbbarheaddiv { display: none; } .page-id-5840 ul.nav li a { padding-left:0; padding-right:0; margin: auto .5em; } .page-id-5840 #navigation li.free-trial-button a { font-size: 13px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; color: #fff !important; } .page-id-5840 #main-nav { width: 100%; } .page-id-5840 #navigation { width: 66%; } /* Home blue header*/ #home-header-blue { background: -webkit-linear-gradient(315deg, #5E6FC8 0%, #00A3FF 100%); background: -o-linear-gradient(315deg, #5E6FC8 0%, #00A3FF 100%); background: linear-gradient(135deg, #5E6FC8 0%, #00A3FF 100%); display: block; } .home-heading { max-width: 550px; margin: 0 auto; } #home-header-blue .panel-first-child { margin-bottom: 0 !important; padding-bottom: 0; } .home-heading h1 { font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; font-size: 48px !important; text-align: center; line-height: 61px !important; color: #FFFFFF; margin-bottom: 12px; } .home-subheading { max-width: 620px; margin: 0 auto; } .home-subheading p { font-size: 15px !important; text-align: center; line-height: 26px !important; color: #E5ECF3; } .home-header-btn { margin-top: -35px; } .home-header-btn ul { list-style: none; } .home-header-btn li { display: inline-block; } .widget .home-header-btn li a, .home-header-btn li a { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; text-align: center; line-height: 14px !important; border-radius: 6px; } .home-header-btn li a:hover { text-decoration: none !important; } .home-header-btn li:first-child a { color: #39CA82; background-color: #FFFFFF; padding: 13px 20px; margin-right: 10px; } .home-header-btn li:last-child a { color: #FFFFFF; background-color: rgba(0,0,0,0.1); position: relative; padding: 13px 20px 13px 58px; margin-left: 10px; } .home-header-btn li:last-child a:before { content: ""; background-image: url(https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/images/icon-play-video@2x.png); background-repeat: no-repeat; background-size: 11px; height: 12px; width: 20px; background-position: center; padding: 13px 10px; position: absolute; background-color: rgba(0,0,0,0.05); left: 0; top: 0.5px; border-radius: 6px 0 0 6px; } /* Header Separator */ .home-white-separator textwidget { left: 0; width: 100%; z-index: 1; position: inherit; } /* Home Header Images */ #home-header-images { margin-bottom: 27px !important; } #home-header-images .panel-grid-cell .so-panel, #home-header-images .panel-grid-cell { padding: 0 !important; } #home-header-images img { margin-right: 0; margin-bottom: -3px; } #home-header-images .textwidget ul { list-style: none; } #home-header-images .textwidget li>ul>li:first-child, #home-header-images .textwidget>ul>li { display: inline-block; vertical-align: middle; } .home-header-images { margin-top: -535px; position: relative; } /* Home Logos */ #home-logos { margin-bottom: 16px !important; } .home-logos { position: relative; } #home-logos .panel-grid-cell .so-panel { padding: 0; } .home-logos ul { list-style: none; } .home-logos li { display: inline-block; vertical-align: middle; margin-right: 5px; } .home-logos li:first-child { max-width: 220px; font-size: 15px !important; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-family: 'Graphik LC Web' !important; font-display: block; text-align: center; line-height: 26px !important; color: #686F75; margin-right: 60px; } .home-logos ul li:last-child img { margin-right: 0 !important; } .home-logos ul li:last-child { margin-right: 0; } /* Convert Design */ #home-design-convert-desc .panel-first-child, #home-convert-design-heading { margin-bottom: 0 !important; } #home-convert-design-heading h3 { width: 250px; font-size: 20px !important; text-align: center; line-height: 30px !important; color: #363B40; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-family: 'Graphik LC Web' !important; font-display: block; margin: 0 auto; padding-bottom: 9px; } ##home-design-convert-desc { margin-bottom: 18px !important; } #home-design-convert-desc ul { list-style: none; display: table; margin: 0 auto; } #home-design-convert-desc li { display: table-cell; vertical-align: middle; } .home-design-convert-img-left li:last-child { padding-left: 53px; max-width: 220px; } .home-design-convert-img-left img { text-align: right; } .home-design-convert-img-left h4, .home-design-convert-img-left p { text-align: left; } .home-design-convert-img-right p, .home-design-convert-img-left p { font-size: 13px !important; line-height: 20px !important; color: #363B40; } .home-design-convert-img-right h4, .home-design-convert-img-left h4 { font-size: 13px !important; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-family: 'Graphik LC Web' !important; font-display: block; line-height: 14px !important; color: #39CA82; margin-top: 50px; margin-bottom: 20px; } .home-design-convert-img-right img { text-align: left; } .home-design-convert-img-right li:first-child { padding-right: 44px; max-width: 230px; } .home-design-convert-img-right li:last-child { max-width: calc(100% - 255px); } .home-design-convert-img-right p, .home-design-convert-img-right h4 { text-align: right; } /* Vector Recognition */ #home-vector-recognition { margin-bottom: 35px !important; } .home-vector-recognition { max-width: 392px; background-color: #FFFFFF; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); border: 1px solid rgba(0,0,0,0.05); border-radius: 4px; margin: 0 auto; } #home-vector-recognition .panel-grid-cell .so-panel { padding-top: 93px; padding-bottom: 60px; } .home-vector-recognition .textwidget { padding: 20px 38px 0; margin-bottom: -5px; } .home-vector-recognition img { margin-top: -53px; } .home-vector-recognition ul { list-style: none; text-align: left; margin-top: -5px !important; } .home-vector-recognition li { display: inline-block; vertical-align: middle; } .home-vector-recognition li img { margin-top: 0; margin-right: 25px; } .home-vector-recognition .textwidget>p { margin-top: -5px; margin-bottom: 33px; } .home-vector-recognition p { text-align: left; font-size: 13px !important; line-height: 20px !important; color: #363B40; } .home-vector-recognition h3 { font-size: 13px !important; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-family: 'Graphik LC Web' !important; font-display: block; line-height: 14px !important; color: #2CBAEB; text-align: left; margin-bottom: 17px; } .home-vector-recognition hr { margin-bottom: 30px; } .widget .home-vector-recognition a { font-size: 13px !important; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; font-family: 'Graphik Web' !important; font-display: block; line-height: 20px !important; color: #363B40; } .home-vector-recognition a img { margin: 4px 0 0; position: absolute; padding-left: 20px; } /* Convert Text */ #home-convert-text { margin-bottom: 0 !important; } #home-convert-text h3 { font-size: 20px !important; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-family: 'Graphik LC Web' !important; font-display: block; text-align: center; line-height: 30px !important; color: #363B40; padding-top: 5px; margin-bottom: 0px; } #home-convert-text ul { list-style: none; display: table; margin: 0 auto; } #home-convert-text .panel-last-child, #home-convert-text .panel-first-child { margin-bottom: 0 !important; padding-bottom: 0; } #home-convert-text li { display: table-cell; vertical-align: middle; } #home-convert-text li:last-child { padding-left: 38px; max-width: 220px; } #home-convert-text img { text-align: right; } #home-convert-text h4 { font-size: 13px !important; text-align: left; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-family: 'Graphik LC Web' !important; font-display: block; line-height: 14px !important; color: #FB0046; margin-bottom: 19px; } #home-convert-text :nth-child(3) { margin-top: 51px; } #home-convert-text p { text-align: left; font-size: 13px !important; line-height: 20px !important; color: #363B40; } /* Edit Design */ #home-edit-design { margin-bottom: 15px !important; } #home-edit-design .panel-first-child { margin-bottom: 0 !important; } #home-edit-design h3 { font-size: 20px !important; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-family: 'Graphik LC Web' !important; font-display: block; text-align: center; line-height: 30px !important; color: #363B40; padding-top: 4px; padding-bottom: 0; margin-bottom: 0; } #home-edit-design ul { list-style: none; display: table; margin: 0 auto; } #home-edit-design li { display: table-cell; vertical-align: middle; } #home-edit-design li:first-child { padding-right: 44px; max-width: 220px; } #home-edit-design img { text-align: left; } #home-edit-design h4 { font-size: 13px !important; text-align: right; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-family: 'Graphik LC Web' !important; font-display: block; line-height: 14px !important; color: #FECA2E; margin-bottom: 20px; } #home-edit-design :nth-child(3) { margin-top: 50px; } #home-edit-design p { text-align: right; font-size: 13px !important; line-height: 20px !important; color: #363B40; } #home-edit-design li:last-child { max-width: calc(100% - 255px); } /* Customers */ #home-cutomers { background: -webkit-linear-gradient(315deg, #EFF2F4 0%, #FAFBFC 100%); background: -o-linear-gradient(315deg, #EFF2F4 0%, #FAFBFC 100%); background: linear-gradient(135deg, #EFF2F4 0%, #FAFBFC 100%); margin-bottom: 0 !important; padding-top: 42px; } #home-cutomers h3 { font-size: 20px !important; text-align: center; line-height: 30px !important; color: #363B40; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-family: 'Graphik LC Web' !important; font-display: block; margin: 0 auto; } #home-cutomers p { margin-bottom: 53px; } #home-cutomers a { font-size: 15px !important; text-align: center; line-height: 22px !important; color: #39CA82; font-weight: 400 !important; font-family: 'Graphik LC Web' !important; font-display: block; font-style: normal !important; font-stretch: normal !important; text-decoration: underline; } #home-cutomers ul { list-style: none; } #home-cutomers li { display: inline-block; vertical-align: top; } #home-cutomers ul li:first-child img { margin-right: 25px; } #home-cutomers li ul li { display: table; } #home-cutomers li ul li:first-child img { margin-bottom: 20px; } #home-cutomers .panel-grid-cell .so-panel { padding-bottom: 26px; } /* Get Start */ #home-get-start { background: -webkit-linear-gradient(315deg, #5E6FC8 0%, #00A3FF 100%); background: -o-linear-gradient(315deg, #5E6FC8 0%, #00A3FF 100%); background: linear-gradient(135deg, #5E6FC8 0%, #00A3FF 100%); padding: 40px 0 26px !important; margin-bottom: 0 !important; } #home-get-start h2 { font-size: 20px !important; text-align: center; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; line-height: 30px !important; color: #FFFFFF; } #home-get-start p { font-size: 15px !important; text-align: center; line-height: 24px !important; color: #D7F0FF; } #home-get-start strong { color: #FFF; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } #home-get-start ul { list-style: none; padding-top: 20px; } #home-get-start li { display: inline-block; margin: 12px 6px; } .widget #home-get-start li a, #home-get-start li a { font-size: 13px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; text-align: center; line-height: 14px !important; text-decoration: none; padding: 13px 20px; border-radius: 6px; } #home-get-start li:first-child a { color: #FFF; background-color: #39CA82; } #home-get-start li:last-child a { color: #3A3A3A; background-color: #FFFFFF; } /* Support */ #home-support { margin-bottom: 0 !important; } #home-support .panel-grid-cell .so-panel { padding: 0; } .home-support-text { max-width: 400px; margin-top: 130px; } #home-support h3 { font-size: 20px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; line-height: 30px !important; color: #2CBAEB; margin-bottom: 5px; } #home-support p { font-size: 15px !important; line-height: 24px !important; color: #686F75; } #home-support ul { list-style: none; text-align: left; margin-top: 37px; } #home-support li { display: inline-block; } #home-support li a { font-size: 13px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; text-align: center; line-height: 14px !important; text-decoration: none; padding: 13px 20px; border-radius: 6px; display: inline-block; } #home-support li:first-child a { color: #FFF; background-color: #39CA82; margin-right: 20px; } #home-support li:last-child a { color: #FFF; background-color: #363B40; } .home-support-image img { margin: 0; padding: 0; padding-top: 7px; } /* Footer */ #home-footer { padding-top: 0; padding-bottom: 10px; } .home-footer-menu { padding-top: 70px; } .home-footer-menu #menu-footer-2 li { float: none; padding: 0 !important; width: 100%; } #home-footer .widget_nav_menu .widget-title { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; line-height: 14px !important; color: #363B40; text-transform: uppercase; } #home-footer li:not(.free-trial-button).menu-item > a { line-height: 28px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; color: #363B40; } #home-footer li:not(.free-trial-button).menu-item > a:hover { color: #39CA82 !important; } #home-footer .widget_recent-posts { background-color: #363B40; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); } #home-footer.footer-recent-posts .widget-title { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; line-height: 14px !important; color: #39CA82; text-align: left; } #home-footer .footer-recent-posts ul { list-style: none; text-align: center; margin-bottom: 9px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 41px; } #home-footer .footer-recent-posts ul > li > a { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; line-height: 20px !important; color: #CFD9E3; } #home-footer .footer-recent-posts ul > li { width: 36%; text-align: left; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #home-footer .footer-recent-posts ul > li .post-date { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 10px !important; line-height: 20px !important; color: #FFFFFF; background-color: #4A5055; border-radius: 4px; padding: 0 5px; margin-bottom: 10px; display: inline-block; } #home-footer .footer-recent-posts h3 { font-size: 13px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; line-height: 14px !important; color: #39CA82; text-align: center; margin-bottom: 20px; } #home-footer .footer-recent-posts ul > li:first-child .post-date { background-color: #39CA82; } #home-footer .footer-recent-posts ul > li:first-child { border-right: 1px solid #42474D; padding: 0 20px 20px 0; } #home-footer .footer-recent-posts ul > li:nth-child(2) { padding: 0 0 20px 20px; } #home-footer .footer-recent-posts ul > li:nth-child(3) { padding: 20px 20px 0 0; border-top: 1px solid #42474D; border-right: 1px solid #42474D; } #home-footer .footer-recent-posts ul > li:last-child { padding: 20px 0 0 24px; border-top: 1px solid #42474D; margin-left: -4px; } #home-footer .responsiveMenuSelect { display: none !important; } #home-footer .footer-recent-posts { padding-top: 11px; } /* Footer */ .page-id-5840 #footer-widgets-container { display: none; } .page-id-5840 #footer-container { border-top: none; padding-bottom: 15px; margin-top: -80px; max-width: 1000px !important; margin-left: auto; margin-right: auto; } .page-id-5840 #footer-container #footer { border-top: 1px solid #E5ECF3 !important; padding-top: 33px; padding-bottom: 0; } @media (max-width: 970px){ /* Home Header images */ #home-header-images .textwidget>ul>li:last-child { display: none; } } @media (max-width: 960px) { /* Header */ .page-id-5840 select.responsiveMenuSelect { display: none !important; } /* support */ #home-support li:first-child { margin-bottom: 35px; } /* Footer Pricing */ #home-footer .responsiveSelectContainer ul, #home-footer ul.responsiveSelectFullMenu { display: block !important; } } @media (min-width: 768px) { /*Header*/ .page-id-5840 #navigation ul.nav > li:not(.free-trial-button) a:hover, .page-id-5840 #navigation ul.nav > li:not(.free-trial-button):hover, .page-id-5840 #navigation ul.nav li ul { background-color: transparent !important; } .page-id-5840 #navigation ul.nav li.current-menu-item:not(.free-trial-button) a, .page-id-5840 #navigation ul.nav li.current-menu-item:not(.free-trial-button) a:hover, .page-id-5840 #navigation ul.nav > li.menu-item:not(.free-trial-button) a:hover { border-bottom: 1px solid #FFF; border-radius: 0 !important; color: #FFF !important; } .page-id-5840 #navigation ul.nav li.current-menu-item a, .page-id-5840 #navigation ul.nav li.free-trial-button a:hover, .page-id-5840 #navigation ul.nav li.current-menu-item a:hover, .page-id-5840 #navigation ul.nav > li.menu-item a { color: #FFF !important; } /*Home blue gradient*/ #home-header-blue { margin-top: -15%; padding-top: 16.5%; margin-bottom: 0 !important; padding-bottom: 297px !important; } } @media (max-width: 992px) and (min-width: 768px) { #home-header-blue { margin-top: -23%; } .logo-wrap { width: 235px !important; } #navigation ul.nav > li.menu-item a { font-size: 12px; } #navigation li.free-trial-button a { font-size: 11px !important; } .home-heading { padding-top: 40px; } } @media (max-width: 780px) { /* Home blue gradient*/ #home-header-blue h1 { font-size: 34px !important; } } @media (max-width: 768px) { /* Home blue gradient*/ #home-header-blue { margin-top: -27%; padding-top: 27%; padding-bottom: 305px; } /* Separator */ .home-white-separator svg { margin-top: -120.5px !important; height: 347px; } /* Logos */ .home-logos li:first-child { display: table; max-width: 100%; margin: 0 auto; } /* Support */ .home-support-text { margin-top: 60px; } .pgc-5840-home-support-0 { width: 59%; float: left; } .home-support-text { margin: 0 auto; padding: 10px; } .home-support-image img { margin: 0 auto; float: none; } /* Footer */ .home-footer-menu { padding-top: 0; } #home-footer .panel-grid-cell { float: left !important; width: 33% !important; background-color: #FFF; } #home-footer .panel-grid-cell:last-child { float: none !important; width: auto !important; display: inline-table; } #home-footer { padding: 20px 0 10px; } .page-id-5840 #footer-container { margin-top: 0; } } @media (max-width: 726px) { /* Home Header images */ #home-header-images .textwidget>ul>li:nth-child(3) { display: none; } } @media (max-width: 650px) { /* Header */ .home-header-btn li:first-child a { margin-right: 0; margin-bottom: 20px; } .home-header-btn li:last-child a { margin-left: 0; } .home-header-btn li { margin-bottom: 30px; } /* Features */ #home-design-convert-desc li, #home-convert-text li, #home-edit-design li { display: inline; } #home-header-images, #home-convert-text, #home-edit-design, #home-support, #home-design-convert-desc, #home-convert-design-heading, #home-logos { margin-bottom: 0 !important; background: #fff; } #home-cutomers { background: -webkit-linear-gradient(315deg, #EFF2F4 0%, #FAFBFC 100%); background: -o-linear-gradient(315deg, #EFF2F4 0%, #FAFBFC 100%); background: linear-gradient(135deg, #EFF2F4 0%, #FAFBFC 100%); } } @media (max-width: 568px) { /* Home Header images */ #home-header-images .textwidget>ul { display: none; } #home-header-blue { padding-bottom: 115px; } .home-white-separator svg { margin-top: -90px !important; height: 260px; } } @media (max-width: 550px) { /* Header */ #home-header-blue h1 { font-size: 24px !important; line-height: 35px !important; } /* Footer */ #home-footer .panel-grid-cell { width: 100% !important; } #home-footer .footer-recent-posts ul > li { width: 100%; padding: 10px 0 !important; border: none !important; } #home-footer .footer-recent-posts ul { display: block; } } @media (max-width: 410px) { /* Home blue gradient*/ #home-header-blue { margin-top: -35%; padding-top: 35%; } /* Get start */ #home-get-start li { margin: 17px 6px; } /* Footer */ #home.panel-grid-cell { float: none !important; width: auto !important; } #home-footer .widget_nav_menu .widget-title, #home-footer .widget_nav_menu li { text-align: center; } #home-footer .footer-recent-posts ul > li { display: inline-block; } #home-footer .footer-recent-posts ul > li { padding: 5px 0px !important; } .home-footer-menu #menu-footer-2 li { margin: 0 auto; } } /* Customers page */ /*Header*/ .page-id-22156 #navigation { background: transparent; } .page-id-22156 header h1.title { display: none; } .page-id-22156 .logo-icon { margin-left: 22px; margin-top: 13px; } body.page-id-22156 { margin-top: 0 !important; } .page-id-22156 #header-container { background: transparent; } .page-id-22156 #navigation ul.nav > li:not(.free-trial-button).menu-item a { font-family: 'Graphik Web' !important; font-display: block; font-weight: 300 !important; font-style: normal !important; font-stretch: normal !important; -webkit-font-smoothing: subpixel-antialiased; letter-spacing: .2px; text-transform: none; } .page-id-22156 .so-panel.widget { box-shadow: none; -webkit-box-shadow:none; } .page-id-22156 #top-nav-head { padding-top:0; } .page-id-22156 .wptbbarheaddiv { display: none; } .page-id-22156 ul.nav li a { padding-left:0; padding-right:0; margin: auto .5em; } .page-id-22156 #navigation li.free-trial-button a { font-size: 13px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; color: #fff !important; } .page-id-22156 #main-nav { width: 100%; } .page-id-22156 #navigation { width: 66%; } .page-id-22156 #content.col-full { padding: 0 !important; margin: 0 !important; max-width: 100% !important; } /*Customers blue header*/ #customers-header-blue { margin-bottom: 0 !important; background: -webkit-linear-gradient(315deg, #5E6FC8 0%, #00A3FF 100%); background: -o-linear-gradient(315deg, #5E6FC8 0%, #00A3FF 100%); background: linear-gradient(135deg, #5E6FC8 0%, #00A3FF 100%); display: block; } #customers-header-blue .panel-row-style { background-position: bottom center !important; } #customers-header-blue .panel-first-child { padding-bottom: 9px; } #customers-header-blue .panel-grid-cell { background-image: url('https://www.scan2cad.com/blog/wp-content/themes/canvas-child/assets/images/world-map@2x.png'); background-position: center bottom; background-repeat: no-repeat; background-size: 1083px; } #customers-header-blue h1 { font-size: 30px !important; text-align: center; line-height: 44px !important; color: #FFFFFF; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; max-width: 600px; margin: 0 auto; } .widget .customers-sub-header p { font-size: 15px !important; text-align: center; line-height: 24px !important; color: #E5ECF3; font-family: 'Graphik Web' !important; font-display: block; font-weight: 300 !important; font-style: normal !important; font-stretch: normal !important; max-width: 562px; margin: 0 auto; } .customers-sub-header { padding-bottom: 160px; padding-top: 15px; } #customers-header-blue .so-panel{ margin-bottom: 0 !important; padding-top: 0; } .customers-header { padding-top: 67px; } /* Customers Logos */ #customers-logos { padding-top: 44px; padding-bottom: 29px; margin-bottom: 0 !important; background: -webkit-linear-gradient(315deg, #EFF2F4 0%, #FAFBFC 100%); background: -o-linear-gradient(315deg, #EFF2F4 0%, #FAFBFC 100%); background: linear-gradient(135deg, #EFF2F4 0%, #FAFBFC 100%); } #customers-logos .panel-first-child { margin-bottom: 0 !important; padding-bottom: 0; } .widget .customers-logos-title p { font-size: 20px !important; text-align: center; line-height: 30px !important; color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } .customers-logos-list ul { list-style: none; max-width: 620px; margin: 0 auto !important; } .customers-logos-list li { display: inline-block; } .customers-logos-list img { float: none; margin-right: 25px; margin-bottom: 8px; vertical-align: middle; } /* Customers Testimonial */ #customers-testimonial { background-color: #4BA84F; -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); padding-top: 60px; padding-bottom: 42px; } #customers-testimonial .so-panel { margin-bottom: 0 !important; } #customers-testimonial .panel-last-child { padding-top: 0; } .customers-testimonial-text { max-width: 580px; margin: 0 auto; } .customers-testimonial-text p { font-size: 17px !important; text-align: center; line-height: 28px !important; color: #FFFFFF; } .widget .customers-testimonial-cite p { opacity: 0.5; font-size: 15px !important; text-align: center; line-height: 28px !important; color: #FFFFFF; font-family: 'Graphik Web' !important; font-display: block; font-weight: 300 !important; font-style: normal !important; font-stretch: normal !important; } .customers-testimonial-cite { margin-top: -12px; } .customers-testimonial-logo { padding-top: 5px; } /* Case Study */ #customers-case-study-1 { padding-top: 31px; padding-bottom: 13px; background-color: #FFF; } #customers-case-study-2 { padding-top: 27px; padding-bottom: 12px; background-color: #FFF; } #customers-case-study-3 { padding-top: 27px; padding-bottom: 14px; background-color: #FFF; } #customers-case-study-1 .customers-case-study-text, #customers-case-study-2 .customers-case-study-text { padding-top: 69px; } #customers-case-study-3 .customers-case-study-text { padding-top: 87px; } .widget .customers-case-study-text p { font-size: 13px !important; line-height: 14px !important; color: #8B9299; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; text-align: left; } .customers-case-study-text h2 { font-size: 20px !important; line-height: 30px !important; } .customers-case-study-text h2 a:hover { color: #39CA82; } .customers-case-study-text h2 a { color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; text-align: left; text-decoration: none; } .customers-case-study-industry { margin-top: -12px; } .widget .customers-case-study-industry p { font-size: 13px !important; line-height: 14px !important; color: #8B9299; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; text-align: left; } .customers-case-study-industry ul { list-style: none; text-align: left; padding-top: 3px !important; } .customers-case-study-industry li { display: inline-block; font-size: 11px !important; line-height: 12px !important; color: #8B9299; font-weight: 500 !important; font-style: normal !important; font-family: 'Graphik Web' !important; font-display: block; font-stretch: normal !important; padding: 8px; border: 1px solid #E2E5E8; border-radius: 4px; margin-right: 8px; } .customers-case-study-img-mb img { float: left; } .customers-case-study-img-mt img { margin: 0 0 8px; float: left; } .customers-case-study-middle-img img, .customers-case-study-single-img img { float: right; margin: 0 13px; } .customers-case-study-single-img p, .customers-case-study-middle-img p, .customers-case-study-img-t p, .customers-case-study-img-t img, .customers-case-study-img-b p, .customers-case-study-img-mt p, .customers-case-study-img-mb p { margin:0 !important; } .customers-case-study-img-b img { margin-top: 12px; } #customers-case-study-3 .panel-first-child.panel-last-child, #customers-case-study-3 .panel-grid-cell:not(:first-of-type), #customers-case-study-3 .panel-grid-cell:last-of-type .panel-first-child, #customers-case-study-3 .panel-grid-cell:last-of-type .panel-last-child, #customers-case-study-2 .panel-first-child.panel-last-child, #customers-case-study-2 .panel-grid-cell:not(:last-of-type), #customers-case-study-2 .panel-grid-cell:not(:last-of-type) .panel-first-child, #customers-case-study-2 .panel-grid-cell:not(:last-of-type) .panel-last-child, #customers-case-study-1 .panel-first-child.panel-last-child, #customers-case-study-1 .panel-grid-cell:not(:first-of-type), #customers-case-study-1 .panel-grid-cell:last-of-type .panel-first-child, #customers-case-study-1 .panel-grid-cell:last-of-type .panel-last-child { padding: 0 !important; } #customers-case-study-3 .so-panel, #customers-case-study-2 .so-panel, #customers-case-study-1 .so-panel { margin-bottom: 0 !important; } /* Johnson Testimonial */ #customers-johnson-testimonial { background-color: #D82845; -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); padding-top: 45px; padding-bottom: 45px; } #customers-johnson-testimonial .customers-testimonial-text { margin-top: -8px; } #customers-johnson-testimonial .so-panel { margin-bottom: 0 !important; } #customers-johnson-testimonial .panel-last-child { padding-top: 0; } /* Washington National Opera Testimonial */ #customers-wno-testimonial .customers-testimonial-logo { margin-top: -9px; } #customers-wno-testimonial .customers-testimonial-text { padding-bottom: 24px; } #customers-wno-testimonial { background-color: #AFAFAF; -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); padding-top: 60px; padding-bottom: 45px; } #customers-wno-testimonial .so-panel { margin-bottom: 0 !important; } #customers-wno-testimonial .panel-last-child { padding-top: 0; } /* Get Start */ #customers-get-start { background: -webkit-linear-gradient(315deg, #5E6FC8 0%, #00A3FF 100%); background: -o-linear-gradient(315deg, #5E6FC8 0%, #00A3FF 100%); background: linear-gradient(135deg, #5E6FC8 0%, #00A3FF 100%); padding: 40px 0 26px !important; margin-bottom: 30px; } #customers-get-start h2 { font-size: 20px !important; text-align: center; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; line-height: 30px; color: #FFFFFF; } #customers-get-start p { font-size: 15px !important; text-align: center; line-height: 24px !important; color: #D7F0FF; } #customers-get-start strong { color: #FFF; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } #customers-get-start ul { list-style: none; padding-top: 20px; } #customers-get-start li { display: inline-block; margin: 12px 6px; } #customers-get-start li a { font-size: 13px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; text-align: center; line-height: 14px !important; text-decoration: none; padding: 16px 20px; border-radius: 6px; } #customers-get-start li:first-child a { color: #FFF; background-color: #39CA82; } #customers-get-start li:last-child a { color: #3A3A3A; background-color: #FFFFFF; } @media (max-width: 960px) { /* Header */ .page-id-14604 select.responsiveMenuSelect { display: none !important; }' .page-id-14604 .nav-toggle.icon { display: block !important; } } @media (max-width: 900px) and (min-width: 780px) { /* Case study */ .customers-case-study-single-img img { float: none; margin: 0; padding-left: 12px; } .customers-case-study-img-mt, .customers-case-study-img-mb { padding-left: 23px; } .customers-case-study-industry li { margin-bottom: 10px; } } @media (min-width: 768px) { /*Header*/ .page-id-22156 #navigation ul.nav > li:not(.free-trial-button) a:hover, .page-id-22156 #navigation ul.nav > li:not(.free-trial-button):hover, .page-id-22156 #navigation ul.nav li ul { background-color: transparent !important; } .page-id-22156 #navigation ul.nav li.current-menu-item:not(.free-trial-button) a, .page-id-22156 #navigation ul.nav li.current-menu-item:not(.free-trial-button) a:hover, .page-id-22156 #navigation ul.nav > li.menu-item:not(.free-trial-button) a:hover { border-bottom: 1px solid #FFF; border-radius: 0 !important; color: #FFF !important; } .page-id-22156 #navigation ul.nav li.current-menu-item a, .page-id-22156 #navigation ul.nav li.free-trial-button a:hover, .page-id-22156 #navigation ul.nav li.current-menu-item a:hover, .page-id-22156 #navigation ul.nav > li.menu-item a { color: #FFF !important; } /* Header blue gradient*/ #customers-header-blue { margin-top: -15%; padding-top: 18%; margin-bottom: 0 !important; } } @media (max-width: 992px) and (max-width: 780px) { #customers-header-blue { margin-top: -24%; } .page-id-22156 #navigation { width: 60%; } } @media (max-width: 780px) { /* Header blue gradient*/ #customers-header-blue { margin-top: -29%; padding-top: 27%; } #customers-header-blue .panel-grid-cell { background-size: 150%; } /* Case study */ #customers-case-study-2, #customers-case-study-3, #customers-case-study-1 { display: block; } #pgc-22156-customers-case-study-1-1, #pgc-22156-3-0 { margin-bottom: 0 !important; } #customers-case-study-1 .panel-first-child.panel-last-child { width: 53%; float: left; } #pgc-22156-customers-case-study-1-2, #pgc-22156-3-2 { width: 46% !important; float: right !important; margin-top: -45px; } #customers-case-study-2 .panel-first-child.panel-last-child { width: 53%; float: left; margin-bottom: 30px !important; } #pgc-22156-customers-case-study-2-1, #pgc-22156-5-1 { width: 46% !important; float: right !important; margin-top: -45px; } #pgc-22156-customers-case-study-2-2 .panel-first-child { width: 98%; overflow: hidden; } #pgc-22156-customers-case-study-3-1, #pgc-22156-7-0 { margin-bottom: 0 !important; } #customers-case-study-3 .panel-first-child.panel-last-child { width: 53%; float: left; } #pgc-22156-customers-case-study-3-2, #pgc-22156-7-2 { width: 46% !important; float: right !important; margin-top: -45px; } #customers-case-study-3 .customers-case-study-tex, #customers-case-study-1 .customers-case-study-text, #customers-case-study-2 .customers-case-study-text { padding-top: 0; } } @media (max-width: 610px) { /* Blue header */ #customers-header-blue h1 { font-size: 23px !important; line-height: 34px !important; } .customers-sub-header { padding-bottom: 100px; } #customers-header-blue .panel-grid-cell { background-size: 150%; } /* Case study */ #customers-case-study-1 .customers-case-study-text, #customers-case-study-2 .customers-case-study-text, #customers-case-study-3 .customers-case-study-text { padding-top: 0; } } @media (max-width: 550px) { /* Header */ #customers-header-blue h1 { font-size: 24px !important; line-height: 35px !important; } #customers-header-blue .panel-grid-cell { background-size: 180%; } /* Get start */ #customers-get-start li { margin-bottom: 30px; } /* Case study */ .customers-case-study-middle-img img, .customers-case-study-single-img img, .customers-case-study-img-mt img { margin: 0; } #customers-header-blue, #customers-logos, #customers-testimonial, #customers-case-study-1, #customers-johnson-testimonial, #customers-case-study-2, #customers-wno-testimonial, #customers-case-study-3, #customers-get-start, #pl-14604 .panel-grid-cell .so-panel { margin-bottom: 0 !important; } .customers-case-study-img-b img { margin-top: 0; } } @media (max-width: 410px) { /* Blue header */ #customers-header-blue h1 { font-size: 19px !important; line-height: 28px !important; } .customers-sub-header { padding-bottom: 75px; } #customers-header-blue .panel-grid-cell { background-size: 220%; } /* Logos */ .customers-logos-title p, .customers-case-study-text h2 { font-size: 17px !important; } } /* Sidebar */ @media (min-width: 768px) { .single-videos.postid-10001 #main-sidebar-container { float: right; width: 65%; } .single-videos.postid-10001 #main-sidebar-container #main { width: 100%; } .single-videos.postid-10001 #sidebar { float: left; width: 32%; } } @media (max-width: 992px) { #sidebar { /* position: relative !important; */ display: none; } .tax-article-category #sidebar + div { height: 10px !important; } } /* Features All Page */ /*Header*/ .page-id-22170 #navigation { background: transparent; } .page-id-22170 header h1.title { display: none; } .page-id-22170 .logo-icon { margin-left: 22px; margin-top: 13px; } body.page-id-22170 { margin-top: 0 !important; } .page-id-22170 #header-container { background: transparent; } .page:not(.page-id-22595):not(.page-id-24094) #navigation ul.nav > li:not(.free-trial-button).menu-item a { font-family: 'Graphik Web' !important; font-display: block; font-weight: 300 !important; font-style: normal !important; font-stretch: normal !important; -webkit-font-smoothing: subpixel-antialiased; letter-spacing: .2px; } .page-id-22170 .so-panel.widget { box-shadow: none; -webkit-box-shadow:none; } .page-id-22170 #top-nav-head { padding-top:0; } .page-id-22170 .wptbbarheaddiv { display: none; } .error404 ul.nav li a, .page ul.nav li a { padding-left:0; padding-right:0; margin: auto .5em; } #navigation li.free-trial-button a { font-size: 13px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; color: #fff !important; } .page #navigation { width: 66%; } .page-id-22170 #content.col-full { padding: 0 !important; margin: 0 !important; max-width: 100% !important; } /*Features all blue header*/ #features-all-header-blue { margin-bottom: 0 !important; background: linear-gradient(135deg, #5E6FC8 0%, #00A3FF 100%); padding-bottom: 60px; display: block; } .features-all-header h1 { font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; font-size: 38px !important; text-align: center; line-height: 52px !important; color: #FFFFFF; } /* Navigation Features All */ .features-all-navigation .widget-title { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 9px !important; line-height: 10px; color: #B0B5B9; margin-bottom: 6px; } .features-all-navigation #menu-features-all-navigation li { padding-top: 4.5px; } .widget .features-all-navigation #menu-features-all-navigation a, .features-all-navigation #menu-features-all-navigation a { font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; line-height: 24px !important; color: #3D4145; text-decoration: underline; } .features-all-navigation #menu-features-all-navigation a.nav-active, .features-all-navigation #menu-features-all-navigation a:hover { color: #39CA82; text-decoration: none; padding-left: 14px; background-image: url(../images/icon-selector.png); background-repeat: no-repeat; background-position: left center; } /* Main Content Features All */ #pl-14635 { background: linear-gradient(135deg, #EFF2F4 0%, #FAFBFC 100%); } #features-all-optical-character .panel-grid-cell .so-panel, #features-all-convert-design .panel-grid-cell .so-panel, #features-all-vector-recognition .panel-grid-cell .so-panel, #features-all-raster-effects .panel-grid-cell .so-panel, #features-all-batch-conversion-automation .panel-grid-cell .so-panel, #features-all-edit-draw .panel-grid-cell .so-panel, #features-all-flexible-licensing .panel-grid-cell .so-panel, #features-all-support .panel-grid-cell .so-panel{ margin-bottom: 0 !important; } #features-all-convert-design { padding-top: 34px; } #features-all-batch-conversion-automation, #features-all-vector-recognition, #features-all-raster-effects, #features-all-edit-draw, #features-all-flexible-licensing, #features-all-support { margin-top: -15px; } #features-all-optical-character { margin-top: -13px; } .features-all-heading h2 { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 20px !important; line-height: 30px !important; color: #363B40; padding-top: 20px; } .features-all-heading p { margin-bottom: 0; } .features-all-heading img { margin-top: 0; margin-right: 25px; margin-bottom: -5px; } .features-all-desc h3 { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; line-height: 14px !important; color: #363B40; text-align: left; text-transform: uppercase; } .features-all-desc p { font-size: 15px !important; line-height: 24px !important; color: #686F75; text-align: left; } .features-all-related { margin-top: -15px; margin-bottom: -9px; } .features-all-related .widget-title { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 9px !important; line-height: 10px !important; color: #B0B5B9; text-align: left; padding-bottom: 14px; } .features-all-related ul { list-style: none; } .features-all-related li { display: table-row; } .features-all-related p { text-align: left; } .features-all-related a { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px !important; line-height: 24px !important; color: #39CA82; text-decoration: underline !important; } .features-all-related img { margin-top: 2px; } .features-all-table { margin-top: -17px; } .features-all-table thead { background-color: #FFF; } .features-all-table thead td { font-size: 10px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; line-height: 11px !important; color: #7F8487; border-bottom: 1px solid #D7D9DA !important; padding-top: 15px; padding-bottom: 15px; } .features-all-table table { box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); border: 1px solid #D7D9DA; border-radius: 4px; } .features-all-table table td { border-right-color: #ebeced; border-right-style: solid; } .features-all-table tbody tr:nth-child(odd){ background-color: #f9fafb; } .features-all-table tbody tr:nth-child(even){ background-color: #FFF; } .features-all-table tbody td { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 12px !important; line-height: 24px !important; color: #363B40; border-bottom: none !important; padding-bottom: 4px; padding-top: 4px; } .features-all-table tbody td img { margin: 0 auto; } #features-all-vector-recognition .features-all-hr, #features-all-optical-character .features-all-hr, #features-all-raster-effects .features-all-hr { margin-top: -7px; } .features-all-hr hr { height: 2px; opacity: 0.21; background-color: #686F75; margin-top: 4px; margin-bottom: 0; } #features-all-support{ margin-bottom: -20px; } /* Get Start */ #features-all-get-start { background: linear-gradient(135deg, #5E6FC8 0%, #00A3FF 100%); padding: 40px 0 26px !important; margin-bottom: 35px; } #features-all-get-start h2 { font-size: 20px !important; text-align: center; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; line-height: 30px !important; color: #FFFFFF; } #features-all-get-start p { font-size: 15px !important; text-align: center; line-height: 24px !important; color: #D7F0FF; } #features-all-get-start strong { color: #FFF; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } #features-all-get-start ul { list-style: none; padding-top: 20px; } #features-all-get-start li { display: inline-block; margin: 12px 6px; } .widget #features-all-get-start li a, #features-all-get-start li a { font-size: 13px; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; text-align: center; line-height: 14px !important; text-decoration: none; padding: 16px 20px; border-radius: 6px; } #features-all-get-start li:first-child a { color: #FFF; background-color: #39CA82; } #features-all-get-start li:last-child a { color: #3A3A3A; background-color: #FFFFFF; } @media (max-width: 960px) { /* Header */ .page-id-22170 select.responsiveMenuSelect { display: none !important; } } @media (min-width: 768px) { /*Header*/ .error404 #navigation ul.nav > li:not(.free-trial-button) a:hover, .error404 #navigation ul.nav > li:not(.free-trial-button):hover, .error404 #navigation ul.nav li ul, .page #navigation ul.nav > li:not(.free-trial-button) a:hover, .page #navigation ul.nav > li:not(.free-trial-button):hover, .page #navigation ul.nav li ul { background-color: transparent !important; } .error404 #navigation ul.nav li.current-menu-item:not(.free-trial-button) a, .error404 #navigation ul.nav li.current-menu-item:not(.free-trial-button) a:hover, .error404 #navigation ul.nav > li.menu-item:not(.free-trial-button) a:hover, .page:not(.page-id-22595):not(.page-id-24094) #navigation ul.nav li.current-menu-item:not(.free-trial-button) a, .page:not(.page-id-22595):not(.page-id-24094) #navigation ul.nav li.current-menu-item:not(.free-trial-button) a:hover, .page:not(.page-id-22595):not(.page-id-24094) #navigation ul.nav > li.menu-item:not(.free-trial-button) a:hover { border-bottom: 1px solid #FFF; border-radius: 0 !important; color: #FFF !important; } .error404 #navigation ul.nav li.current-menu-item a, .error404 #navigation ul.nav li.current-menu-item a:hover, .error404 #navigation ul.nav li.free-trial-button a:hover, .error404 #navigation ul.nav > li.menu-item a, .page:not(.page-id-22595):not(.page-id-24094) #navigation ul.nav li.current-menu-item a, .page:not(.page-id-22595):not(.page-id-24094) #navigation ul.nav li.current-menu-item a:hover, .page:not(.page-id-22595):not(.page-id-24094) #navigation ul.nav li.free-trial-button a:hover, .page:not(.page-id-22595):not(.page-id-24094) #navigation ul.nav > li.menu-item a { color: #FFF !important; } /*Features All with blue gradient*/ #features-all-header-blue { margin-top: -15%; padding-top: 18%; margin-bottom: 0 !important; } } @media (max-width: 780px) { /*Features All with blue gradient*/ .features-all-header h1 { font-size: 34px !important; } } @media (max-width: 768px) { /*Features All with blue gradient*/ #features-all-header-blue { margin-top: -27%; padding-top: 27%; } /* table */ .features-all-table { overflow-x: auto; } .features-all-table table { min-width: 535px; } } @media (max-width: 550px) { /* Header */ #features-all-header-blue h1 { font-size: 24px !important; line-height: 35px !important; } /* Main Content */ .features-all-desc h3 { line-height: 20px !important; } .features-all-heading h2 { font-size: 17px !important; line-height: 22px !important; } .features-all-heading img { margin-right: 15px; } } @media (max-width: 410px) { /*Features All with blue gradient*/ #features-all-header-blue { margin-top: -35%; padding-top: 35%; } /* Get start */ #features-all-get-start li { margin: 17px 6px; } } /* * Pricing table page */ /*Header*/ .page-id-7340 header h1.title { display: none; } .page-id-7340 .logo-icon { margin-left: 22px; margin-top: 13px; } body.page-id-7340 { margin-top: 0 !important; } .page-id-7340 #navigation, .page-id-7340 #header-container { background: transparent; } .page-id-7340 .so-panel.widget { box-shadow: none; -webkit-box-shadow:none; } .page-id-7340 #top-nav-head { padding-top:0; } .page-id-7340 .wptbbarheaddiv { display: none; } .page-id-7340 ul.nav li a { padding-left:0; padding-right:0; margin: auto .5em; } #nav-container { width: 100%; float: none; } /*General*/ .widget h3 { border-bottom: none !important; } .page-id-7340 #content.col-full { padding: 0 !important; margin: 0 !important; max-width: 100% !important; } .page-id-7340 h4 { font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; font-size: 16px !important; } .page-id-7340 .widget h4 a, .page-id-7340 h4 a { font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; } .page-id-7340 h3 { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 20px !important; } .widget p, .widget a, .page-id-7340 p, .page-id-7340 a { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; } .page-id-7340 strong { font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; } /*Seaction1 with blue gradient*/ #header-blue-gradient { background: linear-gradient(135deg, #5E6FC8 0%, #00A3FF 100%); display: block; } #header-blue-gradient h1 { font-size: 38px !important; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; text-align: center; line-height: 52px; color: #FFF; } #header-blue-gradient .so-panel{ margin-bottom: 0 !important; padding-top: 0; } .entry img { background: none !important; } /* Pricing tabs */ #tabs-scan2cad-pricing-tabs .tab, #tabs-scan2cad-pricing-tabs { background: transparent; margin-bottom: -7%; } #header-blue-gradient p:empty { display: none; } #tabs-scan2cad-pricing-tabs ul.tab_titles li.nav-tab { float: none; margin-right: -5px; } #tabs-scan2cad-pricing-tabs li.nav-tab.ui-state-active a { background: #39CA82 !important; color: #FFF; } #tabs-scan2cad-pricing-tabs ul.tab_titles li.nav-tab a:hover { background-color: transparent; } #tabs-scan2cad-pricing-tabs li.nav-tab a#ui-id-1 { border-radius: 6px 0 0 6px; } #tabs-scan2cad-pricing-tabs li.nav-tab a { display: inline-block; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; float: none; font-size: 13px !important; padding: 13px 20px; border: 1px solid rgba(255,255,255,0.2); color: #A8D4FF; } #tabs-scan2cad-pricing-tabs li.nav-tab a#ui-id-2 { border-radius: 0 6px 6px 0; } #tabs-scan2cad-pricing-tabs .ui-tabs-nav { margin: 0 0 40px 0; } /* Pricing table */ .gw-go-price-wrap span { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; } .gw-go-price-wrap small { font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; color: #6B93BB; } .gw-go-price-wrap span[data-id="currency"]{ color: #5C7791 !important; } .gw-go-ribbon-text.gw-go-ribbon-left span { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; padding: 4px 11px 2px; border-radius: 4px; -moz-transform: none; -o-transform: none; -webkit-transform: none; transform: none; -moz-transform-origin: 0; -o-transform-origin: 0; -webkit-transform-origin: 0; transform-origin: 0; width: auto; } .gw-go-col.gw-go-clean-style14 .gw-go-col-inner { background: #fff; } .gw-go-header-bottom { float: right; display: inline-block; } #tabs-scan2cad-pricing-tabs .gw-go-header-top { display: none; } .gw-go-header-standard .gw-go-price-wrap { text-align: right !important; padding-right: 18px; } #tabs-scan2cad-pricing-tabs .gw-go-body-cell { font-size: 15px !important; font-family: 'Graphik Web' !important; font-display: block; font-weight: 400 !important; font-style: italic !important; font-stretch: normal !important; color: #363B40; padding: 20px 0 0; line-height: 23px; height: auto !important; } #tabs-scan2cad-pricing-tabs .gw-go-btn { width: 100%; margin: 0 auto !important; } #tabs-scan2cad-pricing-tabs .gw-go-btn > .gw-go-btn-inner { display: inherit !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; } .gw-go-col-wrap.gw-go-disable-enlarge .gw-go-col { padding: 0 10px; } #tabs-scan2cad-pricing-tabs .gw-go-col-wrap .gw-go-col-inner { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); border-radius: 0 0 6px 6px; border-bottom: none; border: none; } .gw-go-col-wrap-0 .gw-go-col-inner:before, .gw-go-col-wrap-1 .gw-go-col-inner:before, .gw-go-col-wrap-2 .gw-go-col-inner:before { content: " "; width: calc(100% - 20px); height: 2px; top: -4px; border-radius: 1px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); position: absolute; } .gw-go-col-wrap-0 .gw-go-col-inner:before { background-color: #97a2ac; } .gw-go-col-wrap-2 .gw-go-col-inner:before { background-color: #FECA2E; } .gw-go-col-wrap-1 .gw-go-col-inner:before { background-color: #39CA82; } .gw-go-footer-row-inner, .gw-go-body li[data-row-index="0"]{ padding-left: 18px !important; padding-right: 18px !important; height: auto !important; } .gw-go-col-wrap-2 .gw-go-body li[data-row-index="0"] .gw-go-body-cell { border-top: 2px solid #E5ECF3; } .gw-go-col-wrap-1 .gw-go-body li[data-row-index="0"] .gw-go-body-cell { border-top: 2px solid #39CA82; } .gw-go-col-wrap-0 .gw-go-body li[data-row-index="0"] .gw-go-body-cell{ border-top: 2px solid #E5ECF3; } .gw-go-btn, a.gw-go-btn { border-radius: 6px; } .gw-go-btn > .gw-go-btn-inner { height: auto; } ul.gw-go-body > li:before { display: inherit !important; } .gw-go-col-wrap.gw-go-hover .gw-go-col.gw-go-clean-style14 .gw-go-body, .gw-go-col-wrap.gw-go-hover .gw-go-col.gw-go-clean-style14 .gw-go-body > li { border: none; } .tab.ui-tabs-panel { padding-top: 0; } .gw-go-footer-wrap, .gw-go-col-wrap.gw-go-disable-enlarge { padding: 20px 0 27px !important; height: auto !important; } /* Features Icon list */ #icon-list { margin: auto !important; } #icon-list .panel-grid-cell { padding-left: 14px !important; padding-right: 14px !important; } #icon-list ul { list-style: none; } #icon-list li { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 14px !important; line-height: 24px !important; color: #363B40; margin-bottom: 8px; float: left; clear: right; width: 100%; } #icon-list a { border-bottom: 1px dashed #D0D4D8; color: #363B40; } #icon-list ul li span img { margin-top: -4px; margin-bottom: 5px; } #icon-list a:hover { text-decoration: none; } #icon-list abbr { border-bottom: none; } #tooltip img { padding-bottom: 5px; } #tooltip { font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; font-size: 10px !important; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); border-radius: 4px; background: #39CA82; text-shadow: none; } #tooltip:after { border-top-color: #39CA82; } /* Support-section*/ #gray-bg-gradient { background: linear-gradient(338.54deg, #FFFFFF 0%, #F6F7F9 100%); margin-top: 2.9em; margin-bottom: 0 !important; } #gray-bg-gradient .so-panel { padding-bottom: 0; } .support-image { margin-top: -70px; } .support-image img { margin-bottom: 0; padding: 0; } .support-text h3 { line-height: 30px; color: #2CBAEB; text-align: left; } .support-text p { font-size: 15px !important; line-height: 24px !important; color: #686F75; text-align: left; } /* Logos */ #green-bg-logos .logos-heading h3 { font-size: 20px !important; text-align: center; line-height: 28px; color: #FFFFFF; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; } #green-bg-logos .so-panel { margin-bottom: 0 !important; padding-bottom: 0; } .logos-heading { padding-top: 3em; } .logo-list { margin-top: -20px; } .logo-list ul { list-style: none; margin-bottom: 7px; } .logo-list li { display: inline-block; } .logos-bottom-link a { font-size: 15px !important; text-align: center; line-height: 20px; color: #FFFFFF; text-decoration: underline; } .logos-bottom-link { padding-bottom: 3.1em; margin-top: -1.1em; } #green-bg-logos { margin-bottom: 43px !important; } /* FAQ */ #faq-heading { margin-bottom: 5px !important; } #pricing-faq, #pricing-faq-2 { margin-bottom: 0 !important; } #faq-heading h3 { line-height: 30px !important; color: #363B40; margin-bottom: 0; padding-bottom: 11px; } #faq-heading p { font-size: 15px !important; text-align: center; line-height: 24px !important; color: #686F75; } #pricing-faq-2, #pricing-faq { margin-bottom: 0; } #pricing-faq-2 a, #pricing-faq-3 a, #pricing-faq a, #faq-heading a { text-decoration: underline; color: #39ca82; } #pricing-faq-2 p, #pricing-faq-3 p, #pricing-faq p { text-align: left; font-size: 15px !important; line-height: 24px !important; color: #686F75; } #pricing-faq-2 strong, #pricing-faq-3 strong, #pricing-faq strong { color: #363B40; } #pricing-faq-2 .so-panel; #pricing-faq-3 .so-panel; #pricing-faq .so-panel { margin-bottom: 0 !important; } @media (max-width: 1200px) and (min-width: 768px){ /*Header*/ .buy-menu { margin-left: 11% !important; margin-right: 12px !important; } } @media (max-width: 960px) and (min-width: 768px){ .buy-menu { margin-left: 0 !important; } } @media (min-width: 768px) { /*Header*/ .page-id-7340 #navigation ul.nav li ul { background-color: transparent !important; } /*Seaction1 with blue gradient*/ #header-blue-gradient { margin-top: -15%; padding-top: 18%; margin-bottom: 5.9em !important; } /* Pricing table */ .gw-go-col-wrap-0, .gw-go-col-wrap-2 { margin-top: 15px; } /* Support-section*/ .support-text { padding-top: 80px; } .support-text, .support-image { max-width: 450px; } .support-text { margin-right: 0 !important; margin-left: auto !important; } } @media (max-width: 767px) { /* Header */ .logo-wrap { width: 230px; margin: 0 auto; float: none; } } @media (max-width: 767.8px) { /* Pricing tabs */ #tabs-scan2cad-pricing-tabs .tab, #tabs-scan2cad-pricing-tabs { margin-bottom: 0; } #header-blue-gradient { margin-bottom: 2em !important; margin-top: -27%; padding-top: 27%; } /* Support-section*/ .support-text { padding-top: 20px; padding-bottom: 20px; } } @media (max-width: 610px) { /* Pricing tabs */ #tabs-scan2cad-pricing-tabs li.nav-tab a { font-size: 11px !important; padding: 9px 15px; } #tabs-scan2cad-pricing-tabs .go-pricing .gw-go-col-wrap{ max-width: 100% !important; width: 100%; } .gw-go-col-wrap-1 .gw-go-col-inner:before { width: 95%; } } @media (max-width: 410px) { /* Pricing tabs */ .gw-go-col-wrap.gw-go-disable-enlarge .gw-go-col { padding: 0px 7px; } .gw-go-ribbon-text.gw-go-ribbon-left span { font-size: 12px !important; padding: 2px 8px; } #tabs-scan2cad-pricing-tabs li.nav-tab a#ui-id-1, #tabs-scan2cad-pricing-tabs li.nav-tab a#ui-id-2 { border-radius: 6px; margin-bottom: 10px; } } /* Complete your order Page */ .woocommerce-checkout .panel-grid-cell { min-height: auto !important; } .woocommerce-checkout .logo-icon { margin-left: 22px; margin-top: 13px; } .woocommerce-checkout .logo-type-other, .woocommerce-checkout .logo-type { font-family:"DIN W01 Regular" !important; font-size: 22px !important; line-height: 19px !important; margin-left: 5px; } .woocommerce-checkout #navigation ul.nav > li:not(.free-trial-button).menu-item a { font-family: 'Graphik Web' !important; font-display: block; font-weight: 300 !important; font-style: normal !important; font-stretch: normal !important; -webkit-font-smoothing: subpixel-antialiased; letter-spacing: .2px; color: #FFFFFF; font-size: 15px !important; text-decoration: none; } .woocommerce-checkout .so-panel.widget { box-shadow: none; -webkit-box-shadow:none; } .woocommerce-checkout#top-nav-head { padding-top:0; } .woocommerce-checkout .wptbbarheaddiv { display: none; } .woocommerce-checkout ul.nav li a { padding-left:0; padding-right:0; margin: auto .5em; text-decoration: underline; } .woocommerce-checkout ul.nav li { float: right; } .woocommerce-checkout #main-nav { width: 100%; } .woocommerce-checkout #navigation { width: 66%; } /* Blue Header */ .woocommerce-checkout #header-container { background: transparent; } .woocommerce-checkout #top-nav-head { display: none; } .woocommerce-checkout h1.title { color: #FFFFFF; font-size: 38px !important; line-height: 52px !important; text-align: center; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; font-family: 'Graphik Web' !important; font-display: block; } .woocommerce-checkout #main-sidebar-container header { background: linear-gradient(135deg, #5E6FC8 0%, #00A3FF 100%); padding-top: 150px; padding-bottom: 35px; margin-top: -94px; } .woocommerce-checkout.admin-bar:not(.woocommerce-order-received) #header-container { padding-top: 30px; } .woocommerce-checkout #content.col-full { padding: 0 !important; margin: 0 !important; max-width: 100% !important; } /* Body */ .woocommerce-checkout:not(.woocommerce-order-received) #content.col-full { background-color: #F6F8FA; } /* Login Form */ #wcopc-login-wrapper { margin-top: 55px; } #panel-22212-0-0-0 { margin-bottom: 4px !important; } .woocommerce-checkout .woocommerce-info { border-radius: 6px; background-color: #FFFFFF; box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 2px 6px 0 rgba(0,0,0,0.15); color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px !important; line-height: 24px !important; text-align: center; width: calc(58% - 55px); border: none; padding: 13.5px 1.8em 13.5px 1.8em !important; max-width: 540px; margin-bottom: 27px !important; } .woocommerce-checkout .woocommerce-info a{ color: #39CA82; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px !important; line-height: 24px !important; text-decoration: underline; } .woocommerce-checkout #opc-messages, .woocommerce-checkout #opc-product-selection, .woocommerce-checkout .form-row .required, .woocommerce-checkout .woocomerce-form.woocommerce-form-login > p:not(.form-row):not(.lost_password), .woocommerce-checkout .form-row label:not(.checkbox), .woocommerce-checkout .woocommerce-info:before { display: none; } #billing_purchasing_for_else_field label { /* added by gregor as labels hidden by default*/ display: inherit; } .woocommerce-checkout .woocomerce-form.woocommerce-form-login { width: 56%; position: relative; margin-bottom: 28px; } .woocommerce-checkout .form-row .input-text { border-radius: 6px; background-color: #FFFFFF; box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); height: 38px; padding: 5px 17px; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; width: 259px; border: none; } .woocommerce-checkout .form-row .input-text:-moz-placeholder, .woocommerce-checkout .form-row .input-text::placeholder, .woocommerce-checkout .form-row .input-text:-ms-input-placeholder, .woocommerce-checkout .form-row .input-text::-moz-placeholder, .woocommerce-checkout .form-row .input-text::-webkit-input-placeholder, .woocommerce-checkout .form-row.form-row-last::-webkit-input-placeholder, .woocommerce-checkout .form-row.form-row-last::-moz-placeholder, .woocommerce-checkout .form-row.form-row-last:-ms-input-placeholder, .woocommerce-checkout .form-row.form-row-last:-moz-placeholder, .woocommerce-checkout .form-row.form-row-last::placeholder, .woocommerce-checkout .form-row.form-row-first::-webkit-input-placeholder, .woocommerce-checkout .form-row.form-row-first::-moz-placeholder, .woocommerce-checkout .form-row.form-row-first:-ms-input-placeholder, .woocommerce-checkout .form-row.form-row-first:-moz-placeholder, .woocommerce-checkout .form-row.form-row-first::placeholder { color: #989EA3; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px !important; line-height: 17px !important; } .woocommerce-checkout.woocommerce-order-pay .woocomerce-form.woocommerce-form-login.login:after { display:none; } .woocommerce-checkout .form-row.form-row-first .input-text { float: left; max-width: 100%; } .woocommerce-checkout .form-row.form-row-last .input-text { float: right; max-width: 100%; } .woocommerce-checkout .lost_password a { color: #39CA82; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 12px !important; line-height: 24px !important; text-align: right; float: right; position: absolute; right: 3px; margin-top: -10px; text-decoration: underline; } .woocommerce-checkout .woocomerce-form input[type=submit], .woocommerce-checkout .woocomerce-form input.button { border-radius: 6px; background-color: #39CA82; height: 35.42px; width: 149.03px; color: #FFFFFF; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; line-height: 14px !important; float: right; margin-top: 27px; } .woocommerce-checkout .woocomerce-form.woocommerce-form-login .form-row:not(.form-row-first):not(.form-row-last) { width: 100%; } .woocommerce-checkout .woocomerce-form.woocommerce-form-login.login:after { background-color: rgba(227,231,234,0.5); content: ""; width: 100%; height: 1px; position: absolute; left: 0; margin-top: 13px; } /* Choose Plane */ .woocommerce-checkout abbr { vertical-align: middle; border: none; } .woocommerce-checkout abbr img { display: table-row-group; } .woocommerce-checkout #tooltip { border-radius: 4px; background: #39CA82; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); text-shadow: none; width: 191px; color: #FFFFFF; font-size: 10px !important; line-height: 14px !important; text-align: center; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; } .woocommerce-checkout #tooltip:after { border-top: 10px solid #39CA82; } .widget .choose-plan-wrapper p, .choose-plan-wrapper p { color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; line-height: 14px !important; text-transform: uppercase; text-align: left; } .choose-plan-wrapper p span { vertical-align: middle; } .choose-plan-wrapper p span img { margin-bottom: -6px; margin-right: 16px; margin-left: -4px; } #panel-22212-0-0-1 { margin-bottom: 0 !important; } .choose-plan-wrapper ul { list-style: none; text-align: left; padding-top: 22px !important; } .choose-plan-wrapper ul li label { color: #363B40; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; line-height: 26px !important; } .choose-plan-wrapper ul li label a { color: #39CA82; text-decoration: underline; margin-left: 6px; } .choose-plan-wrapper ul li { display: table-cell; padding-right: 30px; } .choose-plan-wrapper ul li:last-child { padding-right: 0; } .choose-plan-wrapper ul li .quantity { display: block; height: 38px; border-radius: 6px; background-color: #FFFFFF; box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); border: none; width: 115px; margin-top: 10px; } .gform_body select, .choose-plan-wrapper ul li select { display: block; height: 38px; border-radius: 6px; background: url(../images/select-arrow.png); background-color: #fff; background-repeat: no-repeat; background-size: 19px; background-position: 95%; box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); border: none; padding-left: 13px; -moz-appearance: none; margin-top: 10px; } .gform_body .select2-container--default .select2-selection--single .select2-selection__rendered, .gform_body select, .choose-plan-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered, .choose-plan-wrapper ul li select, .choose-plan-wrapper ul li select option { color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px !important; line-height: 2.6 !important; text-transform: none; padding-right: 30px; } .choose-plan-wrapper .select2-container { margin-top: 10px; } .choose-plan-wrapper ul li select#selected-tier { width: 200px; } .choose-plan-wrapper ul li select#license-type { width: 160px; } .choose-plan-wrapper ul li .quantity #number-of-users { border: none; color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px !important; line-height: 17px !important; height: 38px; } .choose-plan-wrapper .select2-container { display: block; } .choose-plan-wrapper ul li .quantity .minus { background: url(../images/minus-quantity.jpg); background-color: #fff; background-repeat: no-repeat; background-position: right; background-size: 13px; color: transparent; border: none; margin-top: 11px; margin-right: 10px; } .choose-plan-wrapper ul li .quantity .plus { background: url(../images/plus-quantity.jpg); background-color: #fff; background-repeat: no-repeat; background-position: right; background-size: 13px; color: transparent; border: none; margin-top: 6px; margin-right: 10px; } .choose-plan-wrapper ul li .quantity .minus:hover, .choose-plan-wrapper ul li .quantity .plus:hover { background-color: transparent; } /* Billing Plan */ .widget .billing-plan-wrapper p, .billing-plan-wrapper p { color: #363B40; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; line-height: 26px !important; text-align: left; margin-bottom: 13px; } .billing-plan-wrapper p:empty { display: none; } .billing-plan-wrapper ul { list-style: none; padding-bottom: 32px !important; } .billing-plan-wrapper ul li { display: table-cell; padding-right: 18px; text-align: left; } .billing-plan-wrapper input#billed-monthly-checkbox[type="checkbox"], .billing-plan-wrapper input#billed-annually-checkbox[type="checkbox"] { height: 20px; width: 20px; border-radius: 3px; background: #DADFE3; -webkit-appearance: none; border: none; display: inline-block; vertical-align: middle; margin: 17px; cursor: pointer; -moz-appearance: none; } .billing-plan-wrapper input#billed-monthly-checkbox[type="checkbox"]:checked, .billing-plan-wrapper input#billed-annually-checkbox[type="checkbox"]:checked { background-color: #39CA82; background-image: url(../images/icon-checkmark@2x.png); background-repeat: no-repeat; background-position: center; background-size: 11px; cursor: pointer; } .billing-plan-wrapper .billing-plans { border: 2px solid #DADFE3; border-radius: 6px; background-color: #FFFFFF; box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); height: 153px; width: 259px; } .billing-plan-wrapper ul li.selected-plan .billing-plans { border: 2px solid #39CA82; } .billing-plan-wrapper ul li h5 { color: #39CA82; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; font-size: 11px !important; line-height: 18px !important; display: inline-block; } .billing-plan-wrapper ul li h4 { color: #363B40; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px !important; line-height: 18px !important; display: inline-block; } .billing-plan-wrapper .billed-monthly h4 { width: 158px; text-align: center } .billing-plan-wrapper .billed-annually h4 { width: 127px; } .billing-plan-wrapper #billed-monthly-price, .billing-plan-wrapper #billed-annually-price { color: #DADFE3; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 40px !important; line-height: 44px !important; text-align: center; margin-bottom: 0; margin-top: 9px; } .billing-plan-wrapper ul li.selected-plan #billed-monthly-price, .billing-plan-wrapper ul li.selected-plan #billed-annually-price { color: #363B40; } .widget .billing-plan-wrapper #billed-monthly-price + p, .widget .billing-plan-wrapper #billed-annually-price + p, .billing-plan-wrapper #billed-monthly-price + p, .billing-plan-wrapper #billed-annually-price + p { color: #6B93BB; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; font-size: 12px !important; line-height: 18px !important; text-align: center; } #panel-22212-0-0-1 { display: table; position: relative; } /* woocommerce billing fields */ #panel-22212-0-0-3 { margin-bottom: 0 !important; padding-bottom: 16px; } #customer_details { width: 57%; float: left; padding-bottom: 42px; } #customer_details .col-2 { margin-bottom: 19px; } .woocommerce-checkout #customer_details:after { content: ''; width: calc(100% + 74px); height: 1px; margin-left: -46px; background: rgba(227,231,234,0.5); } .wcopc #customer_details:after { content: ''; width: 100%; height: 1px; background: rgba(227,231,234,0.5); margin-left: 0; } .woocommerce-checkout .wcopc .blockUI { display: block !important; position: fixed !important; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; } .woocommerce-billing-fields h3:not(#billing_information_link_field) { color: #f6f8fa; font-size: 0; text-align: left; margin-bottom: 38px; } .wcopc .woocommerce-billing-fields h3:not(#billing_information_link_field) { padding-left: 47px; } .woocommerce-billing-fields h3:not(#billing_information_link_field):after { content: "ENTER YOUR BILLING ADDRESS"; height: 13px; width: 201px; color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; line-height: 14px !important; vertical-align: middle; } .wcopc .order_review_confidence, .wcopc .order_review_guarantee { display: none; } .wcopc .woocommerce-billing-fields h3:not(#billing_information_link_field):before { background-image: url(../images/icon-step-2@2x.png); background-repeat: no-repeat; background-position: left; background-size: 24px; content: ""; position: absolute; width: 25px; height: 25px; margin-left: -48px; } .woocommerce-checkout .col-1, .woocommerce-checkout .payment_box .form-row .input-text, .woocommerce-checkout .woocommerce-billing-fields .form-row .input-text { width: 99.5%; } .wcopc #customer_details #woocommerce_eu_vat_number, .wcopc .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper { max-width: 453px; margin: 0 auto; } .wcopc > .woocommerce-message { display: none; } .woocommerce-checkout #customer_details .form-row { margin-left: 0; } .woocommerce-checkout #billing_company_field, .woocommerce-checkout #billing_country_field, .woocommerce-checkout #billing_postcode_field, .woocommerce-checkout #billing_state_field { margin-bottom: 21px; } .woocommerce-checkout .form-row .input-text:focus { box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 2px 6px 0 rgba(0,0,0,0.15); } .select2-results__options { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; color: #686F75; font-size: 15px !important; line-height: 17px !important; overflow-y: auto !important; max-height: 150px !important; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected=true] { color: #363B40; font-size: 15px !important; line-height: 17px !important; background: transparent; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #B4B9BE; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px !important; line-height: 2.6 !important; max-width: 164px; padding-left: 12px !important; background-color: #fff; } span.selection > span { display: block; height: 38px; border-radius: 6px; box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); border: none; padding-left: 2px; text-align: left; overflow: hidden; background-color: #fff; } .select2-container .select2-selection--single { height: 38px; } .select2-container--default .select2-selection--single { border: none; } .select2-container--default .select2-selection--single .select2-selection__arrow b { background: url(../images/select-arrow.png); background-repeat: no-repeat; width: 20px; height: 20px; background-size: 19px; border: none; top: 36%; left: -6px; } span.selection .select2-selection__rendered { vertical-align: middle; height: 38px; display: table-cell; } .select2-container--default .select2-search--dropdown { display: none; } .select2-container--open .select2-dropdown--below { border-radius: 0 0 6px 6px !important; background-color: #FFFFFF !important; box-shadow: 0px 1px 0 0 rgba(0,0,0,0.02), 0px 4px 6px 0 rgba(0,0,0,0.15) !important; border: none !important; display: table !important; overflow: hidden; margin-top: -5px; z-index: 999999; position: relative; } .select2-results { padding-left: 15px; padding-right: 15px; display: table-cell; border: none; background-color: #fff; } .select2-results__option { padding: 6px; } .woocommerce-checkout .select2-results:before { border-top: 1px solid #EDEEEF; content: ""; width: calc(100% - 30px); position: absolute; } .woocommerce-checkout #billing_postcode_field, .woocommerce-checkout #billing_country_field { width: 49%; clear: none; float: right; } .woocommerce-checkout #billing_state_field, .woocommerce-checkout #billing_company_field { width: 49%; } .woocommerce-checkout #billing_email_field, .woocommerce-checkout #billing_address_1_field, .woocommerce-checkout #billing_last_name_field, .woocommerce-checkout #billing_first_name_field { margin-bottom: 0; } #panel-22212-0-0-2:after { content: ''; width: 100%; height: 1px; background: rgba(227,231,234,0.5); } #panel-22212-0-0-2 { width: 55%; float: left; padding-top: 5px; margin-bottom: 20px !important; } /* order review */ .woocommerce-checkout .wcopc { position: relative; } .woocommerce-checkout h3#order_review_heading { display: none; } .woocommerce-checkout #order_review > .opc_order_review { float: right; clear: right; width: 320px; margin-top: -450px;; } .extra-content-after-order-review h5, .extra-content-before-order-review h5 { color: #686F75; font-size: 12px !important; line-height: 11px !important; text-align: left; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; margin-bottom: 15px; } .extra-content-after-order-review h5:after { background-image: url(../images/icon-rosette@2x.png); content: ""; width: 20px; height: 25px; position: absolute; background-repeat: no-repeat; margin-left: 4px; margin-top: -4px; background-size: 12px; } .extra-content-before-order-review ul { list-style: none; text-align: left; } .extra-content-before-order-review ul li { background-image: url(../images/icon-check-circle@2x.png); color: #686f75; font-size: 12px !important; line-height: 16px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; background-repeat: no-repeat; font-stretch: normal !important; padding-left: 29px; min-height: 18px; margin-bottom: 9px; background-size: 16px; } .extra-content-after-order-review p { color: #686f75; font-size: 12px !important; line-height: 15px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; background-repeat: no-repeat; text-align: left; } .woocommerce-checkout-review-order-table, .opc_order_review table { border-radius: 6px; background-color: #FFFFFF; box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); border: none; padding-left: 35px; padding-right: 35px; padding-top: 45px; } .entry .opc_order_review table th, .entry .opc_order_review table td { border: none; width: 100%; display: table-row; float: left; padding: 0 !important; } .woocommerce-checkout .opc_order_review tbody, .woocommerce-checkout .opc_order_review tfoot { display: table; width: 100%; } .woocommerce-checkout .first-payment-date, .woocommerce-checkout .tax-rate.recurring-total, .woocommerce-checkout .opc_order_review .recurring-totals, .woocommerce-checkout tfoot .order-total:not(.recurring-total), .woocommerce-checkout tfoot .order-total th, .woocommerce-checkout .cart_item .subscription-details, .woocommerce-checkout .cart_item .order-total th, .woocommerce-checkout .cart-subtotal, #order_review .product-remove, .opc_order_review table thead { display: none; } .woocommerce-checkout .product-details { color: #363B40; font-size: 18px !important; line-height: 18px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; } .woocommerce-checkout:not(.woocommerce-order-received):not(.woocommerce-order-pay) td.product-name:before { Content: "SELECTED PLAN"; color: #686F75; font-size: 10px !important; line-height: 11px !important; text-align: center; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; display: -webkit-box; padding-bottom: 10px; } .woocommerce-checkout .opc_cart_item td.product-name { padding-bottom: 0; } .woocommerce-checkout .cart_item .quantity input.qty { border: none; color: #686F75; font-size: 10px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; line-height: 11px !important; text-align: left; width: 0.618em; } .woocommerce-checkout .cart_item .quantity:after { content: "X USERS"; color: #686F75; font-size: 10px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; line-height: 11px !important; display: inline-block; } .woocommerce-checkout .cart_item .product-quantity { width: 100%; padding-top: 30px } .woocommerce-checkout .cart_item .product-total { padding-top: 0; } .woocommerce-checkout .opc_order_review span.amount{ color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 18px !important; line-height: 18px !important; } .woocommerce-checkout tfoot .tax-rate th { color: #686F75; font-size: 10px !important; line-height: 11px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; margin-top: 35px; margin-bottom: 10px; } .woocommerce-checkout tfoot .tax-rate th:after { content: " (20%)"; } .woocommerce-checkout .cart-discount th { font-size: 10px !important; line-height: 11px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; margin-top: 35px; margin-bottom: 10px; text-transform: uppercase; color: #686F75; } .woocommerce-checkout .cart-discount td { color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 18px !important; line-height: 18px !important; } .woocommerce-checkout .cart-discount .woocommerce-remove-coupon { color: #39CA82; font-size: 12px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; text-decoration: underline; } .woocommerce-checkout tfoot .order-total.recurring-total:before { color: #686F75; font-size: 10px !important; line-height: 11px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; margin-top: 35px; margin-bottom: 10px; content: "TOTAL"; float: left; } .woocommerce-checkout .opc_order_review .order-total.recurring-total span.amount, .woocommerce-checkout .opc_order_review .order-total.recurring-total { color: #39CA82; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 18px !important; line-height: 18px !important; } .woocommerce-checkout .opc_order_review .order-total.recurring-total { font-size: 12px; } .woocommerce-checkout input[type=submit]#place_order { border-radius: 6px; background-color: #39CA82; height: 34.42px; width: 247px; padding: 6px 20px 5px 20px; margin-top: 68px; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; margin-bottom: 33px; } .opc_cart_item .product-quantity .quantity .plus, .opc_cart_item .product-quantity .quantity .minus { display: none; } /* Payment */ .checkout.woocommerce-checkout { position: static !important; } .woocommerce-checkout .woocommerce-checkout-payment { clear: left; width: 57%; float: left; text-align: left; } .woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods { margin-bottom: 0 !important; } .woocommerce-checkout .wcopc .woocommerce-checkout-payment:before { background-image: url(../images/icon-step-3@2x.png); background-repeat: no-repeat; background-position: left; background-size: 24px; content: ""; position: absolute; width: 25px; height: 25px; margin-left: 0; margin-top: -4px; } .woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods:before { content: "SECURE PAYMENT"; height: 13px; width: 201px; color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; line-height: 14px !important; } .wcopc .woocommerce-checkout-payment ul.payment_methods:before { margin-left: 58px; } .woocommerce-checkout .wcopc .woocommerce-checkout-payment ul.payment_methods:before { margin-left: 47px } .wcopc .payment_methods li:first-child { margin: 0 auto; } #extra-content-after-payment-form-wrapper { width: 57%; float: left; } .woocommerce-checkout .payment_methods li:first-child { padding-top: 42px; border-bottom: none; max-width: 452px; position: relative; } .woocommerce-checkout .payment_methods li.payment_method_paypal { display: none; } input[type="radio"], .input-radio { -webkit-appearance: none; border-color: #DADFE3; background: #F6F8FA; border-radius: 25px; border-width: 8px; padding: 2px; margin: 0; vertical-align: middle; border-style: solid; box-shadow: none; } input[type="radio"]:focus, .input-radio:focus { box-shadow: none; } input[type="radio"]:checked, .input-radio:checked { border-color: #39CA82; background: #FFFFFF; border-radius: 25px; border-width: 6px; padding: 4px; box-shadow: none; } .woocommerce-checkout .payment_methods li.payment_method_stripe label { display: none; } .woocommerce-checkout .payment_methods li.payment_method_stripe:before { content: ""; background-image: url(../images/icon-credit-debit-cards@2x.png); position: absolute; background-repeat: no-repeat; width: 125px; height: 25px; background-size: 125px; left: 35px; } .woocommerce-checkout .payment_methods li #stripe-card-expiry { width: 150px; margin-left: 1px; } .woocommerce-checkout p.form-row-last.woocommerce-validated { position: relative; } .woocommerce-checkout #wc-stripe-cc-form p.form-row-last.woocommerce-validated:before { background-image: url(../images/icon-security-code@2x.png); content: ""; background-repeat: no-repeat; width: 28px; height: 21px; background-size: 23px; position: absolute; right: 7px; top: 10.5px; } .woocommerce-checkout .payment_methods #stripe-card-cvc { width: 200px !important; padding-right: 39px; } .woocommerce-checkout fieldset#wc-stripe-cc-form { position: relative; padding-top: 17px; } .woocommerce-checkout fieldset#wc-stripe-cc-form:after { content: "Last 3 digits of your card."; color: #ADB4BA; font-family: 'Graphik LC Web' !important; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 10px !important; line-height: 13px !important; position: absolute; right: -5px; bottom: 33px; width: 80px; } .woocommerce-checkout .woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated { display: none !important; } .woocommerce-checkout #wc-stripe-cc-form .form-row { margin-bottom: 0; } .woocommerce-checkout fieldset#wc-stripe-cc-form .form-row-last { float: left; } /* After payment form */ #panel-22212-0-0-4 { width: 57%; padding-top: 0; float: left; } .extra-content-after-payment-form { max-width: 453px; text-align: left; padding-bottom: 90px; margin: 20px auto 0; } .extra-content-after-payment-form h4 { color: #686F75; font-size: 12px !important; line-height: 11px !important; text-align: left; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; margin-bottom: 15px; } .extra-content-after-payment-form p { color: #686F75; font-size: 12px !important; line-height: 15px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; text-align: left; } .extra-content-after-payment-form h4 img { width: 10px; vertical-align: middle; margin-top: -7px; } #stripe-payment-data > p:first-of-type { margin-top: 20px; margin-left: 5px; margin-bottom: 0; text-align: left; font-size: 11px !important; } ul.woocommerce-SavedPaymentMethods.wc-saved-payment-methods { margin: 0; } .woocommerce_error.woocommerce-error.wc-stripe-error li { padding: 0; } /* Footer */ .woocommerce-checkout:not(.woocommerce-order-received) #footer-widgets-container, .woocommerce-checkout:not(.woocommerce-order-received) #footer-container { display: none; } .woocommerce-checkout iframe[name="google_conversion_frame"] { display: none; } @media (max-width: 1100px) and (min-width: 850px) { .extra-content-after-order-review { right: 0; left: auto; } .wcopc input[type=submit]#place_order { width: 212px; } } @media (max-width: 940px) and (min-width: 850px) { /* Order View */ .woocommerce-checkout #order_review > .opc_order_review { width: 250px; } table.shop_table.woocommerce-checkout-review-order-table { max-width: 100% !important; position: relative; overflow: hidden; padding-left: 19px; padding-right: 19px; } .choose-plan-wrapper ul li { padding-right: 7%; } } @media (max-width: 850px) and (min-width: 768px) { /* Order View */ .woocommerce-checkout #order_review > .opc_order_review { width: 30%; } table.shop_table.woocommerce-checkout-review-order-table { max-width: 100% !important; position: relative; overflow: hidden; padding-left: 10px; padding-right: 10px; } .choose-plan-wrapper ul li .quantity, .choose-plan-wrapper ul li select#license-type, .choose-plan-wrapper ul li select#selected-tier { min-width: 130px; } .choose-plan-wrapper ul li { padding-right: 4%; } #panel-22212-0-0-2, #panel-22212-0-0-1 { width: 55%; } .billing-plan-wrapper input#billed-monthly-checkbox[type="checkbox"], .billing-plan-wrapper input#billed-annually-checkbox[type="checkbox"] { margin: 11px; } .billing-plan-wrapper ul li h4 { font-size: 11.5px !important; } .wcopc input[type=submit]#place_order { width: 100%; font-size: 11px !important; } } @media (max-width: 940px) and (min-width: 768px) { /* Login Form */ .woocommerce-checkout .woocommerce-info { max-width: 61% !important; width: 100%; } .woocommerce-checkout .woocomerce-form.woocommerce-form-login { width: 60%; } .woocommerce-checkout .form-row .input-text { width: 100%; } /* Choose Plan */ #panel-22212-0-0-1 { width: 60%; } .choose-plan-wrapper ul li .quantity, .choose-plan-wrapper ul li select#license-type, .choose-plan-wrapper ul li select#selected-tier { width: 100%; min-width: 145px; } .choose-plan-wrapper ul li .quantity { padding: 0; } /* Billing Plan */ #panel-22212-0-0-2 { width: 60%; } .woocommerce-checkout .billing-plan-wrapper ul { display: flex; padding-left: 0; } .billing-plan-wrapper ul li { display: inline-block; width: 50%; } .billing-plan-wrapper ul li:first-child { padding-right: 1%; } .billing-plan-wrapper ul li:last-child { padding-right: 0; padding-left: 1%; } .billing-plan-wrapper .billing-plans { width: 100%; } .billing-plan-wrapper input#billed-monthly-checkbox[type="checkbox"], .billing-plan-wrapper input#billed-annually-checkbox[type="checkbox"] { margin: 15px; } .billing-plan-wrapper .billed-annually h4 { width: 46%; } .billing-plan-wrapper ul li h4 { font-size: 14.5px !important; } /* Customer Details */ #extra-content-after-payment-form-wrapper, #customer_details { width: 61%; } .woocommerce-checkout #customer_details #woocommerce_eu_vat_number, .woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper { max-width: 84%; } /* Payment */ .woocommerce-checkout .woocommerce-checkout-payment { text-align: left; width: 61%; } .woocommerce-checkout .payment_methods li:first-child { max-width: 84%; } .woocommerce-checkout fieldset#wc-stripe-cc-form:after { width: calc(25% - 10px); } .extra-content-after-payment-form { max-width: 84%; } .woocommerce-checkout fieldset#wc-stripe-cc-form .form-row-first { width: 36%; } .woocommerce-checkout fieldset#wc-stripe-cc-form .form-row-last { width: 38%; padding-left: 2%; } .woocommerce-checkout .payment_methods #stripe-card-cvc { width: 100% !important; } } @media (min-width: 768px) { /*Header*/ .woocommerce-checkout #navigation { background: transparent; } .woocommerce-checkout #navigation ul.nav > li:not(.free-trial-button) a:hover, .woocommerce-checkout #navigation ul.nav > li:not(.free-trial-button):hover, .woocommerce-checkout #navigation ul.nav li ul { background-color: transparent !important; } .woocommerce-checkout #navigation ul.nav li.current-menu-item a, .woocommerce-checkout #navigation ul.nav li.current-menu-item a:hover, .woocommerce-checkout #navigation ul.nav > li.menu-item a:hover { border-radius: 0 !important; color: #FFF !important; } .woocommerce-checkout #navigation ul.nav li.current-menu-item a, .woocommerce-checkout #navigation ul.nav li.current-menu-item a:hover .woocommerce-checkout #navigation ul.nav > li.menu-item a { color: #FFF !important; } /*Seaction1 with blue gradient*/ #header-blue-gradient { margin-top: -15%; padding-top: 18%; margin-bottom: 5.9em !important; } } @media (max-width: 768px) { /*Header*/ .woocommerce-checkout #header { padding-top: 0; } /* Nav */ .woocommerce-checkout #navigation ul.nav > li:not(.free-trial-button).menu-item a { color: #000000; } .woocommerce-checkout #navigation ul.nav > li:not(.free-trial-button).menu-item { float: left; } /* Login Form */ .woocommerce-checkout .woocommerce-info { margin: 0 auto; max-width: 87% !important; width: 100%; } .woocommerce-checkout .woocomerce-form.woocommerce-form-login { width: 87%; margin-left: auto; margin-right: auto; } .woocommerce-checkout .form-row .input-text { width: 100% !important; } /* Choose Plan */ #panel-22212-0-0-1 { margin: 0 auto; width: 87%; } .choose-plan-wrapper ul li .quantity, .choose-plan-wrapper ul li select#license-type, .choose-plan-wrapper ul li select#selected-tier { width: 100%; min-width: auto; } .choose-plan-wrapper ul li .quantity { padding: 0; } .choose-plan-wrapper ul li { padding-right: 2%; width: 30%; } /* Billing Plan */ #panel-22212-0-0-2 { margin: 0 auto; float: none; width: 87%; } .woocommerce-checkout .billing-plan-wrapper ul { display: flex; padding-left: 0; } .billing-plan-wrapper ul li { display: inline-block; width: 50%; } .billing-plan-wrapper ul li:first-child { padding-right: 1%; } .billing-plan-wrapper ul li:last-child { padding-right: 0; padding-left: 1%; } .billing-plan-wrapper .billing-plans { width: 100%; } .billing-plan-wrapper input#billed-monthly-checkbox[type="checkbox"], .billing-plan-wrapper input#billed-annually-checkbox[type="checkbox"] { margin: 6% 3% 6% 6%; } .billing-plan-wrapper .billed-annually h4 { width: 46%; } .billing-plan-wrapper ul li h4 { font-size: 14.5px; } .billing-plan-wrapper .billed-monthly h4 { width: calc(89% - 65px) !important; } .woocommerce-checkout #billing_state_field, .woocommerce-checkout #billing_company_field, .woocommerce-checkout #billing_postcode_field, .woocommerce-checkout #billing_country_field { width: 100%; } /* Customer Details */ #extra-content-after-payment-form-wrapper, #customer_details { float: none; margin: 0 auto; width: 87%; position: relative; } .woocommerce-checkout #customer_details #woocommerce_eu_vat_number, .woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper { display: table; width: 84%; } #customer_details:after { position: absolute; left: 0; } /* Payment */ .woocommerce-checkout .woocommerce-checkout-payment { text-align: left; float: none; margin: 0 auto; width: 87%; } .woocommerce-checkout .payment_methods li:first-child { max-width: 84%; } .woocommerce-checkout fieldset#wc-stripe-cc-form:after { width: calc(25% - 10px); } .extra-content-after-payment-form { max-width: 84%; } .woocommerce-checkout fieldset#wc-stripe-cc-form .form-row-first { width: 36%; float: left; } .woocommerce-checkout fieldset#wc-stripe-cc-form .form-row-last { width: 38%; padding-left: 2%; } .woocommerce-checkout .payment_methods #stripe-card-cvc { width: 100% !important; } /* Content After Payment */ #panel-22212-0-0-4 { float: none; margin: 0 auto; width: 80%; } /* Order View */ .woocommerce-checkout #order_review > .opc_order_review { position: absolute; bottom: 90px; left: calc(50% - 160px); } .woocommerce-checkout .wcopc { position: inherit; } .extra-content-after-payment-form { padding-bottom: 780px; } .wcopc input[type=submit]#place_order { top: auto; margin-left: auto; left: calc(50% - 123.5px); z-index: 99; bottom: 0 !important; } } @media (max-width: 600px) { /* Billing Plan */ .woocommerce-checkout .billing-plan-wrapper ul, .billing-plan-wrapper ul li { display: block; } .billing-plan-wrapper ul li { width: 259px; margin: 0 auto; } .billing-plan-wrapper ul li:first-child { margin-bottom: 25px; } } @media (max-width: 500px) { /* Header */ .woocommerce-checkout #main-sidebar-container header { margin-top: -135px; } .woocommerce-checkout h1.title { font-size: 27px !important; } /* Login */ .woocommerce-checkout .woocommerce-info a { display: block; } /* Choose Plan */ .choose-plan-wrapper ul li { padding-right: 0; width: 100%; display: block; margin-bottom: 20px; } } @media (max-width: 430px) { /* login */ .woocommerce-checkout .woocommerce-info { max-width: 100% !important; width: 82%; } #extra-content-after-payment-form-wrapper, .woocommerce-checkout .woocommerce-checkout-payment, #customer_details { width: 100%; } /* Payment */ .woocommerce-checkout fieldset#wc-stripe-cc-form .form-row-first { width: 100%; padding: 1px; } .woocommerce-checkout fieldset#wc-stripe-cc-form .form-row-last { width: 77%; padding: 1px; } .woocommerce-checkout fieldset#wc-stripe-cc-form:after { font-size: 9px !important; } /* Order view */ .extra-content-after-order-review, .woocommerce-checkout #order_review > .opc_order_review, .extra-content-before-order-review { width: 280px; left: calc(50% - 140px); } .opc_order_review table { padding-left: 30px; padding-right: 30px; padding-top: 36px; } .woocommerce-checkout input[type=submit]#place_order { width: 200px; font-size: 13px !important; left: calc(50% - 100px); } } @media (max-width: 380px) { .woocommerce-checkout fieldset#wc-stripe-cc-form .form-row-last { width: 100%; } .woocommerce-checkout fieldset#wc-stripe-cc-form:after { bottom: 10px; width: 100%; } } /* Woocommerce Account */ /*Header*/ .woocommerce-account #navigation { background: transparent; } .woocommerce-account header h1.title { display: none; } .woocommerce-account .logo-icon { margin-left: 22px; margin-top: 13px; } body.woocommerce-account { margin-top: 0 !important; } .woocommerce-account .logo-type-other, .woocommerce-account .logo-type { font-family:"DIN W01 Regular" !important; font-size: 22px !important; line-height: 19px !important; margin-left: 5px; } .woocommerce-account #navigation ul.nav > li:not(.free-trial-button).menu-item a { font-family: 'Graphik Web' !important; font-display: block; font-weight: 300 !important; font-style: normal !important; font-stretch: normal !important; -webkit-font-smoothing: subpixel-antialiased; letter-spacing: .2px; } .woocommerce-account .so-panel.widget { box-shadow: none; -webkit-box-shadow:none; } .woocommerce-account #top-nav-head { padding-top:0; } .woocommerce-account .wptbbarheaddiv { display: none; } .woocommerce-account ul.nav li a { padding-left:0; padding-right:0; margin: auto .5em; } .woocommerce-account #navigation li.free-trial-button a { font-size: 13px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; color: #fff !important; } .woocommerce-account #main-nav { width: 100%; } .woocommerce-account #navigation { width: 60%; } .float-right { float: right !important; } iframe[name=google_conversion_frame] { display: none; } @media (max-width: 960px) { /* Header */ .woocommerce-account select.responsiveMenuSelect { display: none !important; } } @media (min-width: 768px) { /*Header*/ .woocommerce-account #navigation ul.nav > li:not(.free-trial-button) a:hover, .woocommerce-account #navigation ul.nav > li:not(.free-trial-button):hover, .woocommerce-account #navigation ul.nav li ul { background-color: transparent !important; } .woocommerce-account #navigation ul.nav li.current-menu-item a, .woocommerce-account #navigation ul.nav li.current-menu-item a:hover, .woocommerce-account #navigation ul.nav > li.menu-item a:hover { border-bottom: 1px solid #FFF; border-radius: 0 !important; color: #FFF !important; } .woocommerce-account #navigation ul.nav li.current-menu-item a, .woocommerce-account #navigation ul.nav li.current-menu-item a:hover .woocommerce-account #navigation ul.nav > li.menu-item a { color: #FFF !important; } } @media (max-width: 768px) { #my-account-footer .footer-recent-posts ul > li:last-child { padding: 10px 0 5px 14px; } } /* Woocommerce Login Header */ body:not(.logged-in).woocommerce-account #header-container, body:not(.logged-in).woocommerce-account #content { background: #268DE8; } body:not(.logged-in).woocommerce-account #content.col-full { width: 100%; padding: 0; max-width: 100% !important; } body:not(.logged-in).woocommerce-account .nav-toggle, body:not(.logged-in).woocommerce-account #nav-container { display: none; } body:not(.logged-in).woocommerce-account .logo-wrap { margin: 18px auto 35px; float: none; width: 217px; } body:not(.logged-in).woocommerce-account:not(.woocommerce-lost-password) .woocommerce { position: relative; } body:not(.logged-in).woocommerce-account:not(.woocommerce-lost-password) .woocommerce > h2, body:not(.logged-in).woocommerce-account:not(.woocommerce-lost-password) .woocommerce > h2:before { color: #FFFFFF; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; font-size: 38px !important; line-height: 52px !important; position: relative; text-align: center; } body:not(.logged-in).woocommerce-account:not(.woocommerce-lost-password) .woocommerce > h2:before { content: "Account "; } body:not(.logged-in).woocommerce-account:not(.woocommerce-lost-password) .woocommerce > h2:after { content: "Welcome to your Scan2CAD account. Please login to continue"; color: #E5ECF3; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px !important; line-height: 26px !important; position: absolute; width: 100%; left: 0; bottom: 0; margin-bottom: -35px; top: 55px; } /* Login Form */ .woocommerce-account .woocommerce-form-login { max-width: 412px; padding: 50px 50px 114px; border-radius: 4px; background-color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); margin: 80px auto 148px; position: relative; } .woocommerce-account .woocommerce-form-login label { display: none; } .woocommerce-lost-password .lost_reset_password input.input-text, .woocommerce-account .woocommerce-form-login input.input-text { height: 38px; border-radius: 6px; background-color: #FFFFFF; box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); border: none; color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px !important; line-height: 17px !important; padding-left: 15px; } .woocommerce-lost-password .lost_reset_password input.input-text:focus, .woocommerce-account .woocommerce-form-login input.input-text:focus { box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 2px 6px 0 rgba(0,0,0,0.15); } .woocommerce-account .woocommerce-form-login .woocommerce-LostPassword.lost_password { text-align: right; } .woocommerce-account .woocommerce-form-login .woocommerce-LostPassword.lost_password a{ color: #39CA82; font-size: 13px !important; line-height: 14px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; text-decoration: underline; } .woocommerce-account .woocommerce-form-login input.woocommerce-Button { height: 38px; width: 269px; border-radius: 6px; background-color: #39CA82; padding-top: 8px; color: #FFFFFF; font-size: 13px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; line-height: 14px !important; } .woocommerce-account .woocommerce-form-login p:first-of-type { margin-bottom: 5px; } .woocommerce-account .woocommerce-form-login p:nth-child(2) { margin-bottom: 11px; } .woocommerce-account .woocommerce-form-login p:nth-child(3) { position: absolute; bottom: 31px; left: calc(50% - 138px); } .woocommerce-account .woocomerce-form input::placeholder, .woocommerce-account .woocomerce-form input::-o-input-placeholder, .woocommerce-account .woocomerce-form input::-webkit-input-placeholder, .woocommerce-account .woocomerce-form input::-moz-placeholder, .woocommerce-account .woocomerce-form input:-ms-input-placeholder, .woocommerce-account .woocomerce-form input:-moz-placeholder { color: #888D91 !important; font-size: 15px !important; } @media (max-width: 500px) { body:not(.logged-in).woocommerce-account:not(.woocommerce-lost-password) .woocommerce > h2, body:not(.logged-in).woocommerce-account:not(.woocommerce-lost-password) .woocommerce > h2:before { font-size: 25px !important; } .woocommerce-account .woocommerce-form-login input.woocommerce-Button { width: calc(100% - 48px); } .woocommerce-account .woocommerce-form-login p:nth-child(3) { left: 0; width: 100%; } .woocommerce-account .woocommerce-form-login { padding: 50px 24px 114px; } } /* Woocommerce Lost Password */ .woocommerce-lost-password .woocommerce-ResetPassword { max-width: 413px; border-radius: 4px; background-color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); margin: 83px auto 246px; position: relative; padding: 50px 50px 127px; } .woocommerce-lost-password #pgc-2604-0-0 .textwidget { position: relative; } .woocommerce-lost-password #pgc-2604-0-0 .textwidget:before { content: "Lost Password"; color: #FFFFFF; font-weight: 500; font-style: normal !important; font-family: 'Graphik Web' !important; font-display: block; font-stretch: normal !important; font-size: 38px !important; line-height: 52px !important; } .woocommerce-lost-password .woocommerce:before { content: "Please enter your username or email address. You will receive a link to create a new password via email."; color: #E5ECF3; font-size: 15px !important; line-height: 26px !important; text-align: center; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; position: absolute; left: calc(50% - 250px); max-width: 500px; margin-top: -73px; } .woocommerce-lost-password .woocommerce-ResetPassword label { display: none; } .woocommerce-lost-password .woocommerce-ResetPassword p:first-of-type { display: none; } .woocommerce-lost-password .woocommerce-ResetPassword p { width: 100%; } .woocommerce-lost-password .woocommerce-ResetPassword input[type=text] { height: 38px; border-radius: 6px; background-color: #FFFFFF; box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); border: none; color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px !important; line-height: 17px !important; padding-left: 15px; } .woocommerce-lost-password .woocommerce-ResetPassword input.woocommerce-Button { height: 38px; border-radius: 6px; background-color: #39CA82; width: 269px; color: #FFFFFF; font-size: 13px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: norma !importantl; font-stretch: normal !important; line-height: 14px !important; margin-top: 23px; } .woocommerce-lost-password ul.woocommerce-error { background-color: #fb0046; color: #fff; margin-top: 12% !important; } .woocommerce-lost-password .widget p, .woocommerce-lost-password .woocommerce-message:before, .woocommerce-lost-password .woocommerce-error:before { color: #fff; } .woocommerce-lost-password .woocommerce-message { background-color: #39ca82; color: #fff; margin-top: 12% !important; } @media (max-width: 500px){ .woocommerce-lost-password .woocommerce:before { left: 0; max-width: 100%; } .woocommerce-lost-password .woocommerce-ResetPassword { margin: 83px auto 140px; position: relative; padding: 50px 24px; } .woocommerce-lost-password #pgc-2604-0-0 .textwidget:before { font-size: 25px !important; } .woocommerce-lost-password .woocommerce-ResetPassword input.woocommerce-Button { width: 100%; } } @media (max-width: 400px) { .woocommerce-lost-password .woocommerce:before { margin-top: -110px; } .woocommerce-lost-password .woocommerce-ResetPassword { margin: 115px auto 140px; } } /* My account Header logged in */ .logged-in.woocommerce-account #header-container { background: linear-gradient(135deg, #5E6FC8 0%, #00A3FF 100%); text-align: center; padding-bottom: 52px; } .logged-in.woocommerce-account #header { padding-bottom: 65px; } .logged-in.woocommerce-account #header-container:after { content: "My Account"; color: #FFFFFF; font-size: 38px !important; line-height: 52px !important; text-align: center; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; } /* My account logged-in User avatar and logout*/ .dashboard-scan2cad { border-bottom: 1px solid #E3E3E3; width: 100%; max-width: 100%; padding: 0; display: flow-root; overflow: hidden; min-height: 52px; margin-bottom: 53px; padding-top: 5px; } .dashboard-scan2cad-user { color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px !important; line-height: 17px !important; width: 50%; text-align: left; float: left; margin-top: -8px; } .dashboard-scan2cad-user img { border-radius: 100%; vertical-align: middle; margin-right: 8px; } .dashboard-scan2cad-logout { width: 50%; text-align: right; float: right; padding-top: 6px; } .dashboard-scan2cad-logout a { color: #363B40; font-size: 15px !important; line-height: 17px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; } .dashboard-scan2cad-logout a:hover { color: #39CA82; } /* My account dashboard */ .woocommerce-MyAccount-content h3 { text-align: left; color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; line-height: 14px !important; text-transform: uppercase; } .woocommerce-MyAccount-content p.dashboard-scan2cad-welcome { text-align: left; color: #686F75; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px !important; line-height: 24px !important; } @media (min-width: 1000px) { .woocommerce-MyAccount-content { width: 68.5% } } @media (max-width: 1000px) and (min-width: 768px) { .woocommerce-MyAccount-content { width: 64%; } } @media (min-width: 768px) { .woocommerce-MyAccount-navigation ul { width: 221px; } } @media (max-width: 768px) { .woocommerce-MyAccount-content { display: inline-block; padding-top: 40px; float: left; width: 100%; } } @media (max-width: 500px) { .woocommerce-MyAccount-content p.dashboard-scan2cad-welcome { font-size: 13px !important; line-height: 21px !important; } .logged-in.woocommerce-account #header-container:after { font-size: 25px !important; } .dashboard-scan2cad-logout a, .dashboard-scan2cad-user { font-size: 13px !important; } } /* My account navigation */ .woocommerce-MyAccount-navigation ul { border: 1px solid #CFCFCF; border-radius: 4px; box-shadow: 0 0 0 3px rgba(0,0,0,0.02); text-align: left; list-style: none; } li.woocommerce-MyAccount-navigation-link { border-bottom-color: rgba(232, 232, 232, 0.4); padding-left: 22px; } li.woocommerce-MyAccount-navigation-link a { color: #3D4145; font-size: 13px !important; line-height: 24px !important; text-decoration: none !important; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; } li.woocommerce-MyAccount-navigation-link.is-active a { color: #39CA82; padding-left: 19px; } li.woocommerce-MyAccount-navigation-link.is-active:before { content: ""; background-image: url(../images/icon-selector@2x.png); width: 8px; height: 10px; position: absolute; background-size: 6px; background-repeat: no-repeat; margin-top: 6.8px; margin-left: 4px; } /* My Account Subscription */ .woocommerce_account_subscriptions { text-align: left; } .woocommerce_account_subscriptions:before { content: "Subscriptions"; color: #363B40; font-size: 13px !important; line-height: 14px !important; text-transform: uppercase; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } .woocommerce_account_subscriptions .my_account_subscriptions { border-color: #D7D9DA; border-radius: 4px; background-color: #FFFFFF; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); margin-top: 22px; } .woocommerce_account_subscriptions .my_account_subscriptions th { color: #7F8487; font-size: 10px !important; line-height: 11px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; background: transparent; border-color: rgba(215, 217, 218, 0.5); padding-top: 1.7em; padding-bottom: 1.5em; } .woocommerce_account_subscriptions .my_account_subscriptions th.subscription-id { padding-left: 2.3em; padding-right: 2.5em; } .woocommerce_account_subscriptions .my_account_subscriptions td.subscription-id { padding-left: 2em; padding-right: 2.5em; width: 10px; } .woocommerce_account_subscriptions .my_account_subscriptions .subscription-status { padding-left: 15px; padding-right: 15px; width: 10px; text-align: center; } .woocommerce_account_subscriptions .my_account_subscriptions .subscription-next-payment { padding-left: 28px; padding-right: 28px; width: 85px; text-align: center; } .woocommerce_account_subscriptions .my_account_subscriptions .subscription-total { padding-left: 32px; padding-right: 33px; width: 85px; text-align: center; } .woocommerce_account_subscriptions .my_account_subscriptions .subscription-actions { padding-left: 37px; padding-right: 37px; width: 63px; } .woocommerce_account_subscriptions .my_account_subscriptions tbody tr:nth-child(odd) { background-color: rgba(240, 243, 245, 0.4); } .woocommerce_account_subscriptions .my_account_subscriptions tbody tr td { border-bottom: none; border-right: 1px solid rgba(215, 217, 218, 0.5); color: #363B40; font-size: 12px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; padding-top: .157em; padding-bottom: .157em; } .woocommerce_account_subscriptions .my_account_subscriptions tbody tr td .woocommerce-Price-amount, .woocommerce_account_subscriptions .my_account_subscriptions tbody tr td.subscription-id a { color: #363B40; font-size: 12px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } .woocommerce_account_subscriptions td.subscription-actions a { margin: 0; color: #39CA82 !important; font-size: 12px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; background-color: transparent; text-transform: capitalize; text-decoration: underline; padding: 0 0 0 12px; } .woocommerce_account_subscriptions td.subscription-actions a:active { box-shadow: none; } @media (max-width: 1200px) and (min-width: 1100px) { .woocommerce_account_subscriptions .my_account_subscriptions .subscription-next-payment { padding-left: 15px; padding-right: 15px; } .woocommerce_account_subscriptions .my_account_subscriptions .subscription-total { padding-left: 20px; padding-right: 20px; } .woocommerce_account_subscriptions .my_account_subscriptions .subscription-actions { padding-left: 30px; padding-right: 30px; } } @media (max-width: 1100px) and (min-width: 768px) { .woocommerce_account_subscriptions td.subscription-actions a, .woocommerce_account_subscriptions .my_account_subscriptions tbody tr td, .woocommerce_account_subscriptions .my_account_subscriptions tbody tr td .woocommerce-Price-amount, .woocommerce_account_subscriptions .my_account_subscriptions tbody tr td.subscription-id a { font-size: 10px !important; } .woocommerce_account_subscriptions .my_account_subscriptions th { font-size: 9px !important; } .woocommerce_account_subscriptions .my_account_subscriptions .subscription-actions, .woocommerce_account_subscriptions .my_account_subscriptions .subscription-total, .woocommerce_account_subscriptions .my_account_subscriptions .subscription-next-payment, .woocommerce_account_subscriptions .my_account_subscriptions .subscription-id { padding-left: 15px; padding-right: 15px; } .woocommerce_account_subscriptions td.subscription-actions:before { width: 16px; height: 10px; background-size: 15px; margin-top: 9px; } } @media (max-width: 768px) and (min-width: 540px) { .woocommerce_account_subscriptions td.subscription-actions a, .woocommerce_account_subscriptions .my_account_subscriptions tbody tr td, .woocommerce_account_subscriptions .my_account_subscriptions tbody tr td .woocommerce-Price-amount, .woocommerce_account_subscriptions .my_account_subscriptions tbody tr td.subscription-id a { font-size: 11px !important; } .woocommerce_account_subscriptions .my_account_subscriptions th { font-size: 10px !important; } .woocommerce_account_subscriptions .my_account_subscriptions th.subscription-id, .woocommerce_account_subscriptions .my_account_subscriptions .subscription-actions, .woocommerce_account_subscriptions .my_account_subscriptions .subscription-total, .woocommerce_account_subscriptions .my_account_subscriptions .subscription-next-payment, .woocommerce_account_subscriptions .my_account_subscriptions td.subscription-id { padding-left: 15px; padding-right: 15px; } .woocommerce_account_subscriptions td.subscription-actions:before { width: 16px; height: 10px; background-size: 15px; margin-top: 9px; } } @media (max-width: 540px) { .woocommerce_account_subscriptions .my_account_subscriptions th { font-size: 8px !important; } .woocommerce_account_subscriptions td.subscription-actions a, .woocommerce_account_subscriptions .my_account_subscriptions tbody tr td, .woocommerce_account_subscriptions .my_account_subscriptions tbody tr td .woocommerce-Price-amount, .woocommerce_account_subscriptions .my_account_subscriptions tbody tr td.subscription-id a { font-size: 9px !important; } .woocommerce_account_subscriptions .my_account_subscriptions th.subscription-id { padding-left: 10px; padding-right: 10px; width: auto; } .woocommerce_account_subscriptions .my_account_subscriptions .subscription-status { padding-left: 8px; padding-right: 8px; } .woocommerce_account_subscriptions .my_account_subscriptions .subscription-next-payment { padding-left: 5px; padding-right: 5px; width: 400px; } .woocommerce_account_subscriptions .my_account_subscriptions .subscription-total { padding-left: 8px; padding-right: 8px; } .woocommerce_account_subscriptions .my_account_subscriptions .subscription-actions { padding-left: 7px; padding-right: 7px; } .woocommerce_account_subscriptions td.subscription-actions:before { background-size: 10px; margin-top: 12px; } } /* My account order history */ .logged-in.woocommerce-orders .woocommerce-MyAccount-content { text-align: left; } .logged-in.woocommerce-orders .woocommerce-MyAccount-content:before { content: "Order History"; color: #363B40; font-size: 13px !important; line-height: 14px !important; text-transform: uppercase; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } .logged-in.woocommerce-orders .my_account_orders.account-orders-table { border-color: #D7D9DA; border-radius: 4px; background-color: #FFFFFF; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); margin-top: 22px; } .woocommerce-MyAccount-content .woocommerce-Pagination .woocommerce-Button { max-width: 320px; font-size: 13px !important; line-height: 14px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; width: 80%; border-radius: 6px; background-color: #39CA82; margin: 0 auto; } .my_account_orders.account-orders-table th { color: #7F8487; font-size: 10px !important; line-height: 11px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; background: transparent; border-color: rgba(215, 217, 218, 0.5); padding-top: 1.7em; padding-bottom: 1.5em; } .my_account_orders.account-orders-table th.woocommerce-orders-table__header-order-number { padding-left: 2.3em; padding-right: 2.5em; } .my_account_orders.account-orders-table .woocommerce-orders-table__cell-order-number { padding-left: 2em; padding-right: 2.5em; width: 70px; } .my_account_orders.account-orders-table .woocommerce-orders-table__header-order-status, .my_account_orders.account-orders-table .woocommerce-orders-table__cell-order-status{ padding-left: 21px; padding-right: 25px; width: 10px; text-align: center; } .my_account_orders.account-orders-table .woocommerce-orders-table__cell-order-date, .my_account_orders.account-orders-table .woocommerce-orders-table__header-order-date { padding-left: 7px; padding-right: 9px; width: 85px; text-align: center; } .my_account_orders.account-orders-table .woocommerce-orders-table__cell-order-total, .my_account_orders.account-orders-table .woocommerce-orders-table__header-order-total { padding-left: 26px; padding-right: 28px; width: 85px; text-align: center; } .my_account_orders.account-orders-table .woocommerce-orders-table__cell-order-actions, .my_account_orders.account-orders-table .woocommerce-orders-table__header-order-actions { padding-left: 35px; padding-right: 33px; width: 63px; } .my_account_orders.account-orders-table tbody tr:nth-child(odd) { background-color: rgba(240, 243, 245, 0.4); } .my_account_orders.account-orders-table tbody tr td { border-bottom: none; border-right: 1px solid rgba(215, 217, 218, 0.5); color: #363B40; font-size: 12px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; padding-top: .157em; padding-bottom: .157em; } .my_account_orders.account-orders-table tbody tr td .woocommerce-Price-amount, .my_account_orders.account-orders-table tbody tr .woocommerce-orders-table__cell-order-number a { color: #363B40; font-size: 12px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } .my_account_orders.account-orders-table td.woocommerce-orders-table__cell-order-actions a.invoice { display: none; } .my_account_orders.account-orders-table td.woocommerce-orders-table__cell-order-actions a.view { margin: 0; color: #39CA82 !important; font-size: 12px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; background-color: transparent; text-transform: capitalize; text-decoration: underline; padding: 0 0 0 12px; } .my_account_orders.account-orders-table td.woocommerce-orders-table__cell-order-actions a.pay { margin: 0; color: #39CA82 !important; font-size: 12px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; background-color: transparent; text-transform: capitalize; text-decoration: underline; padding: 0 0 0 12px; margin-bottom: 5px; } .my_account_orders.account-orders-table td.woocommerce-orders-table__cell-order-actions a.pay:active, .my_account_orders.account-orders-table td.woocommerce-orders-table__cell-order-actions a.view:active { box-shadow: none; } .my_account_orders.account-orders-table td.woocommerce-orders-table__cell-order-actions a.view:before { content: ""; background-image: url(../images/icon-view@2x.png); width: 22px; height: 14px; position: absolute; background-size: 20px; background-repeat: no-repeat; margin-top: 5px; margin-left: -25px; } .my_account_orders.account-orders-table td.woocommerce-orders-table__cell-order-actions a.pay:before { content: ""; background-image: url(../images/icon-pay-order@2x.png); width: 22px; height: 14px; position: absolute; background-size: 20px; background-repeat: no-repeat; margin-top: 8px; margin-left: -25px; } @media (max-width: 700px) and (min-width: 540px), @media (max-width: 1100px) and (min-width: 768px) { .my_account_orders.account-orders-table td.woocommerce-orders-table__cell-order-actions a.view, .my_account_orders.account-orders-table tbody tr td, .my_account_orders.account-orders-table tbody tr td .woocommerce-Price-amount, .my_account_orders.account-orders-table tbody tr .woocommerce-orders-table__cell-order-number a { font-size: 11px !important; } .my_account_orders.account-orders-table .woocommerce-orders-table__cell-order-number { padding-left: 15px; padding-right: 15px; width: 76px; } .my_account_orders.account-orders-table .woocommerce-orders-table__cell-order-date, .my_account_orders.account-orders-table .woocommerce-orders-table__header-order-date { width: 140px; } .my_account_orders.account-orders-table .woocommerce-orders-table__cell-order-total, .my_account_orders.account-orders-table .woocommerce-orders-table__header-order-total { padding-left: 14px; padding-right: 16px; } .my_account_orders.account-orders-table .woocommerce-orders-table__cell-order-actions, .my_account_orders.account-orders-table .woocommerce-orders-table__header-order-actions { padding-left: 15px; padding-right: 15px; } .my_account_orders.account-orders-table td.woocommerce-orders-table__cell-order-actions:before { margin-top: 10px; background-size: 15px; } } @media (max-width: 540px) { .my_account_orders.account-orders-table td.woocommerce-orders-table__cell-order-actions a.view, .my_account_orders.account-orders-table tbody tr td, .my_account_orders.account-orders-table tbody tr td .woocommerce-Price-amount, .my_account_orders.account-orders-table tbody tr .woocommerce-orders-table__cell-order-number a { font-size: 9px !important; } .my_account_orders.account-orders-table th { font-size: 8px !important; } .my_account_orders.account-orders-table .woocommerce-orders-table__cell-order-number { padding-left: 10px; padding-right: 9px; width: 76px; } .my_account_orders.account-orders-table .woocommerce-orders-table__cell-order-date, .my_account_orders.account-orders-table .woocommerce-orders-table__header-order-date { width: 400px; padding-left: 5px; padding-right: 5px; } .my_account_orders.account-orders-table .woocommerce-orders-table__header-order-status, .my_account_orders.account-orders-table .woocommerce-orders-table__cell-order-status { padding-left: 8px; padding-right: 8px; width: 75px; } .my_account_orders.account-orders-table .woocommerce-orders-table__cell-order-total, .my_account_orders.account-orders-table .woocommerce-orders-table__header-order-total { padding-left: 8px; padding-right: 8px; } .my_account_orders.account-orders-table .woocommerce-orders-table__cell-order-actions, .my_account_orders.account-orders-table .woocommerce-orders-table__header-order-actions { padding-left: 7px; padding-right: 7px; } .my_account_orders.account-orders-table td.woocommerce-orders-table__cell-order-actions:before { margin-top: 10px; background-size: 12px; } } /* My Account Address */ .logged-in.woocommerce-account .form-row#billing_po_number_field { display: none; } .logged-in.woocommerce-edit-address .woocommerce-MyAccount-content { text-align: left; } h3.scan2cad-myaccount-address-titile { color: #363B40; font-size: 13px !important; line-height: 14px !important; text-transform: uppercase; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } .logged-in.woocommerce-edit-address .woocommerce-MyAccount-content > p { color: #686F75; font-size: 15px !important; line-height: 24px !important; text-align: left; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; padding-top: 3px; } .logged-in.woocommerce-edit-address .woocommerce-Address-title h3 { color: #363B40; font-size: 15px !important; line-height: 35px !important; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; text-transform: capitalize; padding-top: 16px; padding-bottom: 0; } .logged-in.woocommerce-edit-address .woocommerce-Address address { color: #686F75; font-size: 15px !important; line-height: 27px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; } .logged-in.woocommerce-edit-address address .edit { font-size: 15px !important; line-height: 27px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; color: #39CA82; text-decoration: underline; display: inherit; } /* My account edite address */ .woocommerce-MyAccount-content form .woocommerce-address-fields { max-width: 450px; } .woocommerce-MyAccount-content form .woocommerce-address-fields input[type="text"] { border-radius: 6px; background-color: #FFFFFF; box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); border: none; height: 38px; color: #363B40; font-size: 15px !important; line-height: 17px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; padding-left: 15px; } .woocommerce-MyAccount-content form .woocommerce-address-fields input[type="text"]::-webkit-input-placeholder, .woocommerce-MyAccount-content form .woocommerce-address-fields input[type="text"]::-moz-placeholder, .woocommerce-MyAccount-content form .woocommerce-address-fields input[type="text"]:-ms-input-placeholder, .woocommerce-MyAccount-content form .woocommerce-address-fields input[type="text"]:-moz-placeholder { color: #989EA3 !important; } .woocommerce-MyAccount-content form .woocommerce-address-fields label { display: none; } .woocommerce-edit-address .select2-results__options { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; color: #686F75; font-size: 15px !important; line-height: 17px !important; } .woocommerce-edit-address .select2-container--default .select2-results__option--highlighted[aria-selected], .woocommerce-edit-address .select2-container--default .select2-results__option[aria-selected=true] { color: #363B40; font-size: 15px !important; line-height: 17px !important; background: transparent; } .woocommerce-edit-address .select2-container--default .select2-selection--single .select2-selection__rendered { color: #B4B9BE; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px !important; line-height: 17px !important; max-width: 164px; } .woocommerce-edit-address span.selection > span { display: block; height: 38px; border-radius: 6px; box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); border: none; padding-left: 2px; text-align: left; overflow: hidden; } .woocommerce-edit-address .select2-container--default .select2-selection--single .select2-selection__arrow b { background: url(../images/select-arrow.png); background-repeat: no-repeat; width: 20px; height: 20px; background-size: 19px; border-color: transparent; top: 20%; left: -6px; } .woocommerce-edit-address span.selection .select2-selection__rendered { vertical-align: middle; height: 38px; display: table-cell; } .woocommerce-edit-address .select2-container--default .select2-search--dropdown { display: none; } .woocommerce-edit-address .select2-container--open .select2-dropdown--below { border-radius: 0 0 6px 6px; background-color: #FFFFFF; box-shadow: 0px 1px 0 0 rgba(0,0,0,0.02), 0px 4px 6px 0 rgba(0,0,0,0.15); border: none; } .woocommerce-edit-address .select2-results { padding-left: 15px; padding-right: 15px; } .woocommerce-edit-address .select2-results:before { border-top: 1px solid #EDEEEF; content: ""; width: calc(100% - 30px); position: absolute; } .woocommerce-edit-address .woocommerce-address-fields input.button { border-radius: 6px; background-color: #39CA82; display: inherit; height: 35.42px; font-size: 13px !important; line-height: 14px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } .woocommerce-edit-address #billing_address_1, .woocommerce-edit-address #billing_email, .woocommerce-edit-address #billing_last_name_field, .woocommerce-edit-address #billing_first_name_field { margin-bottom: 0; } .woocommerce-edit-address #billing_address_1 { margin-top: 4px; } @media (max-width: 768px) and (min-width: 500px) { .woocommerce-edit-address #billing_state_field, .woocommerce-edit-address #billing_company_field, .woocommerce-edit-address #billing_first_name_field { width: 49%; float: left; } .woocommerce-edit-address #billing_postcode_field, .woocommerce-edit-address #billing_country_field, .woocommerce-edit-address #billing_last_name_field { width: 49%; float: right; } } /* My Account VAT Number */ .logged-in.woocommerce-account form input#vat_number { border-radius: 6px; background-color: #FFFFFF; box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); border: none; height: 38px; color: #363B40; font-size: 15px !important; line-height: 17px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; padding-left: 15px; } .logged-in.woocommerce-account form input#vat_number::-webkit-input-placeholder, .logged-in.woocommerce-account form input#vat_number::-moz-placeholder, .logged-in.woocommerce-account form input#vat_number:-ms-input-placeholder, .logged-in.woocommerce-account form input#vat_number:-moz-placeholder { color: #989EA3 !important; } .logged-in.woocommerce-account form p.form-row-first + .clear + p input.button { border-radius: 6px; background-color: #39CA82; display: inherit; height: 35.42px; font-size: 13px !important; line-height: 14px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } /* My Account Order Details */ .woocommerce-view-order .woocommerce-MyAccount-content p:first-of-type { text-align: left; color: #363B40; font-size: 13px !important; line-height: 14px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; margin-top: 4px; } .woocommerce-view-order .woocommerce-MyAccount-content > p.order-number { text-align: left; color: #363B40; font-size: 13px !important; line-height: 14px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; margin-top: 4px; margin-bottom: 68px; } .woocommerce-view-order .woocommerce-MyAccount-content mark { background-color: transparent } .woocommerce-view-order .woocommerce-order-details table:not(.woocommerce-table ).shop_table.order_details, .licence-codes .shop_table.order_details { max-width: 642px; border: 1px solid #D7D9DA; border-radius: 4px; background-color: #FFFFFF; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); margin-bottom: 41px; } .woocommerce-view-order .woocommerce-order-details table:not(.woocommerce-table ).shop_table.order_details th, .licence-codes .shop_table.order_details th { color: #7F8487; font-size: 10px !important; line-height: 11px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-style: normal !important; font-stretch: normal !important; background-color: transparent; border-right-color: rgba(215, 217, 218, 0.5); border-bottom-color: #D7D9DA; } .woocommerce-view-order table:not(.woocommerce-table ).shop_table.order_details th strong, .licence-codes .shop_table.order_details th { font-weight: 600 !important; } .woocommerce-view-order table:not(.woocommerce-table ).shop_table.order_details td b, .woocommerce-view-order table:not(.woocommerce-table ).shop_table.order_details td p b, .woocommerce-view-order table:not(.woocommerce-table ).shop_table.order_details td p, .woocommerce-view-order table:not(.woocommerce-table ).shop_table.order_details td, .licence-codes .shop_table.order_details td { color: #363B40; font-size: 12px !important; line-height: 22px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; border-right-color: rgba(215, 217, 218, 0.5); border-right-style: solid; border-bottom: none; } .woocommerce-view-order table:not(.woocommerce-table ).shop_table.order_details td p { margin-bottom: 0; text-align: left; } .woocommerce-view-order table:not(.woocommerce-table ).shop_table.order_details td p + br { display: none; } .woocommerce-view-order table:not(.woocommerce-table ).shop_table.order_details tbody tr:nth-child(odd), .licence-codes .shop_table.order_details tbody tr:nth-child(odd) { background-color: rgba(240, 243, 245, 0.4); } .woocommerce-view-order table:not(.woocommerce-table ).shop_table.order_details tbody td:first-of-type, .woocommerce-view-order table:not(.woocommerce-table ).shop_table.order_details thead th:first-of-type { width: 32% !important; padding-left: 22px; vertical-align: middle; } .woocommerce-view-order table:not(.woocommerce-table ).shop_table.order_details thead th:last-child { padding-left: 33px; } .woocommerce-view-order table:not(.woocommerce-table ).shop_table.order_details tbody td:last-child { padding-left: 33px; padding-top: 6px; } /*.woocommerce-view-order table:not(.woocommerce-table ).shop_table.order_details thead th:first-of-type strong { display: none; } .woocommerce-view-order table:not(.woocommerce-table ).shop_table.order_details thead th:first-of-type:before { content: "Plan"; font-weight: 600 !important; } */ .woocommerce-view-order .woocommerce-order-details__title { color: #363B40; font-size: 13px !important; line-height: 14px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; text-transform: uppercase; } .woocommerce-view-order .woocommerce-table.order_details td, .woocommerce-view-order .woocommerce-table.order_details th, .woocommerce-view-order .woocommerce-table.order_details { border: none; box-shadow: none; background: transparent; } .woocommerce-view-order .woocommerce-table.order_details th.product-name { color: transparent; } .woocommerce-view-order .woocommerce-table.order_details th.product-name:before { content: "Plan"; color: #363B40; } .woocommerce-view-order .woocommerce-table.order_details thead th { content: "Plan"; color: #363B40; font-size: 15px !important; line-height: 35px !important; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; text-transform: capitalize; font-stretch: normal !important; padding-left: 0; padding-bottom: 8px; } .woocommerce-view-order .woocommerce-table.order_details tbody td, .woocommerce-view-order .woocommerce-table.order_details tfoot td, .woocommerce-view-order .woocommerce-table.order_details tfoot th { color: #686F75; font-size: 15px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; padding: .55em 0; } .woocommerce-view-order .woocommerce-table.order_details .woocommerce-Price-amount, .woocommerce-view-order .woocommerce-table.order_details .product-quantity, .woocommerce-view-order .woocommerce-table.order_details tbody td a { color: #686F75; font-size: 15px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; } .woocommerce-view-order ul.wc-item-meta { list-style: none; margin-bottom: 0 !important; } .woocommerce-view-order ul.wc-item-downloads { list-style: none; margin-bottom: 45px !important; } .woocommerce-view-order #order-invoice-link .wc-item-invoice-label, .woocommerce-view-order ul.wc-item-downloads li .wc-item-download-label { color: #363B40; font-size: 15px !important; line-height: 17px !important; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; } .woocommerce-view-order ul.wc-item-meta li .wc-item-meta-label { color: #686F75; font-size: 15px !important; line-height: 17px !important; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; display: block; margin-top: 15px; } .woocommerce-view-order ul.wc-item-downloads li .wc-item-download-label + a { color: #39CA82; font-size: 15px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; text-decoration: underline; padding-left: 104px; } .woocommerce-view-order #order-invoice-link .wc-item-invoice-label + a{ color: #39CA82; font-size: 15px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; text-decoration: underline; padding-left: 132px; } .woocommerce-view-order #order-invoice-link .wc-item-invoice-label + a:before, .woocommerce-view-order ul.wc-item-downloads li .wc-item-download-label + a:before { content: ""; background-image: url(../images/icon-download@2x.png); width: 16px; height: 15px; position: absolute; background-size: 14px; background-repeat: no-repeat; margin-top: 6px; margin-left: -25px; } #order-invoice-link { margin-top: 31px; } .woocommerce-view-order #order-invoice-link ul.wc-item-invoices li, .woocommerce-view-order ul.wc-item-downloads li { text-align: left; } .woocommerce-view-order #order-invoice-link ul.wc-item-invoices { list-style: none; } .woocommerce-view-order ul.wc-item-meta { white-space: nowrap; } .woocommerce-view-order ul.wc-item-meta li .wc-item-meta-label + p { display:inline-block; vertical-align: middle; color: #686F75; font-size: 15px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; margin-top: 19px; text-transform: capitalize; line-height: 18px !important; } .woocommerce-view-order .woocommerce-MyAccount-content header h2 { color: #363B40; font-size: 13px !important; line-height: 14px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; text-transform: uppercase; margin-top: 61px; margin-bottom: 22px; } .woocommerce-MyAccount-content .shop_table.my_account_orders { max-width: 642px; border: 1px solid #D7D9DA; border-radius: 4px; background-color: #FFFFFF; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); } .woocommerce-MyAccount-content .shop_table.my_account_orders thead th { background: transparent !important; } .woocommerce-MyAccount-content .shop_table.my_account_orders thead th .nobr { color: #7F8487; font-size: 10px !important; line-height: 11px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } .woocommerce-MyAccount-content .shop_table.my_account_orders tbody td.order-number a, .woocommerce-MyAccount-content .shop_table.my_account_orders tbody td .woocommerce-Price-amount, .woocommerce-MyAccount-content.shop_table.my_account_orders tbody td.subscription-id.order-number a, .woocommerce-MyAccount-content .shop_table.my_account_orders tbody td { color: #363B40; font-size: 12px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } .woocommerce-MyAccount-content .shop_table.my_account_orders .order-actions a.button.view:active, .woocommerce-MyAccount-content .subscription-actions.order-actions a.button.view:active, .woocommerce-MyAccount-content .shop_table.my_account_orders .order-actions a.button.view:hover, .woocommerce-MyAccount-content .subscription-actions.order-actions a.button.view:hover { box-shadow: none; } .woocommerce-MyAccount-content .subscription-actions.order-actions a, .woocommerce-MyAccount-content .shop_table.my_account_orders .order-actions a, .woocommerce-MyAccount-content .shop_table.my_account_orders .order-actions a.button.view, .woocommerce-MyAccount-content .subscription-actions.order-actions a.button.view { color: #39CA82 !important; font-size: 12px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; background: transparent; padding: 0 0 0 12px; text-transform: capitalize; margin: 0; text-decoration: underline; } .woocommerce-MyAccount-content .shop_table.my_account_orders .order-actions a.cancel { display: none; } .woocommerce-MyAccount-content #pay-btn a { color: #FFFFFF; font-size: 13px !important; line-height: 14px !important; text-align: center; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; border-radius: 6px; background-color: #39CA82; padding: 10px; margin: 0; } .woocommerce-MyAccount-content #pay-btn td { width: 80%; max-width: 320px; margin-bottom: 35px; } .woocommerce-MyAccount-content .shop_table.my_account_orders .order-actions a.button.view:before, .woocommerce-MyAccount-content .subscription-actions.order-actions a.button.view:before { content: ""; background-image: url(../images/icon-view@2x.png); width: 22px; height: 14px; position: absolute; background-size: 20px; background-repeat: no-repeat; margin-top: 8px; margin-left: -24px; } .woocommerce-view-order .woocommerce-MyAccount-content .order-again, .woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-customer-details { display: none; } .woocommerce-view-order .shop_table.my_account_orders tbody tr.order td { border-style: solid; padding-top: 0.38em; padding-bottom: 0.38em; border-bottom: none; } .woocommerce-view-order .shop_table.my_account_orders thead tr th { padding-top: .95em; padding-bottom: .95em; } .woocommerce-view-order .shop_table.my_account_orders .order-number { padding-left: 23px; padding-right: 10px; width: 19%; } .woocommerce-view-order .shop_table.my_account_orders .subscription-status, .woocommerce-view-order .shop_table.my_account_orders .order-date { padding-left: 24px; padding-right: 16px; width: 50px; text-align: center; } .woocommerce-view-order .shop_table.my_account_orders .subscription-next-payment, .woocommerce-view-order .shop_table.my_account_orders thead .order-status { width: 100px; padding-left: 21px; padding-right: 18px; text-align: center; } .woocommerce-view-order .shop_table.my_account_orders .subscription-total, .woocommerce-view-order .shop_table.my_account_orders .order-total { width: 23%; padding-left: 10px; padding-right: 10px; text-align: center; } .woocommerce-view-order .shop_table.my_account_orders .subscription-actions { width: 80px; padding-left: 43px; padding-right: 35px; } @media (min-width: 1200px) { .woocommerce-view-order .woocommerce-table.order_details th.product-name { width: 34%; } } @media (max-width: 1200px) and (min-width: 768px) { .woocommerce-view-order .woocommerce-table.order_details th.product-name { width: 50%; } .woocommerce-view-order .shop_table.my_account_orders .subscription-actions { padding-right: 10px; padding-left: 10px; } .woocommerce-view-order td.subscription-actions.order-actions:before { background-size: 17px !important; } } @media (max-width: 768px) and (min-width: 600px) { .woocommerce-view-order .woocommerce-table.order_details th.product-name { width: 34%; } } @media (max-width: 600px) and (min-width: 400px) { .woocommerce-view-order .woocommerce-table.order_details th.product-name { width: 50%; } } @media (max-width: 680px) { .woocommerce-view-order .shop_table.my_account_orders td, .woocommerce-view-order .shop_table.my_account_orders thead tr th { padding-left: 10px !important; padding-right: 10px !important; } .woocommerce-MyAccount-content .shop_table.my_account_orders thead th .nobr { font-size: 9px !important; } .woocommerce-view-order .shop_table.my_account_orders .subscription-actions a.button.view, .woocommerce-MyAccount-content .shop_table.my_account_orders tbody td.order-number a, .woocommerce-MyAccount-content .shop_table.my_account_orders tbody td .woocommerce-Price-amount, .woocommerce-MyAccount-content.shop_table.my_account_orders tbody td.subscription-id.order-number a, .woocommerce-MyAccount-content .shop_table.my_account_orders tbody td { font-size: 10px !important; } .woocommerce-view-order td.subscription-actions.order-actions:before { background-size: 15px !important; } .woocommerce-view-order .shop_table.my_account_orders .subscription-actions { width: 10px; } } @media (max-width: 400px) { .woocommerce-view-order .woocommerce-table.order_details th.product-name { width: 100%; } } /* My Account subscribtion Details */ .woocommerce-MyAccount-content .subscription_details { border: none; box-shadow: none; text-align: left; } .woocommerce-MyAccount-content .subscription_details tbody td { padding: 0; border: none; display: inline-block; } .woocommerce-MyAccount-content .subscription_details tbody tr:first-child td:first-child { color: #363B40; font-size: 13px !important; line-height: 14px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; text-transform: uppercase; vertical-align: middle; margin-top: -2px } .woocommerce-MyAccount-content .subscription_details tbody tr:last-child td:first-child { color: #363B40; font-size: 15px !important; line-height: 17px !important; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; } .subscription_details_view_license { text-align: left; padding-top: 4px; position: relative; padding-bottom: 23px; margin-bottom: 44px; } .subscription_details_view_license:after { border-bottom: 1px solid #E3E3E3; width: 100%; height: 2px; content: ""; position: absolute; left: 0; bottom: 0; } .subscription_details_view_license h3 { color: #363B40; font-size: 15px !important; line-height: 17px !important; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; text-transform: capitalize; display: inline-block; padding-right: 77px; } .woocommerce-MyAccount-content .subscription_details_view_license + h2 { color: #363B40; font-size: 13px !important; line-height: 14px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; text-transform: uppercase; margin-top: 20px; } #subscription-download-links { margin-left: 104px; margin-top: 7px; } #view-license-code, #subscription-download-links a { color: #39CA82; font-size: 15px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; text-decoration: underline; } #subscription-download-links a:before { content: ""; background-image: url(../images/icon-download@2x.png); width: 16px; height: 15px; position: absolute; background-size: 14px; background-repeat: no-repeat; margin-top: 6px; margin-left: -25px; } #view-license-code:before { content: ""; background-image: url(../images/icon-view@2x.png); width: 22px; height: 14px; position: absolute; background-size: 20px; background-repeat: no-repeat; margin-top: 8px; margin-left: -25px; } .woocommerce-MyAccount-content .subscription_order_details { border: 0; box-shadow: none; margin-top: 30px; margin-bottom: 37px; } .woocommerce-MyAccount-content .subscription_order_details thead th { color: #363B40; font-size: 15px !important; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; text-transform: capitalize; background: transparent; border: none; padding: 0 0 20px; } .woocommerce-MyAccount-content .subscription_order_details .order_item td, .woocommerce-MyAccount-content .subscription_order_details tfoot th, .woocommerce-MyAccount-content .subscription_order_details tfoot td { color: #686F75; font-size: 15px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; border: none; padding: .58em 0 7px; } .woocommerce-MyAccount-content .subscription_order_details .woocommerce-Price-amount, .woocommerce-MyAccount-content .subscription_order_details .order_item .product-quantity, .woocommerce-MyAccount-content .subscription_order_details .order_item td a { color: #686F75; font-size: 15px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; } .woocommerce-MyAccount-content .subscription_order_details .order_item .wc-item-downloads { list-style: none; } .woocommerce-MyAccount-content .subscription_order_details .wc-item-download-label { color: #363B40; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px !important; line-height: 17px !important; } .woocommerce-MyAccount-content .subscription_order_details td .wc-item-downloads a { color: #39CA82; font-size: 15px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; text-decoration: underline; } .woocommerce-MyAccount-content .subscription_cancel_button { color: #7F8487 !important; font-size: 10px !important; line-height: 11px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; border: 1px solid #D7D9DA; border-radius: 4px; background-color: #FFFFFF; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); text-align: left; padding: 16px 23px; margin: 0; position: relative; text-transform: uppercase; max-width: 594px; } .woocommerce-MyAccount-content .subscription_cancel_button:hover { background-color: #FFFFFF; } .woocommerce-MyAccount-content .subscription_cancel_button:after { background: url(../images/icon-expand-accordian@2x.png); background-repeat: no-repeat; content: ""; position: absolute; width: 16px; height: 16px; background-size: 14px; right: 30px; margin-top: -1px; } .subscription_cancel_open { border: 1px solid #D7D9DA; border-radius: 0 0 4px 4px; border-top: none; background-color: #FFFFFF; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); margin-top: -10px; text-align: left; padding: 42px 23px 32px 37px; max-width: 580px; } .subscription_cancel_open p { text-align: left; color: #686F75; font-size: 15px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; margin-bottom: 23px; } .subscription_cancel_open p span { font-family: 'Graphik Web' !important; font-display: block; font-weight: 700 !important; font-style: normal !important; font-stretch: normal !important; } .subscription_cancel_open a.subscription_cancel_link { color: #fb1e5b; font-size: 15px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; text-decoration: underline; } .woocommerce-MyAccount-content header.subscription_related_orders { text-align: left; padding-top: 41px; padding-bottom: 17px; } .woocommerce-MyAccount-content header.subscription_related_orders h2 { color: #363B40; font-size: 13px !important; line-height: 14px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; text-transform: uppercase !important; } .woocommerce-MyAccount-content .shop_table.my_account_orders .button.invoice { display: none; } .woocommerce-MyAccount-content .shop_table.my_account_orders tbody tr:nth-child(odd) { background-color: rgba(240, 243, 245, 0.4); } .woocommerce-MyAccount-content .subscription_related_orders + .shop_table.my_account_orders thead th { padding-top: 10px; padding-bottom: 10px; } .woocommerce-MyAccount-content .subscription_related_orders + .shop_table.my_account_orders .order td { padding-top: 3px; padding-bottom: 2px; border-style: solid; border-bottom: none; } .woocommerce-MyAccount-content .subscription_related_orders + .shop_table.my_account_orders .order-number { padding-left: 21px; width: 19.4%; padding-right: 10px; } .woocommerce-MyAccount-content .subscription_related_orders + .shop_table.my_account_orders .order-date { text-align: center; padding-left: 8px; padding-right: 10px; width: 17%; } .woocommerce-MyAccount-content .subscription_related_orders + .shop_table.my_account_orders .order-status { text-align: center; padding-left: 8px; padding-right: 10px; width: 18.3%; } .woocommerce-MyAccount-content .subscription_related_orders + .shop_table.my_account_orders .order-total { text-align: center; padding-left: 9px; padding-right: 10px; width: 23.4%; } @media (min-width: 1200px) { .shop_table.subscription_order_details .product-name { width: 38.8%; } } @media (max-width: 1200px) and (min-width: 768px) { .shop_table.subscription_order_details .product-name { width: 50%; } } @media (max-width: 768px) and (min-width: 600px) { .shop_table.subscription_order_details .product-name { width: 38.8%; } } @media (max-width: 600px) and (min-width: 400px) { .shop_table.subscription_order_details .product-name { width: 50%; } } @media (max-width: 400px) { .shop_table.subscription_order_details .product-name { width: 100%; } } /* Subscription and order status */ .woocommerce-view-order .order-status#order-completed { color: #39CA82; font-size: 10px !important; line-height: 11px !important; text-align: center; border: 1px solid #39CA82; border-radius: 2px; padding: 8px 13px; margin-left: 40px; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } .woocommerce-view-order .order-status#order-pending-payment { color: #FECA2E; font-size: 10px !important; line-height: 11px !important; text-align: center; border: 1px solid #FECA2E; border-radius: 2px; padding: 8px 9px; margin-left: 40px; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } .woocommerce-view-order .order-status#order-failed { color: #FB0046; font-size: 10px !important; line-height: 11px !important; text-align: center; border: 1px solid #FB0046; border-radius: 2px; padding: 8px 23px 8px 25px; margin-left: 40px; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } .woocommerce-view-order .order-status#order-processing { color: #FECA2E; font-size: 10px !important; line-height: 11px !important; text-align: center; border: 1px solid #FECA2E; border-radius: 2px; padding: 8px 12px 8px 13px; margin-left: 40px; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } .woocommerce-view-order .order-status#order-on-hold { color: #7F8487; font-size: 10px !important; line-height: 11px !important; text-align: center; border: 1px solid #7F8487; border-radius: 2px; padding: 8px 17px; margin-left: 40px; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } .woocommerce-view-order .order-status#order-cancelled { color: #FB0046; font-size: 10px !important; line-height: 11px !important; text-align: center; border: 1px solid #FB0046; border-radius: 2px; padding: 8px 15px; margin-left: 40px; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } .woocommerce-view-order .order-status#order-refunded { color: #7F8487; font-size: 10px !important; line-height: 11px !important; text-align: center; border: 1px solid #7F8487; border-radius: 2px; padding: 8px 15px; margin-left: 40px; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } .woocommerce-MyAccount-content :not(.order-status)#subscription-active { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; color: #39CA82; font-size: 10px !important; line-height: 11px !important; text-align: center; border: 1px solid #39CA82; border-radius: 2px !important; padding: 8px 22px; margin-left: 26px; margin-bottom: 60px; margin-top: -4px; } .woocommerce-MyAccount-content :not(.order-status)#subscription-pending { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; color: #FECA2E; font-size: 10px !important; line-height: 11px !important; text-align: center; border: 1px solid #FECA2E; border-radius: 2px !important; padding: 8px 19px; margin-left: 26px; margin-bottom: 60px; margin-top: -4px; } .woocommerce-MyAccount-content :not(.order-status)#subscription-on-hold { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; color: #7F8487; font-size: 10px !important; line-height: 11px !important; text-align: center; border: 1px solid #7F8487; border-radius: 2px !important; padding: 8px 19px; margin-left: 26px; margin-bottom: 60px; margin-top: -4px; } .woocommerce-MyAccount-content :not(.order-status)#subscription-pending-cancellation { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; color: #FB0046; font-size: 10px !important; line-height: 11px !important; text-align: center; border: 1px solid #FB0046; border-radius: 2px !important; padding: 8px 7px; margin-left: 26px; margin-bottom: 60px; margin-top: -4px; } .woocommerce-MyAccount-content :not(.order-status)#subscription-cancelled { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; color: #FB0046; font-size: 10px !important; line-height: 11px !important; text-align: center; border: 1px solid #FB0046; border-radius: 2px !important; padding: 8px 14px; margin-left: 26px; margin-bottom: 53px; margin-top: -4px; } .woocommerce-MyAccount-content :not(.order-status)#subscription-expired { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; color: #FB0046; font-size: 10px !important; line-height: 11px !important; text-align: center; border: 1px solid #FB0046; border-radius: 2px !important; padding: 8px 20px; margin-left: 26px; margin-bottom: 60px; margin-top: -4px; } .woocommerce-MyAccount-content :not(.order-status)#subscription-switched { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; color: #7F8487; font-size: 10px !important; line-height: 11px !important; text-align: center; border: 1px solid #7F8487; border-radius: 2px !important; padding: 8px 16px; margin-left: 26px; margin-bottom: 60px; margin-top: -4px; } /* My Account Account Details */ .woocommerce-edit-account form.woocommerce-EditAccountForm.edit-account { max-width: 450px; } .woocommerce-edit-account form.woocommerce-EditAccountForm.edit-account label[for="account_email"], .woocommerce-edit-account form.woocommerce-EditAccountForm.edit-account label[for="account_last_name"], .woocommerce-edit-account form.woocommerce-EditAccountForm.edit-account label[for="account_first_name"] { display: none; } .woocommerce-edit-account form.woocommerce-EditAccountForm.edit-account .input-text { border-radius: 6px; background-color: #FFFFFF; box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); border: none; height: 38px; color: #363B40; font-size: 15px !important; line-height: 17px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; padding-left: 15px; } .woocommerce-edit-account form.woocommerce-EditAccountForm.edit-account input[type="text"]::-webkit-input-placeholder, .woocommerce-edit-account form.woocommerce-EditAccountForm.edit-account input[type="text"]::-moz-placeholder, .woocommerce-edit-account form.woocommerce-EditAccountForm.edit-account input[type="text"]:-ms-input-placeholder, .woocommerce-edit-account form.woocommerce-EditAccountForm.edit-account input[type="text"]:-moz-placeholder { color: #989EA3 !important; } .woocommerce-edit-account form.woocommerce-EditAccountForm.edit-account p { margin-bottom: 0; } .woocommerce-edit-account form.woocommerce-EditAccountForm.edit-account legend { text-align: left; color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; line-height: 14px !important; text-transform: uppercase; padding-top: 20px; padding-bottom: 15px; } .woocommerce-edit-account form.woocommerce-EditAccountForm.edit-account input[type="submit"] { border-radius: 6px; background-color: #39CA82; display: inherit; height: 35.42px; font-size: 13px !important; line-height: 14px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } .woocommerce-edit-account form.woocommerce-EditAccountForm.edit-account fieldset label { display: block; text-align: left; padding-bottom: 4px; font-size: 12px !important; padding-top: 10px; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; } /* My Account Downloads */ .logged-in.woocommerce-downloads .woocommerce-MyAccount-content { text-align: left; } .logged-in.woocommerce-downloads .woocommerce-MyAccount-content:before { content: "Downloads"; color: #363B40; font-size: 13px !important; line-height: 14px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; text-transform: uppercase; } .logged-in.woocommerce-downloads table.woocommerce-MyAccount-downloads { max-width: 642px; border: 1px solid #D7D9DA; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); margin-top: 25px; } .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads thead th { background: transparent; border-bottom-color: #D7D9DA; border-left-color: rgba(215, 217, 218, 0.5); padding-top: 10px; padding-bottom: 11px; } .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads tbody tr:nth-child(odd) { background: rgba(240, 243, 245, 0.4); } .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads tbody td { border-style: solid; border-left-color: rgba(215, 217, 218, 0.5); padding-top: 4px; padding-bottom: 3px; border-bottom: none; } .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads thead th span.nobr { color: #7F8487; font-size: 10px !important; line-height: 11px !important; text-align: center; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; letter-spacing: -0.2px; } .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads td.download-product a { color: #363B40; font-size: 12px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; pointer-events: none; } .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads th.download-expires, .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads th.download-remaining { text-align: center; } .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads td.download-remaining { color: #363B40; font-size: 12px !important; line-height: 24px !important; text-align: center !important; font-family: 'LucidaGrande' !important; font-weight: bold !important; font-style: normal !important; } .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads td.download-expires { color: #363B40; font-size: 12px !important; line-height: 24px !important; text-align: center; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads td.download-file a { color: #39CA82; font-size: 12px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; text-decoration: underline; } .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads .download-product { padding-left: 22px; width: 25%; } .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads .download-remaining { width: 27.8%; } .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads .download-expires { width: 17%; } .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads .download-file { padding-left: 23px; } .woocommerce-downloads .woocommerce-MyAccount-content .woocommerce-Message { margin-top: 25px; } .woocommerce-downloads .woocommerce-MyAccount-content .woocommerce-Message a.button { display: none; } @media (max-width: 1100px) and (min-width: 768px){ .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads .download-file, .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads .download-product { padding-left: 16px; } .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads td.download-file a, .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads td.download-expires, .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads td.download-product a { font-size: 10px; } .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads thead th span.nobr { font-size: 9px; } } @media (max-width: 750px) and (min-width: 500px){ .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads .download-file, .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads .download-product { padding-left: 16px; } .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads td.download-file a, .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads td.download-expires, .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads td.download-product a { font-size: 10px; } .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads thead th span.nobr { font-size: 9px; } } @media (max-width: 500px){ .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads .download-file, .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads .download-product { padding-left: 10px; } .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads td.download-file a, .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads td.download-expires, .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads td.download-product a { font-size: 9px; } .logged-in.woocommerce-downloads .woocommerce-MyAccount-downloads thead th span.nobr { font-size: 8px; } } /* My Account Payment Method */ .woocommerce-payment-methods .woocommerce-MyAccount-content { text-align: left; } .woocommerce-payment-methods .woocommerce-MyAccount-content:before { color: #363B40; font-size: 13px !important; line-height: 14px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; content: "Payment methods"; text-transform: uppercase; } .woocommerce-payment-methods .woocommerce-MyAccount-paymentMethods.account-payment-methods-table { max-width: 642px; border: 1px solid #D7D9DA; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); margin-top: 24px; margin-bottom: 36px; } .woocommerce-payment-methods .woocommerce-MyAccount-paymentMethods.account-payment-methods-table th { background: transparent; border-bottom-color: #D7D9DA; border-left-color: rgba(215, 217, 218, 0.5); padding-top: 10px; padding-bottom: 10px; } .woocommerce-payment-methods .woocommerce-MyAccount-paymentMethods.account-payment-methods-table td { border-left-color: rgba(215, 217, 218, 0.5); border-style: solid; border-bottom: none; padding-top: 3px; padding-bottom: 2px; } .woocommerce-MyAccount-paymentMethods.account-payment-methods-table tbody tr:nth-child(odd) { background-color: rgba(240, 243, 245, 0.4); } .woocommerce-MyAccount-paymentMethods.account-payment-methods-table th .nobr { color: #7F8487; font-size: 10px !important; line-height: 11px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } .woocommerce-MyAccount-paymentMethods.account-payment-methods-table td.payment-method-method { color: #363B40; font-size: 12px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } .woocommerce-MyAccount-paymentMethods.account-payment-methods-table td.payment-method-expires { color: #363B40; font-size: 12px !important; line-height: 24px !important; text-align: center; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; } .woocommerce-MyAccount-paymentMethods.account-payment-methods-table td.payment-method-actions { text-align: center; } .woocommerce-MyAccount-paymentMethods.account-payment-methods-table td.payment-method-actions .button { color: #39CA82 !important; background: transparent; padding: 0; margin: 0; font-size: 12px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; display: inline-block; text-transform: capitalize; text-decoration: underline; } .woocommerce-MyAccount-paymentMethods.account-payment-methods-table td.payment-method-actions .button:active { box-shadow: none; } .woocommerce-MyAccount-paymentMethods.account-payment-methods-table td.payment-method-actions .button.default { padding-left: 19px; } .woocommerce-MyAccount-paymentMethods.account-payment-methods-table + .button { font-size: 13px !important; line-height: 14px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; border-radius: 6px; background-color: #39CA82; display: table; margin: 0 auto; padding: 10px; width: 49%; } .woocommerce-MyAccount-paymentMethods.account-payment-methods-table .payment-method-method { padding-left: 20px; width: 43%; } .woocommerce-MyAccount-paymentMethods.account-payment-methods-table .payment-method-expires { text-align: center; width: 26%; } /* My Account Payment Method Form */ .woocommerce-add-payment-method form#add_payment_method { max-width: 454px; margin-top: 35px; } .woocommerce-add-payment-method .woocommerce-MyAccount-content { text-align: left; } .woocommerce-add-payment-method .woocommerce-MyAccount-content:before { content: "Add a payment method"; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; color: #363B40; font-size: 13px; line-height: 14px; text-transform: uppercase; } .woocommerce-add-payment-method form#add_payment_method .input-radio { -webkit-appearance: none; border-color: #DADFE3; background: #F6F8FA; border-radius: 25px; border-width: 8px; padding: 2px; margin: 0; vertical-align: middle; } .woocommerce-add-payment-method form#add_payment_method .input-radio[checked="checked"] { border-color: #39CA82; background: #FFFFFF; border-radius: 25px; border-width: 6px; padding: 4px; } .woocommerce-add-payment-method form#add_payment_method #stripe-payment-data label, .woocommerce-add-payment-method form#add_payment_method label[for="payment_method_stripe"] { display: none; } .woocommerce-add-payment-method form#add_payment_method li.woocommerce-PaymentMethod { position: relative; border-bottom: none; padding: 0; } .woocommerce-add-payment-method form#add_payment_method li.payment_method_stripe:before { content: ""; background-image: url(../images/icon-credit-debit-cards@2x.png); position: absolute; background-repeat: no-repeat; width: 125px; height: 25px; background-size: 125px; left: 35px; } .woocommerce-add-payment-method form#add_payment_method .payment_methods .woocommerce-PaymentBox input:not([type="checkbox"]) { border-radius: 6px; background-color: #FFFFFF; box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); height: 38px; padding: 5px 17px; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; border: none; width: 99%; font-size: 15px; padding-left: 15px; } form#add_payment_method .payment_methods .woocommerce-PaymentBox input::placeholder, form#add_payment_method .payment_methods .woocommerce-PaymentBox input::-o-input-placeholder, form#add_payment_method .payment_methods .woocommerce-PaymentBox input::-webkit-input-placeholder, form#add_payment_method .payment_methods .woocommerce-PaymentBox input::-moz-placeholder, form#add_payment_method .payment_methods .woocommerce-PaymentBox input:-ms-input-placeholder, form#add_payment_method .payment_methods .woocommerce-PaymentBox input:-moz-placeholder { color: #989EA3; font-size: 15px; line-height: 17px; } .woocommerce-add-payment-method form#add_payment_method .payment_methods p.form-row-last { position: relative; } .woocommerce-add-payment-method form#add_payment_method .payment_methods p.form-row-last:before { background-image: url(../images/icon-security-code@2x.png); content: ""; background-repeat: no-repeat; width: 28px; height: 21px; background-size: 23px; position: absolute; top: 10.5px; margin-left: 17px; } .woocommerce-add-payment-method form#add_payment_method fieldset#wc-stripe-cc-form { position: relative; margin-top: 30px; } .woocommerce-add-payment-method form#add_payment_method fieldset#wc-stripe-cc-form p { margin-bottom: 0; } .woocommerce-add-payment-method form#add_payment_method fieldset#wc-stripe-cc-form:after { content: "Last 3 digits of your card."; color: #ADB4BA; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 10px !important; line-height: 13px !important; position: absolute; right: -5px; bottom: 30px; width: 80px; } .woocommerce-account.woocommerce-payment-methods .woocommerce-Message + a.button, .woocommerce-add-payment-method form#add_payment_method #payment .form-row input#place_order { color: #FFFFFF; font-size: 13px !important; line-height: 14px !important; text-align: center; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; border-radius: 6px; background-color: #39CA82; padding: 11px 20px 11px 20px; float: none; margin: 4px auto; width: 320px; } .content-after-add-payment-form h4 { content: "Safe & Secure"; color: #686F75; font-size: 12px !important; line-height: 11px !important; text-align: left; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; margin-bottom: 15px; } .content-after-add-payment-form { text-align: left; clear: both; padding-top: 66px; } .content-after-add-payment-form img { width: 10px; vertical-align: middle; margin-top: -7px; } .content-after-add-payment-form p { color: #686F75; font-size: 12px !important; line-height: 15px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; text-align: left; } @media (min-width: 500px) { .woocommerce-add-payment-method form#add_payment_method .payment_methods p.form-row-first { width: 33%; margin-right: 10px; float: left; } .woocommerce-add-payment-method form#add_payment_method .payment_methods p.form-row-last { width: calc(66% - 7px); float: right; } .woocommerce-add-payment-method form#add_payment_method .payment_methods #stripe-card-cvc { float: left; width: 67% !important; } } @media (max-width:500px) { .woocommerce-add-payment-method form#add_payment_method .payment_methods input#stripe-card-cvc { width: calc(100% - 90px) !important; float: left; margin-left: 1px; } .woocommerce-add-payment-method form#add_payment_method .payment_methods p.form-row-last:before { margin-left: auto; right: 100px; } .woocommerce-account.woocommerce-payment-methods .woocommerce-Message + a.button, .woocommerce-add-payment-method form#add_payment_method #payment .form-row input#place_order { font-size: 12px; width: 80%; } } /* Order Recived */ .woocommerce-checkout:not(.woocommerce-order-received) #pricing-footer { display: none; } .woocommerce-checkout.woocommerce-order-received #main-sidebar-container header { padding-bottom: 52px; padding-top: 148px; } .woocommerce-order-received #navigation { display: none !important; } body.woocommerce-order-received.admin-bar { margin-top: 0; } .woocommerce-order-received .woocommerce-order.col-full > p, .woocommerce-order-received #main header .title { display: none; } .woocommerce-order-received #main header { text-align: center; } .woocommerce-order-received #main header:before { content: "Order Complete"; color: #FFFFFF; font-size: 38px !important; line-height: 52px !important; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; } .woocommerce-order-received .woocommerce-order.col-full { max-width: 846px !important; } .woocommerce-order-received .scan2cad-thankyou-support h3, .woocommerce-order-received .scan2cad-thankyou-account h3, .woocommerce-order-received h3.scan2cad-thankyou-order-heading { color: #363B40; font-size: 13px !important; line-height: 14px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; padding-top: 10px; margin-bottom: 23px; text-align: left; } .woocommerce-order-received .scan2cad-thankyou-support { padding-top: 40px; } .woocommerce-order-received .scan2cad-thankyou-account { text-align: left; } .woocommerce-order-received h3.scan2cad-thankyou-order-heading:before{ content: ""; background-image: url(../images/icon-order-details@2x.png); width: 27px; height: 23px; position: absolute; background-size: 27px; background-repeat: no-repeat; margin-top: -6px; margin-left: -43px; } .scan2cad-thankyou-support p, .scan2cad-thankyou-account p, .woocommerce-order-received p.woocommerce-notice.woocommerce-thankyou-order-received { color: #686F75; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px !important; line-height: 26px !important; text-align: left; } .woocommerce-order-received .scan2cad-thankyou-account h3:before{ content: ""; background-image: url(../images/icon-my-account@2x.png); width: 25px; height: 25px; position: absolute; background-size: 24px; background-repeat: no-repeat; margin-top: -6px; margin-left: -48px; } .woocommerce-order-received .scan2cad-thankyou-support h3:before{ content: ""; background-image: url(../images/icon_check@2x.png); width: 25px; height: 25px; position: absolute; background-size: 24px; background-repeat: no-repeat; margin-top: -6px; margin-left: -48px; } .woocommerce-order-received .scan2cad-thankyou-account a { color: #39CA82; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px !important; line-height: 24px !important; padding-left: 32px; text-decoration: underline; } .woocommerce-order-received .scan2cad-thankyou-support a { color: #39CA82; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px !important; line-height: 24px !important; text-decoration: underline; } .woocommerce-order-received .scan2cad-thankyou-account a:before { content: ""; background-image: url(../images/icon-arrow-right@2x.png); width: 15px; height: 15px; position: absolute; background-size: 14.05px; background-repeat: no-repeat; margin-top: 5px; margin-left: -24px; } .woocommerce-order-received .woocommerce-order-details .woocommerce-order-details__title { display: none; } .woocommerce-order-received .woocommerce-order-details .woocommerce-table.order_details { background: transparent; border: none; box-shadow: none; margin-top: -18px; } .woocommerce-order-received .woocommerce-order-details .woocommerce-table.order_details thead th { color: #363B40; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px !important; line-height: 35px !important; background: transparent; border: none; text-transform: capitalize; padding: 0; } .woocommerce-order-received .woocommerce-order-details .woocommerce-table.order_details .product-name { width: 59%; } .woocommerce-order-received .woocommerce-order-details .woocommerce-table.order_details tbody td .woocommerce-Price-amount, .woocommerce-order-received .woocommerce-order-details .woocommerce-table.order_details tbody td > a, .woocommerce-order-received .woocommerce-order-details .woocommerce-table.order_details tbody td strong, .woocommerce-order-received .woocommerce-order-details .woocommerce-table.order_details tbody td { color: #686F75; font-size: 15px !important; line-height: 35px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; padding: 0; border: none; } .woocommerce-order-received .woocommerce-order-details .woocommerce-table.order_details tfoot td .woocommerce-Price-amount, .woocommerce-order-received .woocommerce-order-details .woocommerce-table.order_details tfoot td, .woocommerce-order-received .woocommerce-order-details .woocommerce-table.order_details tfoot th { color: #686F75; font-size: 15px !important; line-height: 35px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; padding: 0; border: none; } .order-received-invoice { display: inline-block; } h4.order-received-invoice { color: #363B40; font-size: 15px !important; line-height: 17px !important; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; margin-right: 43px; } .order-received-invoice a { color: #39CA82; font-size: 15px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; line-height: 24px; text-decoration: underline; } #pdf-invoice-wrapper { clear: both; text-align: left; } .woocommerce-order-received .wc-item-downloads { list-style: none; } .woocommerce-order-received .wc-item-downloads { text-align: left; } .woocommerce-order-received .wc-item-downloads .wc-item-download-label { list-style: none; color: #363B40; font-size: 15px !important; line-height: 35px !important; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; margin-right: 44px; text-align: left; } .woocommerce-order-received .wc-item-downloads li a { color: #39CA82; font-size: 15px !important; line-height: 17px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; text-decoration: underline; } .woocommerce-order-received ul.wc-item-downloads a:before { content: ""; background-image: url(../images/icon-download@2x.png); width: 16px; height: 15px; position: absolute; background-size: 14px; background-repeat: no-repeat; margin-top: 12px; margin-left: -23px; } .woocommerce-order-received .order-received-invoice a:before { content: ""; background-image: url(../images/icon-download@2x.png); width: 16px; height: 15px; position: absolute; background-size: 14px; background-repeat: no-repeat; margin-top: 6px; margin-left: -23px; } .woocommerce-order-received .woocommerce-order-details > h2:not(.woocommerce-order-details__title) { clear: left; color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; line-height: 14px !important; text-transform: uppercase; margin-bottom: 32px; position: relative; padding-top: 80px; } .woocommerce-order-received .woocommerce-order-details > h2:not(.woocommerce-order-details__title):before { content: ""; background-image: url(../images/icon-your-license@2x.png); width: 18px; height: 24px; position: absolute; background-size: 17.25px; background-repeat: no-repeat; margin-top: -6px; margin-left: -36px; } .woocommerce-order-received .woocommerce-order-details > h2:not(.woocommerce-order-details__title):after { height: 1px; width: calc(100% - 26px); content: ""; background-color: rgba(227,231,234,0.5); position: absolute; right: 0; top: 19px; } /*.woocommerce-order-received .woocommerce-order-details :not(.woocommerce-table).order_details thead th:first-child strong,*/ .woocommerce-order-received .entry center, .woocommerce-order-received .woocommerce-order-details .woocommerce-customer-details, .woocommerce-order-received .woocommerce-order-details p.order-again, .woocommerce-order-received .woocommerce-order-details .my_account_orders, .woocommerce-order-received .woocommerce-order-details header { display: none; } .woocommerce-order-received .woocommerce-order-details :not(.woocommerce-table).order_details { max-width: 642px; border: 1px solid #D7D9DA; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); margin-top: 26px; margin-bottom: 84px; } .woocommerce-order-received .woocommerce-order-details :not(.woocommerce-table).order_details tbody td:last-child, .woocommerce-order-received .woocommerce-order-details :not(.woocommerce-table).order_details thead th:last-child { padding-left: 46px; } .woocommerce-order-received .woocommerce-order-details :not(.woocommerce-table).order_details thead th:first-child { width: 30% !important; padding-left: 22px; } .woocommerce-order-received .woocommerce-order-details :not(.woocommerce-table).order_details thead th { background: transparent; border-bottom-color: #D7D9DA; border-left-color: rgba(215, 217, 218, 0.5); padding-top: 10px; padding-bottom: 10px; } .woocommerce-order-received .woocommerce-order-details :not(.woocommerce-table).order_details thead th:first-child:before { /*content: "Plan";*/ color: #7F8487; font-size: 10px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; line-height: 11px; } .woocommerce-order-received .woocommerce-order-details :not(.woocommerce-table).order_details thead th:last-child strong { color: #7F8487; font-size: 10px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; line-height: 11px; } /* style for licence codes - gabriel reguly */ .licence-codes thead th:last-child, .licence-codes thead th:first-child { color: #7F8487; font-size: 10px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; line-height: 11px; } ul.licence-codes li { list-style: none; } /* end of style for licence codes - gabriel reguly */ .woocommerce-order-received .woocommerce-order-details :not(.woocommerce-table).order_details tbody tr:nth-child(odd) { background-color: rgba(240, 243, 245, 0.4); } .woocommerce-order-received .woocommerce-order-details :not(.woocommerce-table).order_details tbody td { padding-top: 5px; padding-bottom: 8px; border-style: solid; border-bottom: none; } .woocommerce-order-received .woocommerce-order-details :not(.woocommerce-table).order_details tbody td:first-child { color: #363B40; font-size: 12px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; width: 30% !important; vertical-align: middle; padding-left: 22px; } .woocommerce-order-received .woocommerce-order-details :not(.woocommerce-table).order_details tbody td:last-child p, .woocommerce-order-received .woocommerce-order-details :not(.woocommerce-table).order_details tbody td:last-child b, .woocommerce-order-received .woocommerce-order-details :not(.woocommerce-table).order_details tbody td:last-child { color: #363B40; font-size: 12px !important; line-height: 24px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; margin-bottom: 0; text-align: left; } .woocommerce-order-received .woocommerce-order-details :not(.woocommerce-table).order_details tbody td:last-child p + br { display: none; } .woocommerce-order-received #footer-container { padding: 13px 0 0; margin-top: 16px; } @media (min-width: 768px) { .woocommerce-order-received .scan2cad-thankyou-order { width: calc(49% - 40px); float: left; } .woocommerce-order-received .woocommerce-order-details .woocommerce-table.order_details { width: calc(60% - 40px); float: left; } .scan2cad-thankyou-account { width: calc(43% - 40px); float: right; } .scan2cad-thankyou-support { width: calc(43% - 40px); float: right; clear: both; } } @media (min-width: 500px) { .woocommerce-order-received .woocommerce-order-details > h2:not(.woocommerce-order-details__title), h4.order-received-invoice, .scan2cad-thankyou-support, .scan2cad-thankyou-account, .woocommerce-order-received .woocommerce-order-details .woocommerce-table.order_details + h2, .woocommerce-order-received .woocommerce-order-details .woocommerce-table.order_details, .woocommerce-order-received .scan2cad-thankyou-order { padding-left: 40px; } .woocommerce-order-received .woocommerce-order-details :not(.woocommerce-table).order_details { margin-left: 40px; } .woocommerce-order-received .wc-item-downloads { padding-left: 40px !important; } } @media (max-width: 768px) { .woocommerce-order-received .nav-toggle { display: none; } .woocommerce-order-received .woocommerce-order-details :not(.woocommerce-table).order_details { width: calc(100% - 40px) !important; } .woocommerce-order-received .woocommerce-order-details .woocommerce-table.order_details { padding-top: 30px; } } @media (max-width: 500px) { .woocommerce-order-received .woocommerce-order-details > h2:not(.woocommerce-order-details__title), .scan2cad-thankyou-support, .scan2cad-thankyou-account, .woocommerce-order-received .woocommerce-order-details .woocommerce-table.order_details + h2, .woocommerce-order-received .scan2cad-thankyou-order { padding-left: 12px; } .woocommerce-order-received .wc-item-downloads { padding-left: 12px !important; } .woocommerce-order-received .scan2cad-thankyou-support h3:before, .woocommerce-order-received .scan2cad-thankyou-account h3:before { height: 21px; width: 21px; margin-left: -26px; margin-top: -4px; background-size: 19px; } .woocommerce-order-received h3.scan2cad-thankyou-order-heading:before { width: 21px; height: 17px; background-size: 20px; margin-left: -24px; margin-top: -2.5px; } .woocommerce-order-received .scan2cad-thankyou-support h3, .woocommerce-order-received .scan2cad-thankyou-account h3, .woocommerce-order-received h3.scan2cad-thankyou-order-heading { padding-top: 35px; margin-bottom: 10px; font-size: 11px; } .scan2cad-thankyou-support p, .scan2cad-thankyou-account p, .woocommerce-order-received p.woocommerce-notice.woocommerce-thankyou-order-received { font-size: 13px; line-height: 21px; } .woocommerce-order-received #main header:before { font-size: 33px; } .woocommerce-order-received .scan2cad-thankyou-account a { font-size: 14px; line-height: 21px; padding-left: 23px; } .woocommerce-order-received .scan2cad-thankyou-account a:before { margin-top: 6px; margin-left: -18px; width: 13px; background-size: 11.05px; height: 14px; } .woocommerce-order-received .woocommerce-order-details > h2:not(.woocommerce-order-details__title):before { margin-top: -4px; background-size: 15.25px; width: 18px; height: 22px; margin-left: -24px; } .woocommerce-order-received .woocommerce-order-details > h2:not(.woocommerce-order-details__title) { margin-bottom: 25px; padding-top: 60px; } .woocommerce-order-received .woocommerce-order-details :not(.woocommerce-table).order_details { margin-bottom: 0; margin-left: 0; width: 100% !important; } .woocommerce-order-received .woocommerce-order-details > h2:not(.woocommerce-order-details__title):after { width: 100%; } .woocommerce-order-received .wc-item-downloads .wc-item-download-label, h4.order-received-invoice { font-size: 13px; margin-right: 36px; } .woocommerce-order-received .wc-item-downloads li a, .order-received-invoice a { font-size: 13px; } .woocommerce-order-received .order-received-invoice a:before { width: 13px; height: 12px; background-size: 12px; margin-top: 7px; margin-left: -18px; } .woocommerce-order-received ul.wc-item-downloads a:before { width: 12px; height: 12px; background-size: 12px; margin-top: 14px; margin-left: -18px; } } /* Customer payment page */ .woocommerce-checkout.woocommerce-order-pay #main { background: #f6f8fa; } .woocommerce-checkout.woocommerce-order-pay .woocommerce { max-width: 840px; margin: 0 auto; position: relative; } .woocommerce-checkout.woocommerce-order-pay .woocommerce:after { content: ""; border-bottom: 1px solid rgba(199,200,201,0.5); height: 1px; position: absolute; bottom: 0; } h3.pay-order-title { color: #363B40; font-size: 13px !important; line-height: 14px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; text-align: left; text-transform: uppercase; } .order_review_confidence h5, .order_review_guarantee h5 { color: #686F75; font-size: 12px !important; line-height: 11px !important; text-align: left; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; margin-bottom: 16px; } .order_review_guarantee h5:after { background-image: url(../images/icon-rosette@2x.png); content: ""; width: 20px; height: 25px; position: absolute; background-repeat: no-repeat; margin-left: 4px; margin-top: -4px; background-size: 12px; } .order_review_guarantee p { color: #686f75; font-size: 12px !important; line-height: 15px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; text-align: left; } .order_review_confidence ul { list-style: none; } .order_review_confidence ul li { background-image: url(../images/icon-check-circle@2x.png); color: #686f75; font-size: 12px !important; line-height: 16px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; background-repeat: no-repeat; font-stretch: normal !important; padding-left: 29px; min-height: 22px; margin-bottom: 9px; background-size: 16px; text-align: left; } .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table { max-width: 464px; border: 1px solid #E7E7E7; border-radius: 6px; background-color: #FFFFFF; margin-top: 22px; } .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table thead th { color: #363B40; font-size: 15px !important; line-height: 35px !important; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; text-transform: capitalize !important; background: #FFFFFF; border: none; padding: 13px 14px 0; } .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table td { color: #686F75; font-size: 15px !important; line-height: 35px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; border-right: none; border-bottom: 1px solid rgba(227,231,234,0.5); padding: 9px 14px .857em; } .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table .wc-item-meta p, .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table .woocommerce-Price-amount, .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table td strong { color: #686F75; font-size: 15px !important; line-height: 35px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; border-right: none; } .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table .wc-item-meta { list-style: none; margin-bottom: 4px; } .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table .wc-item-meta p, .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table .wc-item-meta-label { display: inline-block; } .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table tfoot th { color: #686F75; font-size: 15px !important; line-height: 35px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; border: none; padding: 3px 14px 0; } .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table tfoot tr:first-child th { padding-top: 19px; } .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table tfoot tr:last-child th { padding-bottom: 13px; } .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table tfoot .product-total { border: none; } h3.pay-order-payment-title { color: #363B40; font-size: 13px !important; line-height: 14px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; text-align: left; } .woocommerce-checkout.woocommerce-order-pay #order_review .wc_payment_method { text-align: left; margin-left: 0; } .extra-content-after-pay-order h4 { color: #686F75; font-size: 12px !important; line-height: 11px !important; text-align: left; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; margin-bottom: 15px; } .extra-content-after-pay-order p { color: #686F75; font-size: 12px !important; line-height: 15px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; text-align: left; } .extra-content-after-pay-order h4:after { background: url(../images/icon-padlock@2x.png); background-repeat: no-repeat; content: ""; position: absolute; width: 13px; height: 16px; background-size: 10px; margin-top: -4px; margin-left: 6px; } .woocommerce-checkout.woocommerce-order-pay #order_review #stripe-card-number { width: 99%; } .woocommerce-checkout.woocommerce-order-pay input[type=submit]#place_order { margin: 6px auto 69px; float: none; width: 320px; } .woocommerce-checkout.woocommerce-order-pay #wc-stripe-cc-form p.form-row-last { position: relative; } .woocommerce-checkout.woocommerce-order-pay #wc-stripe-cc-form p.form-row-last:before { background-image: url(../images/icon-security-code@2x.png); content: ""; background-repeat: no-repeat; width: 28px; height: 21px; background-size: 23px; position: absolute; right: 7px; top: 10.5px; } .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table .product-name { width: 54.5%; } .woocommerce-checkout.woocommerce-order-pay fieldset#wc-stripe-cc-form { position: relative; } @media (min-width: 1000px){ .woocommerce-checkout.woocommerce-order-pay .woocommerce:after { width: calc(100% + 100px); left: -50px; } } @media (max-width: 1000px) { .woocommerce-checkout.woocommerce-order-pay .woocommerce:after { width: 100%; left: 0; } } @media (min-width: 768px){ .woocommerce-checkout.woocommerce-order-pay form#order_review { width: 55.6%; } .extra-content-before-order_review { float: right; width: 36%; margin-top: 57px; } .woocommerce-checkout.woocommerce-order-pay .woocommerce { padding-top: 88px; padding-bottom: 34px; } .woocommerce-checkout.woocommerce-order-pay #payment { margin-top: 77px; } .woocommerce-checkout.woocommerce-order-pay .entry { margin-bottom: 63px; } .order_review_guarantee { margin-top: 97px; } .woocommerce-checkout.woocommerce-order-pay .payment_methods li:first-child { padding-top: 24px; } } @media (max-width: 940px) and (min-width: 768px) { .woocommerce-checkout.woocommerce-order-pay fieldset#wc-stripe-cc-form .form-row-first { width: auto; } .woocommerce-checkout.woocommerce-order-pay fieldset#wc-stripe-cc-form .form-row-last { width: calc(50% - 55px); } .woocommerce-checkout.woocommerce-order-pay fieldset#wc-stripe-cc-form:after { width: 70px; } } @media (max-width: 768px) and (min-width: 500px){ .extra-content-before-order_review { margin-top: 30px; } .woocommerce-checkout.woocommerce-order-pay .woocommerce { padding-bottom: 10px; } .woocommerce-checkout.woocommerce-order-pay #payment { margin-top: 40px; } .woocommerce-checkout.woocommerce-order-pay .entry { margin-bottom: 45px; } .order_review_guarantee { margin-top: 40px; } .woocommerce-checkout.woocommerce-order-pay form#order_review { padding-top: 50px; } .woocommerce-checkout.woocommerce-order-pay .payment_methods li:first-child { padding-top: 0px; } } @media (max-width: 500px) { .extra-content-before-order_review { margin-top: 25px; } .woocommerce-checkout.woocommerce-order-pay .woocommerce { padding-bottom: 10px; } .woocommerce-checkout.woocommerce-order-pay #payment { margin-top: 40px; } .order_review_guarantee { margin-top: 30px; } .woocommerce-checkout.woocommerce-order-pay form#order_review { padding-top: 30px; } .woocommerce-checkout.woocommerce-order-pay .payment_methods li:first-child { padding-top: 0px; } .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table { margin-top: 0; } .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table thead th { font-size: 13px; line-height: 30px; padding: 10px 14px 0; } .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table .woocommerce-Price-amount, .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table .wc-item-meta p, .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table td strong, .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table td { font-size: 13px; line-height: 30px; } .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table tfoot th { font-size: 13px; line-height: 30px } .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table tfoot tr:first-child td, .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table tfoot tr:first-child th { padding-top: 15px; } .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table tfoot tr:last-child td, .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table tfoot tr:last-child th { padding-bottom: 13px; } .woocommerce-checkout.woocommerce-order-pay input[type=submit]#place_order { margin: 6px auto 40px; padding: 5px 30px 4px; width: auto; } .woocommerce-checkout.woocommerce-order-pay #order_review .shop_table .product-name { width: 65.5%; } } /* pending payment page */ .woocommerce-login-form-wrapper { margin-top:55px; margin-left: 5px; } .woocommerce-checkout .checkout.woocommerce-checkout { max-width: 916px; padding-left: 50.5px; padding-top: 45px; } .wcopc .checkout.woocommerce-checkout { max-width: 100%; margin: 0 auto; padding-left: 0; } #pending_payment_guarantee { margin-top: 7px; } .wcopc .woocommerce-checkout-review-order-table { width: 100%; } .extra-content-after-order-review { clear: both; } div.wcopc #pending_payment_secure, div.wcopc #payment + #place_order { display: none; } :not(.opc_order_review) .woocommerce-checkout-review-order-table .recurring-totals, :not(.opc_order_review) .woocommerce-checkout-review-order-table thead { display: none; } :not(.opc_order_review) .woocommerce-checkout-review-order-table .cart_item td.product-name { color: #363B40; font-size: 18px !important; line-height: 18px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; border: none; } .woocommerce-billing-fields h3:not(#billing_information_link_field):before { background-image: url(../images/icon-step-1@2x.png); background-repeat: no-repeat; background-position: left; background-size: 24px; content: ""; position: absolute; width: 25px; height: 25px; margin-left: -48px; } .woocommerce-checkout .woocommerce-checkout-payment:before { background-image: url(../images/icon-step-2@2x.png); background-repeat: no-repeat; background-position: left; background-size: 24px; content: ""; position: absolute; width: 25px; height: 25px; margin-left: -48px; margin-top: -4px; } .woocommerce-checkout-review-order-table .cart_item td.product-name strong.product-quantity { width: 100%; padding-top: 30px; border: none; color: #686F75; font-size: 10px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; line-height: 11px !important; text-align: left; display: block; margin-bottom: 10px; } .woocommerce-checkout-review-order-table .cart_item td.product-name strong.product-quantity:after { content: "X USERS"; color: #686F75; font-size: 10px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; line-height: 11px !important; display: inline-block; } .woocommerce-checkout-review-order-table .tax-rate .woocommerce-Price-amount, .woocommerce-checkout-review-order-table .subscription-price .woocommerce-Price-amount { color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 18px !important; line-height: 18px !important; } .woocommerce-checkout-review-order-table .recurring-total td { color: #39CA82; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 12px !important; line-height: 18px !important; } .woocommerce-checkout-review-order-table .recurring-total .woocommerce-Price-amount { color: #39CA82; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 18px !important; line-height: 18px !important; } .woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td { border: none; width: 100%; display: table-row; float: left; padding: 0 !important; } #pending_payment_secure { float: left; padding-top: 19px; max-width: 452px; } /* Made OBSOLETE by Gregor / Scan2CAD #billing_purchasing_for_else_field input[type=checkbox].input-checkbox { width: 20px; border-radius: 3px; background-color: #DADFE3; -webkit-appearance: none; height: 18.45px; border: none; margin-top: -2px; cursor: pointer; margin-right: 15px; } #billing_purchasing_for_else_field input[type="checkbox"]:checked.input-checkbox { background-color: #39CA82; background-image: url(../images/icon-checkmark@2x.png); background-repeat: no-repeat; background-position: center; background-size: 11px; cursor: pointer; } #billing_purchasing_for_else_field label.checkbox { color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; font-size: 15px !important; line-height: 17px !important; text-align: left; padding-top: 17px; } */ /* styling for end user license with radio buttons / Gregor / Scan2CAD */ #billing_purchasing_for_else_field legend { font-weight: bold; margin-bottom: .5em; text-transform: uppercase; font-size: 13px; } #billing_purchasing_for_else_field label { margin-bottom: .5em; margin-top: .5em; } #billing_purchasing_for_else_field { margin-bottom: 11px; } /* --- end of ens user license styling */ #billing_information_link_field { margin-bottom: 10px; } #vat_number_field, #billing_end_user_company_field, #billing_end_user_email_field, #billing_end_user_name_field { margin-bottom: 0; } #billing_po_number_field label, #billing_end_user_company_field label, #billing_end_user_email_field label, #billing_end_user_name_field label { display: none; } .checkout.woocommerce-checkout #customer_details .col-1 { margin-bottom: 22px; } h3#billing_information_link_field { text-align: left; } h3#billing_information_link_field a { color: #39CA82; font-size: 15px !important; line-height: 17px !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal !important; font-stretch: normal !important; text-decoration: underline; } #billing_end_user_company_field, #billing_end_user_email_field, #billing_end_user_name, #billing_information_link_field { display: none; } .product-details-table .order-total.recurring-total + tr td { text-align: center; } @media (max-width: 900px) and (min-width: 768px) { .checkout.woocommerce-checkout .product-details-table { margin-right: 30px; } #pending_payment_secure { width: 60%; } .woocommerce-checkout input[type=submit]#place_order { margin-bottom: 20px; margin-top: 40px; font-size: 12px; width: 100%; text-align: center; } .woocommerce-checkout #customer_details:after { width: 100%; margin-left: 0; } } @media (min-width: 768px) { .checkout.woocommerce-checkout .product-details-table { width: 33%; float: right; margin-top: 10px !important; } #pending_payment_confidence + #order_review { position: relative; } } @media (max-width: 768px) { .woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods { margin-top: 30px !important; } .wcopc .woocommerce-checkout-payment ul.payment_methods { margin-top: 0 !important; } .wcopc .woocommerce-checkout-payment { margin: 0 auto; } .wcopc .extra-content-after-order-review { margin-top: 14px; } #pending_payment_guarantee { margin-top: 20px; } .woocommerce-checkout #customer_details:after { width: 100%; margin-left: 0; } } @media (max-width: 768px) and (min-width: 500px) { #pending_payment_secure { width: 87%; margin: 0 auto; float: none; max-width: 100%; } #pending_payment_guarantee, #pending_payment_confidence, :not(.wcopc) .woocommerce-checkout-review-order-table { width: 87%; } .woocommerce-checkout .woocommerce-checkout-payment { text-align: left; float: none; margin: 50px auto 0; width: 87%; } } @media (max-width: 500px) { .woocommerce-checkout .checkout.woocommerce-checkout { padding-left: 15px; } .woocommerce-checkout .woocommerce-checkout-payment:before { background-size: 18px; width: 20px; height: 20px; margin-left: -22px; margin-top: -1px; } .woocommerce-billing-fields h3:not(#billing_information_link_field):before { background-size: 18px; width: 20px; height: 20px; margin-left: -22px; margin-top: 2px; } .woocommerce-checkout #customer_details #woocommerce_eu_vat_number, .woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper { width: 90%; } .woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods:before, .woocommerce-billing-fields h3:not(#billing_information_link_field):after { font-size: 12px; } #billing_purchasing_for_else_field label.checkbox { font-size: 11px; } h3#billing_information_link_field a { font-size: 13px; } } @media (max-width: 380px) { .woocommerce-checkout-review-order-table { padding-left: 10px; padding-right: 10px; padding-top: 20px; margin-left: -10px; } } /* Learn Scan2CAD v10 page */ .page-id-24094 #content.col-full, .page-id-22595 #content.col-full { max-width: 660px !important; margin: 0 auto; } .page-id-22595 .widget, .page-id-24094 .widget { box-shadow: none; padding-bottom: 0; } .page-id-22595 .widget p, .page-id-24094 .widget p { text-align: left; } .minimal-cta { border-bottom: 1px solid #E5ECF3; border-top: 1px solid #E5ECF3; padding-top: 6px; padding-bottom: 24px; margin-bottom: 34px; } .so-widget-sow-editor ul { text-align: left; } .minimal-cta .widget ul, .page-id-15079 #content.col-full { padding: 0 !important; } .minimal-cta .widget ul>li { display: inline-block; list-style-type: none; } #content .minimal-cta .widget ul>li a { font-size: 13px !important; text-decoration: none; text-align: center; font-family: 'Graphik LC Web' !important; font-display: block; text-transform: uppercase; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; display: inline-block; color: #fff; border-radius: 6px; background-color: #39CA82; padding: 6px 23px; } .tutorials-list ul { text-align: left; } .tutorials-list li>ul>li { list-style-type: none; padding-left: 25px; } .tutorials-list li>ul>li:before { content: "⁃"; margin-left: -25px; position: absolute; } .page-id-22595 .wp-caption, .page-id-24094 .wp-caption { margin-top: 84px !important; margin-bottom: 42px !important; } .page-id-22595 .widget p, .page-id-24094 .widget p, .page-id-22595 .widget h3, .page-id-24094 .widget h3 { text-align: left; } .page-id-22595 #content h3, .page-id-24094 #content h3 { font-size: 16px; font-family: 'Graphik Web'; font-display: block; font-style: normal; font-stretch: normal; font-weight: 500; line-height: 26px; color: #181A1B; margin-bottom: 8px; } @media (min-width: 768px) { .minimal-cta .widget ul>li:first-child { float: left; } .minimal-cta .widget ul>li:last-child { float: right; margin-top: -13px; } } @media (max-width: 768px) { .minimal-cta .widget ul { text-align: left; margin-bottom: 0 !important; } .minimal-cta .widget ul>li:last-child { margin-top: 15px; } } /* DXF Download Form */ .dxf-post .single-dxf .single-dxf-wrapper .dxf-main .dxf-content .download .download-btn { font-size: 13px; line-height: 17px; } .dxf-post .single-dxf .single-dxf-wrapper .dxf-main .dxf-content .unlimited-access, .dxf-post .single-dxf .single-dxf-wrapper .dxf-main .dxf-content .create-account>a, .dxf-post .single-dxf .single-dxf-wrapper .dxf-main .dxf-content .download .download-btn { font-family: 'Graphik Web'; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; text-align: center; } .dxf-post .single-dxf .single-dxf-wrapper .dxf-main .dxf-content .create-account>a, .dxf-post .single-dxf .single-dxf-wrapper .dxf-main .dxf-content .download .download-btn { height: 38px; width: 244px; border-radius: 6px; text-transform: uppercase; background-color: #39CA82; padding: 10px; position: relative; display: inline-block; color: #fff; } .dxf-post .single-dxf .single-dxf-wrapper .dxf-main .dxf-content .create-account>a { font-size: 11px; line-height: 19px; } .dxf-post .single-dxf .single-dxf-wrapper .dxf-main .dxf-content .unlimited-access { font-size: 13px; line-height: 14px; color: #363B40; margin-top: 13px; margin-bottom: 20px; } .dxf-post .single-dxf .single-dxf-wrapper .dxf-main .dxf-content .already-member>a, .dxf-post .single-dxf .single-dxf-wrapper .dxf-main .dxf-content .already-member { font-size: 13px; line-height: 18px; text-align: center; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal; font-stretch: normal; } .dxf-post .single-dxf .single-dxf-wrapper .dxf-main .dxf-content .already-member { color: #363B40; } .dxf-post .single-dxf .single-dxf-wrapper .dxf-main .dxf-content .already-member>a { color: #39CA82; } /* Register form */ body.woocommerce-account .woocommerce form.register label, body.woocommerce-account .woocommerce > h2.scan2cad-register-form-heading:before { display: none; } body.woocommerce-account .woocommerce > h2.scan2cad-register-form-heading { text-transform: capitalize; margin-bottom: 84px; } body.woocommerce-account .woocommerce > h2.scan2cad-register-form-heading:after { content: "Get access to all free downloads" !important; top: 65px !important; } body.woocommerce-account .woocommerce form.register { max-width: 510px; border-radius: 4px; background-color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); position: relative; padding: 4.8em 50px 11.4em; margin: 80px auto 22.7em; max-width: 412px; } body.woocommerce-account .woocommerce form.register input:not(.button){ height: 38px; max-width: 410px; border-radius: 6px; background-color: #FFFFFF; box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); border: none; color: #363B40; font-size: 15px; line-height: 17px; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal; font-stretch: normal; padding: 14px; } body.woocommerce-account .woocommerce form.register a { color: #39CA82; font-size: 13px; text-decoration: underline !important; } body.woocommerce-account .woocommerce form.register p { margin-bottom: 8px; } body.woocommerce-account .woocommerce form.register input::-webkit-input-placeholder, body.woocommerce-account .woocommerce form.register input::-moz-placeholder, body.woocommerce-account .woocommerce form.register input:-ms-input-placeholder, body.woocommerce-account .woocommerce form.register input:-moz-placeholder { color: #888D91 !important; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal; font-stretch: normal; } body.woocommerce-account .woocommerce form.register .woocomerce-FormRow { position: absolute; bottom: 4.37em; left: calc(50% - 138px); } body.woocommerce-account .woocommerce form.register input.button { color: #FFFFFF; font-size: 13px; font-family: 'Graphik Web'; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; line-height: 14px; text-align: center; height: 38px; width: 269px; border-radius: 6px; background-color: #39CA82; } body.woocommerce-account .woocommerce form.register .woocommerce-LostPassword { text-align: right; } body:not(.logged-in).woocommerce-account:not(.woocommerce-lost-password) #footer-widgets-container{ border-radius: 4px !important; margin-top: -4px; position: relative; padding-top: 30px; } /* Free Download link on My Account Navigation */ .woocommerce-MyAccount-navigation-link--dxf a:before { content: "New"; color: #fff; font-size: 13px; font-family: 'Graphik Web'; font-display: block; font-weight: 500 !important; font-style: normal !important; font-stretch: normal !important; height: 18px; width: 45px; border-radius: 8px; background-color: #268DE8; padding: 1px 8.5px; margin-right: 8px; } .woocommerce.woocommerce-checkout form.checkout.woocommerce-checkout .create-account > h3 { height: 13px; width: 280px; color: #363B40; font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; font-size: 13px !important; line-height: 14px !important; vertical-align: middle; text-transform: uppercase; padding-top: 10px; padding-bottom: 30px; } .woocommerce.woocommerce-checkout form.checkout.woocommerce-checkout .create-account > h3 abbr { padding-left: 10px; } .woocommerce.woocommerce-checkout form.checkout.woocommerce-checkout .create-account { float: none; display: block !important; width: 100%; } .woocommerce.woocommerce-checkout form.checkout.woocommerce-checkout .create-account .create-account-fields { max-width: 453px; margin: 0 auto; } .woocommerce.woocommerce-checkout form.checkout.woocommerce-checkout .create-account .create-account-fields > .form-row { float: left; width: 100% !important; margin-bottom: 0; } .woocommerce.woocommerce-checkout form.checkout.woocommerce-checkout .create-account .create-account-fields > .form-row > input { width: 99.5% !important; } .woocommerce-checkout .wcopc .woocommerce-checkout-payment:before { margin-top: 0; } .wcopc .woocommerce-billing-fields h3:not(#billing_information_link_field):before { margin-top: -6px; } .checkout.woocommerce-checkout #customer_details .col-1 { margin-bottom: 14px; } .choose-plan-wrapper p>img{ padding: 0 20px 0 0; } .choose-plan-wrapper .select2-container { width: auto !important; } .woocommerce.woocommerce-checkout form.checkout.woocommerce-checkout .create-account.woocommerce-validated { visibility: hidden; margin-bottom: 0; } @media (max-width: 998px) { .billing-plan-wrapper, .choose-plan-wrapper { padding: 0 10px; } } @media (max-width: 600px) { .woocommerce.woocommerce-checkout form.checkout.woocommerce-checkout .create-account .create-account-fields > .form-row { display: table; float: none; width: 84% !important; margin: 0 auto !important; } } @media (max-width: 998px) and (min-width: 768px) { div.billing-plan-wrapper { width: 63%; } } @media (max-width: 500px) { .woocommerce-account-fields { width: 90%; margin: 0 auto; } .woocommerce.woocommerce-checkout form.checkout.woocommerce-checkout .create-account .create-account-fields > .form-row:first-of-type, .woocommerce.woocommerce-checkout form.checkout.woocommerce-checkout .create-account .create-account-fields > .form-row:last-of-type { float: none; } .woocommerce.woocommerce-checkout form.checkout.woocommerce-checkout .create-account .create-account-fields .form-row { width: 100% !important; } } /* Changelog */ /* Changelog header */ .post-type-archive-changelog ul.nav, .post-type-archive-changelog #header-container, .single-changelog ul.nav, .single-changelog #header-container { background: #fff; } .post-type-archive-changelog .logo-type-other, .single-changelog .logo-type-other { color: #268DE8; } .post-type-archive-changelog .logo-icon, .single-changelog .logo-icon { margin-left: 22px; margin-top: 13px; } .post-type-archive-changelog #navigation ul.nav > li.menu-item a, .single-changelog #navigation ul.nav > li.menu-item a { font-size: 15px; line-height: 17px; color: #363b40c2; padding-left: 0; padding-right: 0; } .post-type-archive-changelog #navigation ul.nav > li.menu-item, .post-type-archive-changelog #navigation ul.nav > li.menu-item a:focus, .post-type-archive-changelog #navigation ul.nav > li.menu-item a:active, .post-type-archive-changelog #navigation ul.nav > li.menu-item:hover a, .post-type-archive-changelog #navigation ul.nav > li.menu-item a:hover, .single-changelog #navigation ul.nav > li.menu-item, .single-changelog #navigation ul.nav > li.menu-item a:focus, .single-changelog #navigation ul.nav > li.menu-item a:active, .single-changelog #navigation ul.nav > li.menu-item:hover a, .single-changelog #navigation ul.nav > li.menu-item a:hover { background: transparent !important; border-radius: 0 !important; } .post-type-archive-changelog #nav-container:after, .single-changelog #nav-container:after { height: 1px; background: radial-gradient(circle, #ECECEC 0%, #FFFFFF 100%); width: 100%; } @media(min-width: 768px) { .post-type-archive-changelog #navigation ul.nav > li.menu-item a:focus, .post-type-archive-changelog #navigation ul.nav > li.menu-item a:active, .post-type-archive-changelog #navigation ul.nav > li.menu-item:hover a, .post-type-archive-changelog #navigation ul.nav > li.menu-item a:hover, .single-changelog #navigation ul.nav > li.menu-item a:focus, .single-changelog #navigation ul.nav > li.menu-item a:active, .single-changelog #navigation ul.nav > li.menu-item:hover a, .single-changelog #navigation ul.nav > li.menu-item a:hover { border-bottom: 1px solid #363b40; color: #363b40c2 !important; } } /* Single Changelog Content */ .single-changelog #main { max-width: 620px; margin: 0 auto; padding-top: 2.3em; } .changelog-labels { margin-top: 24px; } .post-type-archive-changelog .changelog_post>h3>a, .changelog-labels>span, .single-changelog article header>h1.title { font-family: 'Graphik Web'; font-display: block; font-weight: 500; font-style: normal; font-stretch: normal; } .post-type-archive-changelog .changelog_post>h3>a, .single-changelog header>h1.title { color: #363B40; font-size: 19px; line-height: 52px; margin-bottom: 6px; margin-top: 30px; } .changelog-labels>span { color: #8B9299; font-size: 11px; line-height: 12px; text-align: center; border-radius: 4px; padding: 8px 19px; text-transform: uppercase; } .changelog-labels .lbl1 { border: 1px solid #39CA82; } .changelog-labels .lbl2 { border: 1px solid #B4B4B4; margin-left: 16.5px; } .single-changelog article header>time { color: #788087; font-size: 15px; line-height: 25px; } .single-changelog .content { padding-top: 2.9em; margin-bottom: 4.1em; } .post-type-archive-changelog #navigation ul.nav > li.menu-item a, .single-changelog #navigation ul.nav > li.menu-item a, .single-changelog article header>a:before, .single-changelog article header>a, .post-type-archive-changelog .changelog_post .content p, .post-type-archive-changelog .changelog_post .content, .single-changelog .content p, .single-changelog .content, .single-changelog article header>time { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 400 !important; font-style: normal; font-stretch: normal; } .single-changelog article header>a:before, .single-changelog article header>a { color: #33C36F; font-size: 15px; line-height: 25px; } .single-changelog article header>a:before { content: "← "; } .single-changelog .content img { margin-top: 9px; margin-bottom: 12px; height: auto; } .post-type-archive-changelog .changelog_post .content table td, .post-type-archive-changelog .changelog_post .content table th, .post-type-archive-changelog .changelog_post .content p, .single-changelog .content table td, .single-changelog .content table th, .single-changelog .content p { margin-bottom: 38px; } .post-type-archive-changelog .changelog_post .content table td, .post-type-archive-changelog .changelog_post .content table th, .post-type-archive-changelog .changelog_post .content p, .post-type-archive-changelog .changelog_post .content, .single-changelog .content table td, .single-changelog .content table th, .single-changelog .content p, .single-changelog .content { font-size: 15px; line-height: 26px; color: #363B40; } .post-type-archive-changelog .changelog_post .content ol, .single-changelog .content ol { padding-left: 17px; } .post-type-archive-changelog .changelog_post .content ul, .single-changelog .content ul { padding-left: 15px; } .post-type-archive-changelog .changelog_post .content li, .single-changelog .content li { font-size: 15px; line-height: 26px; color: #363B40; font-weight: 400; font-style: normal; font-stretch: normal; font-family: 'Graphik LC Web' } .post-type-archive-changelog .changelog_post .content dt i, .single-changelog .content dt i, .post-type-archive-changelog .changelog_post .content dd i, .single-changelog .content dd i, .post-type-archive-changelog .changelog_post .content li i, .single-changelog .content li i, .post-type-archive-changelog .changelog_post .content p i, .single-changelog .content p i, .post-type-archive-changelog .changelog_post .content i, .single-changelog .content i, .post-type-archive-changelog .changelog_post .content p em, .post-type-archive-changelog .changelog_post .content dt em, .single-changelog .content dt em, .post-type-archive-changelog .changelog_post .content dd em, .single-changelog .content dd em, .post-type-archive-changelog .changelog_post .content li em, .single-changelog .content li em, .post-type-archive-changelog .changelog_post .content p em, .single-changelog .content p em, .post-type-archive-changelog .changelog_post .content em, .single-changelog .content em { font-family: 'Graphik Web'; font-display: block; font-weight: 400; font-style: italic; font-stretch: normal; } .post-type-archive-changelog .changelog_post .content strong, .post-type-archive-changelog .changelog_post .content b, .single-changelog .content strong, .single-changelog .content b{ font-size: 15px; line-height: 26px; color: #363B40; font-family: 'Graphik LC Web'; font-display: block; font-style: normal; font-stretch: normal; font-weight: 600; } .post-type-archive-changelog .changelog_post .content a, .single-changelog .content a { font-size: 15px; line-height: 26px; color: #686f75; font-weight: 400; text-decoration: underline; font-style: normal; font-stretch: normal; font-family: 'Graphik LC Web'; font-display: block; } .post-type-archive-changelog .changelog_post .content h1 strong, .post-type-archive-changelog .changelog_post .content h1 b, .post-type-archive-changelog .changelog_post .content h1, .single-changelog .content h1 strong, .single-changelog .content h1 b, .single-changelog .content h1 { font-size: 27px; font-family: 'Graphik Web'; font-display: block; font-style: normal; font-stretch: normal; font-weight: 500; line-height: 33px; color: #181A1B; letter-spacing: -.2px; margin-bottom: 20px; } .post-type-archive-changelog .changelog_post .content h2, .post-type-archive-changelog .changelog_post .content h2 strong, .post-type-archive-changelog .changelog_post .content h2 b, .post-type-archive-changelog .changelog_post .content h2, .single-changelog .content h2, .single-changelog .content h2 strong, .single-changelog .content h2 b, .single-changelog .content h2 { font-size: 19px; font-family: 'Graphik Web'; font-display: block; font-style: normal; font-stretch: normal; font-weight: 500; line-height: 26px; color: #181A1B; letter-spacing: -.2px; margin-bottom: 20px; } .post-type-archive-changelog .changelog_post .content h6 strong, .post-type-archive-changelog .changelog_post .content h6 b, .post-type-archive-changelog .changelog_post .content h6, .post-type-archive-changelog .changelog_post .content h5 strong, .post-type-archive-changelog .changelog_post .content h5 b, .post-type-archive-changelog .changelog_post .content h5, .post-type-archive-changelog .changelog_post .content h4 strong, .post-type-archive-changelog .changelog_post .content h4 b, .post-type-archive-changelog .changelog_post .content h4, .post-type-archive-changelog .changelog_post .content h3 strong, .post-type-archive-changelog .changelog_post .content h3 b, .post-type-archive-changelog .changelog_post .content h3, .single-changelog .content h6 strong, .single-changelog .content h6 b, .single-changelog .content h6, .single-changelog .content h5 strong, .single-changelog .content h5 b, .single-changelog .content h5, .single-changelog .content h4 strong, .single-changelog .content h4 b, .single-changelog .content h4, .single-changelog .content h3 strong, .single-changelog .content h3 b, .single-changelog .content h3 { font-size: 16px; font-family: 'Graphik Web'; font-display: block; font-style: normal; font-stretch: normal; font-weight: 500; line-height: 26px; color: #181A1B; margin-bottom: 20px; } /* Changelog archive */ .post-type-archive-changelog .articles_head { background: transparent; } .post-type-archive-changelog .articles_head h1 { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; text-align: left; } .post-type-archive-changelog .articles_head h1 { color: #363B40; font-size: 36px !important; margin-bottom: 0.7em; } .post-type-archive-changelog .changelog_post>time, .post-type-archive-changelog .articles_head h3 { font-weight: 400; font-style: normal; font-stretch: normal; font-family: 'Graphik LC Web'; font-display: block; } .post-type-archive-changelog .articles_head h3 { color: #363B40; font-size: 18px; line-height: 20px; } .post-type-archive-changelog .changelog_post>h3>a:hover{ color: #39CA82; text-decoration: none; } .post-type-archive-changelog #main { border-top: 1px solid #eee; width: 100% !important; padding-bottom: 4.7em; } .post-type-archive-changelog .articles_head { padding-top: 6.2em; padding-bottom: 2em; } .post-type-archive-changelog #top-nav-head { padding-top: 0; } .post-type-archive-changelog .articles_head, .post-type-archive-changelog #main-sidebar-container { max-width: 620px; float: none !important; margin: 0 auto; } .post-type-archive-changelog .changelog_post>time { color: #788087; font-size: 15px; line-height: 25px; } .post-type-archive-changelog .changelog_post { border-bottom: 1px solid #eee; } .post-type-archive-changelog .changelog_post>h3 { margin-bottom: 0.3em; } .post-type-archive-changelog .changelog-labels { margin-bottom: 2.8em; } .post-type-archive-changelog .changelog_post img { height: auto; margin-top: 2px; margin-bottom: 2.9em; } .post-type-archive-changelog .changelog_post { padding-top: 2.57em; } /* Renew perpetual page */ .page-id-25649 #content.col-full { max-width: 100% !important; margin: 0; padding: 0; } .page-id-25649 #navigation, .page-id-25649 #header-container { background: transparent; } .page-id-25649 .entry { padding-bottom: 27px; } .page-id-25649 .entry .panel-grid { margin-bottom: 0 !important; } .page-id-25649 .entry .panel-grid:not(:first-of-type) { position: relative; overflow: hidden; } .page-id-25649 .widget { -webkit-box-shadow: none; box-shadow: none; padding-bottom: 0; margin-bottom: 0 !important; padding-top: 10px; } .request-renewal-discount:before, .renew-perpetual-header { background: -webkit-linear-gradient(315deg, #5E6FC8 0%, #00A3FF 100%); background: -o-linear-gradient(315deg, #5E6FC8 0%, #00A3FF 100%); background: linear-gradient(135deg, #5E6FC8 0%, #00A3FF 100%); } .renew-perpetual-header { margin-top: -23.335%; padding-top: 22.4%; padding-bottom: 3.55em; margin-bottom: 1.62em; display: block !important; } .request-renewal-faq-heading h2, .renew-pricing-heading h2, .renew-pricing-heading p, .why-renew-heading h2, .renew-perpetual-header h1, .renew-perpetual-header p { text-align: center; } .renew-pricing-table .gw-go-body-cell .meta, .request-renewal-faq p, .request-renewal-faq h3, .request-renewal-discount h3, .request-renewal-discount p, .renew-desc-left h2, .renew-desc-left p, .renew-desc-right p, .renew-desc-right h2, .why-renew-major-updates p, .why-renew-minor-updates p, .why-renew-support p, #why-renew h3 { text-align: left; } .request-renewal-faq h3, .renew-perpetual-header h1 { font-weight: 500 !important; font-family: 'Graphik Web' !important; font-display: block; } .request-renewal-faq-heading h2, .request-renewal-discount h3, .renew-pricing-heading h2, .renew-desc-left h2, .renew-desc-right h2, #why-renew h3, .why-renew-support h3, .why-renew-heading h2, .renew-perpetual-header a { font-weight: 600 !important; font-family: 'Graphik LC Web' !important; font-display: block; } .request-renewal-faq p, .request-renewal-faq h3, .request-renewal-faq-heading p, .renew-pricing-heading p, .request-renewal-discount p, .renew-perpetual-header p, #why-renew .why-renew-heading p { font-size: 15px; } .renew-desc-left p, .renew-desc-left h2, .renew-desc-right p, .renew-desc-right h2, #why-renew p, #why-renew h3, .renew-perpetual-header a { font-size: 13px; } .request-renewal-faq-heading h2, .request-renewal-discount h3, .renew-pricing-heading h2, .why-renew-heading h2 { font-size: 20px; } .request-renewal-faq h3, .request-renewal-faq-heading h2, .renew-pricing-heading h2, .renew-desc-left h2, .renew-desc-left p, .renew-desc-right p, .renew-desc-right h2, .why-renew-heading h2 { color: #363B40; } #why-renew .why-renew-heading p, .renew-pricing-footer p, .request-renewal-faq-heading p, .renew-pricing-heading p, .request-renewal-faq p, .why-renew-heading p { color: #686F75; } .why-renew-support h3 { color: #FECA2E; } .why-renew-minor-updates h3 { color: #2CBAEB; } .why-renew-major-updates h3 { color: #FB0046; } .request-renewal-faq a, .request-renewal-faq-heading a, .renew-perpetual-header a, .renew-desc-left a, .renew-desc-right a { color: #39CA82; } .renew-perpetual-header h1, .request-renewal-discount h3 { color: #FFFFFF; } .request-renewal-discount p { color: #D7F0FF; } .renew-desc-left h2, .renew-desc-right h2, .renew-perpetual-header a, #why-renew h3 { text-transform: uppercase; } .request-renewal-faq a, .request-renewal-faq-heading a { text-decoration: underline; } #why-renew h3, .renew-perpetual-header a { line-height: 14px; } .renew-desc-left p, .renew-desc-right p, .why-renew-major-updates p, .why-renew-minor-updates p, .why-renew-support p { line-height: 20px; } .renew-desc-left h2, .renew-desc-right h2 { line-height: 21px; } .request-renewal-faq p, .request-renewal-faq h3, .request-renewal-faq-heading p, .request-renewal-discount p { line-height: 24px; } .request-renewal-faq-heading h2, .request-renewal-discount h3, .renew-pricing-heading h2, .why-renew-heading p, .why-renew-heading h2 { line-height: 30px; } .renew-pricing-heading p { line-height: 33px; margin-bottom: 8px; } .renew-perpetual-header h1 { font-size: 48px !important; line-height: 61px !important; padding-bottom: 0.37em; } .renew-perpetual-header p { color: #E5ECF3; line-height: 26px; padding-bottom: 3.4em; } .renew-perpetual-logos { margin-bottom: 37px; } .renew-perpetual-logos img { margin-top: 9px; } .renew-perpetual-header a { border-radius: 6px; background-color: #FFFFFF; -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2); display: inline-block; padding: 13px 49px; } .renew-pricing-table .gw-go-col .gw-go-col-inner, .renew-perpetual-header a { background-color: #FFFFFF; } .renew-pricing-table .gw-go-ribbon-text.gw-go-ribbon-left span { margin-top: 4px; } .renew-pricing-table .gw-go-price-wrap small { margin-top: 0 !important; } .renew-pricing-table .gw-go-header-bottom { height: 90px !important; padding-top: 9px; } #why-renew { padding-top: 1.2em; } #why-renew img { width: 65px; padding-right: 5px; margin-top: 3px; margin-bottom: auto; } .renew-desc-left, .renew-desc-right, .why-renew-major-updates, .why-renew-minor-updates, .why-renew-support, .why-renew-heading { margin: 0 auto; } .why-renew-major-updates, .why-renew-minor-updates, .why-renew-support, .why-renew-heading { max-width: 530px; } .why-renew-major-updates, .why-renew-minor-updates, .why-renew-support { border-bottom: 1px solid #E5ECF3; padding-bottom: 9.4px; } #why-renew h3 { margin-bottom: 12px; } .renew-pricing-heading h2 { margin-bottom: 17px; } .why-renew-heading h2 { margin-bottom: 19px; } .renew-desc-left p, .renew-desc-right p { margin-bottom: 20px; } .why-renew-heading { margin-bottom: 3.72em; } .why-renew-minor-updates { padding-top: 2.35em; } .why-renew-major-updates { padding-top: 2em; } #why-renew .widget { margin-bottom: 0 !important; padding-top: 0; } .renew-desc-left, .renew-desc-right { max-width: 888px; } .renew-desc-left h2, .renew-desc-right h2 { margin-bottom: 20px; } .renew-desc-right { padding-top: 5.5em; padding-bottom: 3.8em; } .renew-desc-left-content { padding-top: 3px; } .renew-desc-left { padding-bottom: 2em; } .renew-desc-left-content, .renew-desc-right-content { margin-left: 4px; max-width: 222px; } .renew-pricing-section { background: -webkit-linear-gradient(315deg, #EFF2F4 0%, #FAFBFC 100%); background: -o-linear-gradient(315deg, #EFF2F4 0%, #FAFBFC 100%); background: linear-gradient(135deg, #EFF2F4 0%, #FAFBFC 100%); padding-top: 2.9em; } .renew-pricing-table .gw-go-col .gw-go-col-inner { border-bottom: none; border-radius: 0 0 6px 6px !important; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); } .renew-pricing-table .gw-go-col-wrap-0 .gw-go-col-inner:before, .renew-pricing-table .gw-go-col-wrap-1 .gw-go-col-inner:before, .renew-pricing-table .gw-go-col-wrap-2 .gw-go-col-inner:before { width: calc(100% - 22px); height: 2px; top: -2px; left: 12px; } .renew-pricing-table .gw-go-col-wrap-0 .gw-go-col[class*="gw-go-clean-style"] [class*="gw-go-ribbon-left"], .renew-pricing-table .gw-go-col-wrap-1 .gw-go-col[class*="gw-go-clean-style"] [class*="gw-go-ribbon-left"] { left: 0 !important; } body .request-renewal-discount .gform_wrapper center > p:first-of-type, .renew-pricing-table .gw-go-col[class*="gw-go-clean-style"] .gw-go-header-standard .gw-go-header-top { display: none; } .renew-pricing-table .gw-go-body-cell { width: 100%; display: table; padding-top: 50px; padding-bottom: 30px; } .renew-pricing-table .gw-go-body-cell .price, .renew-pricing-table .gw-go-body-cell .meta { display: table-cell; vertical-align: top; width: 50%; } .renew-pricing-table .gw-go-body-cell .meta { float: left; margin-top: 4px; } .renew-pricing-table .gw-go-body-cell .price { float: right; text-align: right; } .renew-pricing-table .gw-go-body-cell .meta span { display: table-cell; color: #B2B2B2; font-size: 15px; font-style: italic; line-height: 10px; font-weight: 400; text-align: left; font-stretch: normal; } .renew-pricing-table .gw-go-body-cell .price > span { color: #B2B2B2; font-size: 24px; line-height: 26px; text-align: center; font-stretch: normal; font-style: normal; font-family: 'Graphik LC Web'; font-display: block; } .renew-pricing-table .gw-go-body-cell .price > span:first-of-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; text-align: right; margin-bottom: 3px; } .renew-pricing-table .gw-go-body-cell .price > span:first-of-type > strike, .renew-pricing-table .gw-go-body-cell .price > span:first-of-type > span { display: inline-block; vertical-align: top; } .renew-pricing-table .gw-go-body-cell .price > span:first-of-type > strike { color: #B2B2B2; font-size: 50px; letter-spacing: -1px; line-height: 45px; text-align: right; font-stretch: normal; font-style: normal; text-decoration: line-through !important; font-family: 'Graphik LC Web'; font-display: block; margin-left: 9px; } .renew-pricing-table ul.gw-go-body > li .gw-go-body-cell { padding-top: 46px; padding-bottom: 37px; } .renew-pricing-table .gw-go-body-cell .price > span:last-of-type { color: #B2B2B2; font-size: 12px; font-weight: 500; line-height: 18px; text-align: center; font-stretch: normal; font-style: normal; font-family: 'Graphik LC Web'; font-display: block; } .renew-pricing-footer { height: 64px; color: #686F75; font-size: 13px; text-align: center; font-stretch: normal; font-style: normal; font-family: 'Graphik LC Web'; font-display: block; margin-bottom: 3.75em; } .renew-pricing-footer .textwidget p { line-height: 32px; } .request-renewal-discount .panel-grid-cell { padding-top: 9px; padding-bottom: 1.3em; } .renew-pricing-footer a { color: #39CA82; } .request-renewal-discount:before { width: 100vw; height: 180vw; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); content: ""; position: absolute; z-index: -1; } .renew-pricing-table .go-pricing { margin-bottom: 0 !important; } body .request-renewal-discount .gform_wrapper { background: transparent; border: none; padding: 14px 0 16px; } body .request-renewal-discount .gform_wrapper ul li.gfield { margin-top: 10px; } .request-renewal-discount .gform_wrapper .gform_footer { margin: 10px 0 0; padding: 0 0 10px; } .request-renewal-discount p, .request-renewal-discount h3 { max-width: 355px; } .request-renewal-discount h3 { margin-top: 2.35em; margin-bottom: 10px; } .request-renewal-faq h3, .request-renewal-discount h3 { padding-bottom: 0; } .request-renewal-discount .gform_footer input[type=submit] { margin: 0 !important; width: auto !important; } .request-renewal-faq .panel-grid-cell:first-of-type p { max-width: 427px; } .request-renewal-faq .panel-grid-cell:last-of-type p { max-width: 440px; } .request-renewal-faq h3 { margin-bottom: 11px; } .request-renewal-faq .widget { padding-bottom: 14px; } .request-renewal-faq-heading { margin-top: 3em; margin-bottom: 2.3em; } .request-renewal-faq { padding-bottom: 9px; } #navigation ul.nav > li.request-renewal { float: right; } @media (max-width: 1200px) and (min-width: 1110px) { .renew-pricing-table .gw-go-body-cell .price > span:first-of-type > strike { font-size: 47px } } @media (max-width: 1110px) and (min-width: 950px) { .renew-pricing-table .gw-go-body-cell .price > span:first-of-type > strike { font-size: 40px; } .renew-pricing-table ul.gw-go-body > li .gw-go-body-cell { padding-top: 30px; padding-bottom: 30px; } .renew-pricing-table .gw-go-body-cell .meta span { font-size: 13px; } .renew-perpetual-logos img { margin-right: 5px; } } @media (max-width: 950px) { .renew-pricing-table .gw-go-body-cell .price > span:first-of-type > strike { font-size: 35px; } .renew-pricing-table .gw-go-body-cell .price > span:first-of-type > span { font-size: 17px; } .renew-pricing-table ul.gw-go-body > li .gw-go-body-cell { padding-top: 25px; padding-bottom: 27px; } .renew-pricing-table .gw-go-body-cell .meta span { font-size: 12px; } .renew-perpetual-logos img { margin-right: 5px; } .home-logos li:first-child { display: block; max-width: 100%; margin: 0; } .renew-pricing-table .gw-go-3cols .gw-go-col-wrap { min-width: 310px !important; margin-top: 0; } } @media (max-width: 850px) { .renew-desc-left, .renew-desc-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .renew-desc-left .textwidget h2, .renew-desc-left .textwidget p, .renew-desc-right .textwidget h2, .renew-desc-right .textwidget p { text-align: center; } .renew-desc-left .panel-grid-cell:last-of-type { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .renew-desc-left-content, .renew-desc-right-content { margin-left: 0; max-width: 400px; } } @media (max-width: 640px) { .renew-perpetual-header h1 { font-size: 34px !important; line-height: 51px !important; } .renew-perpetual-header { margin-top: -34em; padding-top: 29em; } .renew-perpetual-header p { padding-bottom: 1.4em; } .renew-pricing-footer { display: table; } } @media (max-width: 370px) { .renew-pricing-table .gw-go-3cols .gw-go-col-wrap { min-width: 260px !important; } } /* Essential */ .page-id-26754 #inner-wrapper > #content, .page-id-26754 #top-nav-head { padding: 0; } .page-id-26754 #inner-wrapper > #content { max-width: 100% !important; } .page-id-26754 #main-sidebar-container .widget { -webkit-box-shadow: none; box-shadow: none; margin: 0; padding: 0; } hr { background-color: #E5ECF3; } #pg-26754-17, .essential-header { background: -webkit-linear-gradient(315deg, #5E6FC8 0%, #00A3FF 100%); background: -o-linear-gradient(315deg, #5E6FC8 0%, #00A3FF 100%); background: linear-gradient(135deg, #5E6FC8 0%, #00A3FF 100%); } .essential-header { padding-top: 8.3em; padding-bottom: 2.35em; } .essential-header .widget p { color: #E5ECF3; line-height: 26px; } #essential-buy-details .essential-buy-btn button span, .essential-collection strong, .page-id-26754 h2:not(.logo-type-other), .essential-header .widget li, .essential-header .widget a { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; } #essential-buy-details .essential-buy-btn button span, #essential-full-list-btn a, .page-id-26754 .essential-collection p, .essential-header .widget li, .essential-header .widget a { font-size: 13px; } #essential-buy-details .essential-buy-btn button span, #essential-full-list-btn a, .essential-header .widget li, .essential-header .widget a { line-height: 14px; } .page-id-26754 .essential-collection p { line-height: 20px; } #essential-buy-details .essential-buy-btn button span, #essential-full-list-btn a, .essential-collection strong, .essential-header .widget li, .essential-header .widget a { text-transform: uppercase; } #essential-buy-details .essential-buy-btn button span, #essential-buy-details h2, .essential-header .widget h1, .essential-header .widget li { color: #fff; } #essential-buy-details .essential-buy-btn button span { text-shadow: none; box-shadow: none; background: transparent; height: auto; } .essential-faq a, .essential-faq-heading a, #essential-buy-details a, .essential-header a { color: #39CA82; } #essential-buy-details li, #essential-buy-details p { color: #D7F0FF; } .page-id-26754 h2:not(.logo-type-other) { font-size: 20px; line-height: 30px; } .essential-faq strong, .page-id-26754 .essential-collection p, .page-id-26754 h2:not(.logo-type-other) { color: #363B40; } #essential-full-list-btn a { color: #8B9299; } #essential-buy-details li, .page-id-26754 p { font-size: 15px; line-height: 24px; } .page-id-26754 p { color: #686F75; } .essential-faq strong, #essential-full-list-btn a, .essential-header .widget h1 { font-weight: 500 !important; font-family: 'Graphik Web' !important; font-display: block; } .essential-header .widget h1 { font-size: 48px; line-height: 61px; margin-bottom: 0.87em; } .max-width-460 { max-width: 460px; } .essential-collection .panel-widget-style, .max-width-460, .essential-header .widget ul { margin: 0 auto !important; } .essential-header .widget ul { list-style: none; max-width: 875px; padding-top: 3.6em !important; padding-bottom: 4.8em !important; } .reference-manual, #essential-buy-details li, .essential-header .widget li, .essential-header .widget ul { display: flex; } .essential-header .widget li, .essential-header .widget ul { align-items: center; } .essential-header .widget li { justify-content: center; flex: 0 0 33%; } .essential-header ul li:first-child { margin-right: 3px; } .essential-header ul li:first-child img { margin-right: 15px; } .essential-header ul li:not(:first-child) img { margin-right: 18px; } .essential-header a { padding: 12px 51px; background-color: #FFFFFF; } #essential-buy-details .essential-buy-btn button, .essential-header a { box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2); border-radius: 6px; } #essential-buy-details .essential-buy-btn button, .essential-header a, .essential-collection strong { display: inline-block; } .essential-collection .panel-widget-style { max-width: 225px; } .essential-collection img { max-width: 160px; margin-bottom: 2.8em; } .essential-collection strong { margin-bottom: 2.1em; } #essential-full-list-btn h2 { margin-bottom: 1.75em; } #essential-full-list-btn a { border: 1px solid #39CA82; border-radius: 4px; padding: 6px 18px 7px 18px; } #pg-26754-16 { background-color: #EFF2F4; } .reference-manual { margin-top: 9.1em; } .reference-manual h2 { margin-bottom: 1em; padding-top: 10px; } .reference-manual img { margin-bottom: 0; } .reference-manual p { max-width: 460px; margin-bottom: 7px; } .essential-faq p, #essential-buy-details li, .reference-manual p, #essential-buy-details p { text-align: left; } .reference-manual .panel-grid-cell:last-child { margin-top: -6.48em; } #essential-buy-details { padding-top: 5em; padding-bottom: 2.8em; } .essential-faq a, .essential-faq-heading a, #essential-buy-details a { text-decoration: underline; } #essential-buy-details .panel-grid-cell:first-child .widget { max-width: 400px; } #essential-buy-details .essential-buy-btn button { text-decoration: none; background: #39CA82; padding: 13px 12px 12px 14px; } #essential-buy-details .essential-buy-btn button:hover { background-color: #1c9c5c !important; } .essential-buy-btn.panel-widget-style > .textwidget { text-align: left; } #essential-buy-details h2 { margin-bottom: 0.68em; } #essential-buy-details p { margin-bottom: 1.6em; } #essential-buy-details ul { list-style: none; margin-left: 1.5em; padding-top: 0.6em; } #essential-buy-details li:before { content: ""; background-image: URL('../images/icon_check-white2x.png'); width: 16px; height: 16px; background-size: 15.5px; background-repeat: no-repeat; margin-top: 3.5px; padding-right: 1.1em; } .essential-faq-heading h2 { margin-top: 1.2em; } .essential-faq { padding-top: 0.9em; max-width: 937px !important; margin-left: auto; margin-right: auto; } .essential-faq p { margin-bottom: 11px; } .essential-faq > .panel-grid-cell:first-child { padding-right: 1.65em; } .essential-faq > .panel-grid-cell:last-child { padding-left: 1em; } #essential-start { padding-bottom: 15px; } @media (min-width: 768px){ .page-id-26754 #header-container { position: absolute; } .page-id-26754 #header-container, .page-id-26754 #navigation { background: transparent; } .page-id-26754 .free-trial-button { float: right; } } @media (max-width: 1024px){ .essential-faq-heading, .essential-faq, #essential-buy-details, .reference-manual { padding-left: 1.618em; padding-right: 1.618em; } } @media (max-width: 768px){ .page-id-26754 #header-container { background-color: transparent; } .essential-header { margin-top: -8em; } #essential-start, .essential-collection { padding-left: 1.618em; padding-right: 1.618em; } } @media (max-width: 780px){ html.csstransforms3d { margin-top: 32px !important; } .reference-manual { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .reference-manual > .panel-grid-cell:last-of-type { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .reference-manual > .panel-grid-cell:first-of-type, #essential-buy-details { max-width: 400px !important; margin: 0 auto; } } @media (max-width: 670px) { .essential-header .widget li { font-size: 10px; } .essential-header ul li:not(:first-child) img, .essential-header ul li:first-child img { margin-right: 0; } .essential-header .widget h1 { font-size: 40px; line-height: 51px; } } @media (max-width: 510px) { .essential-header { padding-left: 1.618em; padding-right: 1.618em; } .essential-header .widget h1 { font-size: 28px; line-height: 36px; } .essential-header .widget li { margin-bottom: 10px; } .essential-header .widget ul { padding-top: 1em !important; padding-bottom: 2em !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: left; -ms-flex-align: left; align-items: left; max-width: 167px; } .essential-collection img { margin-bottom: 0.8em; } #pg-26754-16, #pg-26754-19, #essential-start, .essential-collection .panel-grid-cell, .essential-collection strong { margin-bottom: 0 !important; } } @media (max-width: 380px) { #essential-buy-details .essential-buy-btn button span { text-align: center; font-size: 11px; } #essential-buy-details ul { margin-left: 0; } } /* Stripe*/ .wc-stripe-elements-field, .wc-stripe-iban-element-field { border: 0; margin: 5px 1px; background-color: #fff; border-radius: 6px; box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 1px 3px 0 rgba(0,0,0,0.1); padding: 12px 15px 11px; } #wc-stripe-cc-form .form-row-first { width: 33.2%; margin-right: 8px; } #wc-stripe-cc-form .form-row-last { float: left; width: 44.5%; } #wc-stripe-update-subs-payment-method-card { width: 20px !important; border-radius: 3px; background-color: #DADFE3; -webkit-appearance: none; height: 18.45px; border: none; margin-top: -2px; cursor: pointer; margin-right: 15px; } #wc-stripe-update-subs-payment-method-card[type="checkbox"]:checked { background-color: #39CA82; background-image: url(../images/icon-checkmark@2x.png); background-repeat: no-repeat; background-position: center; background-size: 11px; cursor: pointer; } #stripe-payment-data > p.form-row { width: 100%; text-align: left; } .content-after-add-payment-form h4:after { background: url(../images/icon-padlock@2x.png); background-repeat: no-repeat; content: ""; position: absolute; width: 13px; height: 16px; background-size: 10px; margin-top: -4px; margin-left: 6px; } .content-after-add-payment-form h4 img { display: none; } .woocommerce-order-pay .woocommerce-login-form-wrapper { margin: 0; } /* Confirmation required */ .confirmation-required { max-width: 983px !important; margin: 0 auto; } .confirmation-required .widget { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -ms-filter: none; filter: none; } .confirmation-required .panel-last-child .panel-widget-style { -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); border-radius: 6px; max-width: 510px; margin: 0 auto 310px; padding: 44px 20px 30px; box-sizing: border-box; } .confirmation-required h1 { color: #363B40; font-size: 31px; line-height: 52px; font-family: 'Graphik Web' !important; font-display: block; font-weight: 500; padding-bottom: 14px; } .confirmation-required .widget a, .confirmation-required .widget p { color: #686F75; font-size: 15px; line-height: 24px; } .confirmation-required .widget a { text-decoration: underline; } .confirmation-required .panel-last-child img { margin-top: 49px; margin-bottom: 27px; } @media (min-width: 37.5625em) { .confirmation-required .panel-first-child p { text-align: left; } } @media (max-width: 992px) { .confirmation-required .panel-last-child .panel-widget-style { margin-bottom: 30px; } } @media (max-width: 27.5em) { .confirmation-required .panel-last-child p:last-child { max-width: 215px; margin: 0 auto; } } /* Drawing board form at the end of the blog */ .form-blog-drawing-board { background: #FECA2E; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-color: #ffffff; border-style: none; border-top-left-radius: 06px; border-top-right-radius: 06px; border-bottom-right-radius: 06px; border-bottom-left-radius: 06px; box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0); position: relative; z-index: 2; } #drawing-board-blog-post-description { text-align:center; padding-top: 30px; } #drawing-board-blog-post-description p { overflow-wrap:break-word; color:#000000; font-weight:500; line-height:1.6; letter-spacing:0; text-transform:none; text-decoration:none; font-size: 25px; font-family: Helvetica Neue; margin: 0; } #drawing-board-blog-post-logo { max-width:100%; display:block; clear: both; } #drawing-board-blog-post-introducing p { overflow-wrap:break-word; color:#000000; font-size:16px; font-weight:600; line-height:1.6; letter-spacing:0; text-transform:none; text-decoration:none; } #form-drawing-board-below-button { padding: 20px 0; font-size: 13px; } .form-blog-drawing-board .gform_heading { padding:30px; padding-bottom: 0; } .form-blog-drawing-board .gform_body, .form-blog-drawing-board .gform_footer { padding:20px; } .form-blog-drawing-board .gform_confirmation_message { background: #39CA82; padding: 60px 100px 40px 100px } .form-blog-drawing-board .gform_heading, .form-blog-drawing-board .gform_body, .form-blog-drawing-board .gform_footer, .form-blog-drawing-board .validation_error { text-align:center; margin:0 auto; margin-bottom: 0; max-width:400px; width:100%; white-space:normal; } .form-blog-drawing-board .validation_error { background-color: rgb(255, 239, 239) !important; font-weight: 500 !important; border: 1px solid #790000 !important; padding: 16px !important; } .form-blog-drawing-board .validation_message { font-weight: 500 !important; } .form-blog-drawing-board .gform_footer { margin:0 auto !important; } .form-blog-drawing-board .gform_wrapper .gform_heading { margin: 0; } .form-blog-drawing-board .gform_description { padding-top:30px; } .form-blog-drawing-board input[type=submit] { font-family: 'Graphik LC Web' !important; font-display: block; font-weight: 600 !important; font-style: normal !important; font-stretch: normal !important; background-color: #000000; border-radius: 6px; padding: 8px 45px !important; margin: 0 auto !important; display: block !important; font-size: 13px !important; } .pricing-2021-subtitle { text-align: center; font-size: 1.75em; color: white; } .pricing-2021 table { max-width:1200px; margin-bottom: -7%; margin-left: auto; margin-right: auto; border: none; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); background-color: #FFFFFF; } .pricing-2021 td { /* border: none;*/ vertical-align: middle; } .pricing-2021 #feature-comparison-heading { text-align: center; font-size: 1.3em; padding-top: 10px; padding-bottom: 0px; } .pricing-2021 .plan-heading { text-align: center; font-size: 1.6em; padding-top: 10px; } .pricing-2021 .plan-yearly-price, .pricing-2021 .plan-monthly-price { text-align: center; font-size: 1.75em; color: black; vertical-align: middle; } .pricing-2021 #buy-now-button-row td{ text-align: center; font-size: 1.5em; } .pricing-2021 .button { margin: 0; display: block; margin: auto; } .pricing-2021 .feature-title { text-align: left; color: black; font-size: 1.2em; vertical-align: middle; } .pricing-2021 .feature-cell { text-align: center; vertical-align: middle; } .pricing-2021 .plan-use { text-transform: none; } .pricing-2021 #feature-comparison { display: none; } .pricing-2021 #show-feature-comparison { color: #39CA82; } .pricing-2021 a.buy-now-button { background: #39CA82; } .pricing-2021 a.get-quote-button { background: #363B40; } .pricing-2021 .plan-branding { border:none; padding:10px; } .pricing-2021 .table-head-lite50 { background-color: #97A2AC; } .pricing-2021 .table-head-lite { background-color: #FECA2E; } .pricing-2021 .table-head-pro { background-color: #39CA82; } .pricing-2021 .table-head-business { background-color: #1E38E5; } .pricing-2021 .table-head-automation { background-color: #363B40; } @media (max-width: 960px) { .hide-mobile { display: none; } } @media (min-width: 960px) { .hide-desktop { display: none; } } #blog-nav-cta { text-transform: uppercase; font-weight: 500; font-size: .875rem; line-height: 1.25rem; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1.25rem; padding-right: 1.25rem; background-color: rgb(57 202 130); border-radius: 0.375rem; color: white; margin-top: 50px; box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); } #blog-nav-cta:hover { background-color: rgb(28 156 92); }