/* Theme Name: GeneratePress Child Theme URI: https://example.com/ Description: Child theme for GeneratePress Author: Your Name Author URI: https://example.com/ Template: generatepress Version: 1.0.0 Text Domain: generatepress-child */ @font-face { font-family: 'Wulkan Display'; src: url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayBlackItalic.eot'); src: local('Wulkan Display Black Italic'), local('WulkanDisplayBlackItalic'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayBlackItalic.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayBlackItalic.woff2') format('woff2'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayBlackItalic.woff') format('woff'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayBlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Wulkan Display'; src: url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayBold.eot'); src: local('Wulkan Display Bold'), local('WulkanDisplayBold'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayBold.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayBold.woff2') format('woff2'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayBold.woff') format('woff'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayBold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Wulkan Display'; src: url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayRegular.eot'); src: local('Wulkan Display Regular'), local('WulkanDisplayRegular'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayRegular.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayRegular.woff2') format('woff2'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayRegular.woff') format('woff'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayRegular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Wulkan Display'; src: url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayLightItalic.eot'); src: local('Wulkan Display Light Italic'), local('WulkanDisplayLightItalic'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayLightItalic.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayLightItalic.woff2') format('woff2'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayLightItalic.woff') format('woff'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayLightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Wulkan Display'; src: url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayMediumItalic.eot'); src: local('Wulkan Display Medium Italic'), local('WulkanDisplayMediumItalic'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayMediumItalic.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayMediumItalic.woff2') format('woff2'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayMediumItalic.woff') format('woff'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayMediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Wulkan Display'; src: url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayLight.eot'); src: local('Wulkan Display Light'), local('WulkanDisplayLight'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayLight.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayLight.woff2') format('woff2'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayLight.woff') format('woff'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayLight.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Wulkan Display'; src: url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayItalic.eot'); src: local('Wulkan Display Italic'), local('WulkanDisplayItalic'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayItalic.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayItalic.woff2') format('woff2'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayItalic.woff') format('woff'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayItalic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Wulkan Display'; src: url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayMedium.eot'); src: local('Wulkan Display Medium'), local('WulkanDisplayMedium'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayMedium.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayMedium.woff2') format('woff2'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayMedium.woff') format('woff'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayMedium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Wulkan Display'; src: url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayBlack.eot'); src: local('Wulkan Display Black'), local('WulkanDisplayBlack'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayBlack.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayBlack.woff2') format('woff2'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayBlack.woff') format('woff'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayBlack.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Wulkan Display'; src: url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayBoldItalic.eot'); src: local('Wulkan Display Bold Italic'), local('WulkanDisplayBoldItalic'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayBoldItalic.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayBoldItalic.woff2') format('woff2'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayBoldItalic.woff') format('woff'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplayBoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Wulkan Display'; src: url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplaySemiBoldItalic.eot'); src: local('Wulkan Display SemiBold Italic'), local('WulkanDisplaySemiBoldItalic'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplaySemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplaySemiBoldItalic.woff2') format('woff2'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplaySemiBoldItalic.woff') format('woff'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplaySemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Wulkan Display'; src: url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplaySemiBold.eot'); src: local('Wulkan Display SemiBold'), local('WulkanDisplaySemiBold'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplaySemiBold.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplaySemiBold.woff2') format('woff2'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplaySemiBold.woff') format('woff'), url('/wp-content/themes/generatepress-child/assets/fonts/WulkanDisplaySemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } /***************************************************************************/ /* */ /* LEGACY CSS */ /* */ /***************************************************************************/ /********************************/ /* COLLAPSE BOX */ /********************************/ .collapse-toggle { display: none; } .collapse-title { cursor: pointer; position: relative; padding-right: 2.5rem; display: block; width: 100%; } .collapse-title h3 { margin: 0; color: #3C5467; } /* circle */ .collapse-title::before { content: ""; position: absolute; right: 0; top: 50%; width: 28px; height: 28px; transform: translateY(-50%); border-radius: 50%; background: #f5f7fb; } /* chevron */ .collapse-title::after { content: ""; position: absolute; right: 9px; top: 50%; width: 10px; height: 10px; transform: translateY(-50%) rotate(45deg); /* down */ border-right: 2px solid #16456b; border-bottom: 2px solid #16456b; transition: transform 0.5s ease; } /* collapsed by default */ .collapse-content { max-height: 0; overflow: hidden; transition: all 0.5s ease; } /* expanded when checked */ .collapse-toggle:checked ~ .collapse-content { max-height: 800px; } /* rotate icon on open */ .collapse-toggle:checked + .collapse-title::after { transform: translateY(-50%) rotate(225deg); /* up */ } .collapse-list { padding: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); margin-bottom: 15px; border-radius: 8px; padding: 20px; transition: all 0.5s ease; } .collapse-list:has(.collapse-toggle:checked) { box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); transition: all 0.5s ease; } .header-disclaimer { font-size: 12px; font-weight: 400; margin:0 auto 30px auto; color: #6e7380; text-align: left; max-width: 850px; padding-left: 20px; } .gb-element-c0035a6b {background-color: #fff; color: #3C5467;} .gb-container-fd2ad5cd {background-color: transparent;} .gb-text-f9dfca80 {color: #3C5467; max-width: 850px; margin:0 auto 10px auto; padding-left: 18px; text-align:left;} .cat-author-and-expert {max-width: 850px; margin: 10px auto;padding-left: 20px;} .gb-text-64896e02 {text-align: left; font-size: 14px;display: block; position: relative; max-width: 850px; margin: 20px auto 0 auto;padding-left:44px;} .gb-text-64896e02::before { content: ""; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%20%3Cpath%20d%3D%22M23%2012C23%2018.0751%2018.0751%2023%2012%2023C5.92487%2023%201%2018.0751%201%2012C1%205.92487%205.92487%201%2012%201C18.0751%201%2023%205.92487%2023%2012ZM3.00683%2012C3.00683%2016.9668%207.03321%2020.9932%2012%2020.9932C16.9668%2020.9932%2020.9932%2016.9668%2020.9932%2012C20.9932%207.03321%2016.9668%203.00683%2012%203.00683C7.03321%203.00683%203.00683%207.03321%203.00683%2012Z%22%20fill%3D%22%233C5467%22%3E%3C%2Fpath%3E%20%3Cpath%20d%3D%22M12%205C11.4477%205%2011%205.44771%2011%206V12.4667C11%2012.4667%2011%2012.7274%2011.1267%2012.9235C11.2115%2013.0898%2011.3437%2013.2343%2011.5174%2013.3346L16.1372%2016.0019C16.6155%2016.278%2017.2271%2016.1141%2017.5032%2015.6358C17.7793%2015.1575%2017.6155%2014.5459%2017.1372%2014.2698L13%2011.8812V6C13%205.44772%2012.5523%205%2012%205Z%22%20fill%3D%22%233C5467%22%3E%3C%2Fpath%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); } .gb-element-c0035a6b a {color: #007ac8;} .cat-author-and-expert .cat-user-info .job-title-specialism .expert {color: #3C5467 !important;} .cat-author-and-expert .cat-user-info .main-info {align-items: center;justify-content: center;} .cat-author-and-expert .cat-user-info .expert {padding: 3px 7px; color: #3C5467; border-radius: 20px;} .cat-author-and-expert .cat-user-info .byline.expert {display: inline-flex;align-items: center;gap: 6px;line-height: 1;padding-top: 2px;} .expert-container {margin-top: 3px;} .expert svg, .expert svg * { fill: #395903 !important; stroke: none !important; opacity: 1 !important; mix-blend-mode: normal !important; width: 25px; height: 25px; flex-shrink: 0; } body:not(.home) .site-content {padding-top: 10px;} body:not(.home) .site-content p:first-of-type{margin-top: 18px;} /************* HEADER *************/ body:not(.home) .header-wrap .site-header {background: #3C5467;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;} .sub-menu {background: #3C5467;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;border-radius: 4px;} .main-navigation .main-nav ul li a:hover {color: #db5461 !important;} body:not(.home) .inside-header {padding: 10px;} body:not(.home) .site-header .header-image {width: 150px;} .gb-element-38d74f0d {background: transparent;} /********************************/ .gb-element-0e85c32f {padding-top: 120px;padding-bottom: 0px;} @media (max-width: 991px) { .gp-icon svg {fill: #db5461;} .gb-element-0e85c32f {padding-top: 90px;} } @media (max-width: 768px) { .cat-author-and-expert {flex-direction: column !important;padding-left: 0px; gap: 0 !important;} .gb-text-f9dfca80 { font-size: 30px;text-align: center;padding-left:0;} .gb-element-0e85c32f {padding-top: 80px;} .gb-text-64896e02::before {left:0;} .gb-text-64896e02 {padding-left: 25px;} .cat-author-and-expert .cat-user-info .byline.expert {padding-top: 5px;} .cat-author-and-expert .cat-user-info img {display: block !important; width: 32px !important;margin-top: 2px !important;} } @media (max-width: 450px) { .cat-author-and-expert .cat-user-info img {display: block !important; width: 32px !important;margin-top: 2px !important;} } /***********************************************************************************************************************************/ /***********************************************************************************************************************************/ .inside-article a{ text-decoration: underline; } .key-details-container a{ color: #222 !important; } .key-details .key-details-container a:hover, .key-details .key-details-container:hover a{ color: #fff !important; } footer a { color: #fff !important; } footer .underline a { text-decoration: underline !important; } footer a:hover { color: #D1B4A3 !important; } .inline-link-footer a{ margin-bottom: 10px; display: inline-flex; align-items: center; transition: all 0.3s cubic-bezier(.25,.8,.25,1); } .inline-link-footer a:hover{ text-decoration: underline; } .inline-link-footer a::after { content: ''; width: 24px; height: 24px; margin-left: 4px; background: url('/wp-content/themes/generatepress-child/assets/img/Arrow-right3.png') no-repeat center; opacity: 0; transition: opacity 0.2s ease; } .inline-link-footer a:hover::after { opacity: 1; transition: all 0.3s cubic-bezier(.25,.8,.25,1); } .shadow, .img-shadow img { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(.25,.8,.25,1); } .single-review-page .breadcrumbs, .hub-page .breadcrumbs { display: flex; align-items: center; justify-content: center; gap: 8px; } .single-review-page .breadcrumbs a, .single-review-page .breadcrumbs span, .single-review-page .breadcrumbs img, .hub-page .breadcrumbs a, .hub-page .breadcrumbs span, .hub-page .breadcrumbs img { display: inline-flex; align-items: center; font-size: 14px; } .single-review-page .breadcrumbs span, .hub-page .breadcrumbs span { color: #56453F; font-size: 14px; font-weight: 600; } .hub-page .breadcrumbs span { padding-top: 2px; } .updated { margin-top: 6.5px !important; margin-right: -5px; color: #222222; } .updated-date { margin-top: -17.5px !important; color: #222222; } .single-review-page .how-we-tested { list-style: none; margin: 15px 0 15px 0; padding: 0 15px; } .single-review-page .how-we-tested li { position: relative; padding-left: 40px; margin-bottom: 10px; line-height: 1.5; } .single-review-page .how-we-tested li::before { content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; background: url("/wp-content/themes/generatepress-child/assets/img/Checked.png") no-repeat center / contain; } .meth-container { margin: 0 0 15px 0; border: 1px solid #D1B4A3; } .meth-container p{ margin-bottom: 0; } .meth-container-header h3, .meth-container-header h4{ font-size: 18px; margin-bottom: 0; line-height: 22px; font-weight: 500; } .meth-container-header3 { background: #CCBDB4; color: #222; padding: 8px 20px; } .meth-container-header3a { background: #EFE4DC; color: #222; padding: 8px 20px; } .meth-container-header3 h3, .meth-container-header3a h3{ font-size: 18px; margin-bottom: 0; } .meth-container-header3-body { background: #F8F2F0; padding: 20px 30px 20px 0px; } .welike ul { list-style: none; margin: 0; padding: 0 15px; } .welike ul li { position: relative; padding-left: 35px; margin-bottom: 15px; font-size: 16px; line-height: 22px; font-weight: 500; } .welike ul li::before { content: ""; position: absolute; left: 0; top: -1px; width: 24px; height: 24px; background: url("/wp-content/themes/generatepress-child/assets/img/Check-circle.png") no-repeat center / contain; } .improv ul { list-style: none; margin: 0; padding: 0 10px; } .improv ul li { position: relative; padding-left: 35px; margin-bottom: 15px; font-size: 16px; line-height: 22px; font-weight: 500; } .improv ul li::before { content: ""; position: absolute; left: 0; top: -1px; width: 24px; height: 24px; background: url("/wp-content/themes/generatepress-child/assets/img/Alert-circle.png") no-repeat center / contain; } ul.no-list { list-style: none; margin: 0; padding: 0 15px; } ul.no-list2 { list-style: none; margin: 0; padding: 0; } li.like { position: relative; padding-left: 30px; margin-bottom: 15px; font-size: 16px; line-height: 22px; font-weight: 500; } li.like::before { content: ""; position: absolute; left: 0; top: -1px; width: 22px; height: 22px; background: url("/wp-content/themes/generatepress-child/assets/img/checked-ok.svg") no-repeat center / contain; } li.nolike { position: relative; padding-left: 30px; margin-bottom: 15px; font-size: 16px; line-height: 22px; font-weight: 500; } li.nolike::after { content: ""; position: absolute; left: 0; top: -1px; width: 20px; height: 20px; background: url("/wp-content/themes/generatepress-child/assets/img/cancel.svg") no-repeat center / contain; } .pricing-h3 { margin: 0; padding: 10px 10px 10px 20px; } .pricing-h3 em{ font-weight: 300; font-size: 12px; font-style: normal !important; } .button a{ width: 100%; color: #fff; display: inline-flex !important; align-items: center; justify-content: center; gap: 12px; padding: 15px 25px 15px 25px !important; background-color: #222 !important; line-height: 1; font-size: 16px; font-weight: 600; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); border-radius: 0; text-decoration: none; } .button a::after { content: ""; width: 20px; height: 20px; display: inline-block; background: url(/wp-content/themes/generatepress-child/assets/img/Arrow-right1.png) no-repeat center / contain; transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .button a:hover{ background: #cb3141 !important; color: #fff !important; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); transition: all 0.3s cubic-bezier(.25,.8,.25,1); } .button a:hover::after { transform: translateX(10px); transition: all 0.3s cubic-bezier(.25,.8,.25,1); } .single-review-page .key-details .key-details-container { padding: 10px 10px 2px 10px; background: #fff; } .single-review-page .key-details p{ margin-bottom: 10px; } .single-review-page .key-details p.twolines{ line-height: 16px; margin-bottom: -5px; } .single-review-page .key-details .no-margin { margin-bottom: 0; } .single-review-page .key-details .key-details-container:hover { background: #3C5467; color: #fff; } .single-review-page .key-details .key-details-container.active { background: #3C5467 !important; color: #fff; } .single-review-page .key-details .tag-treat { margin: 0 0 10px 0; height: 56px; background: url("/wp-content/themes/generatepress-child/assets/img/tag-treat.png") no-repeat left; } .single-review-page .key-details .tag-ins { margin: 0 0 10px 0; height: 56px; background: url("/wp-content/themes/generatepress-child/assets/img/tag-ins.png") no-repeat left; } .single-review-page .key-details .tag-hsa{ margin: 0 0 10px 0; height: 56px; background: url("/wp-content/themes/generatepress-child/assets/img/tag-hsa.png") no-repeat left; } .single-review-page .key-details .tag-states{ margin: 0 0 10px 0; height: 56px; background: url("/wp-content/themes/generatepress-child/assets/img/tag-states.png") no-repeat left; } .single-review-page .key-details .tag-cust{ margin: 0 0 10px 0; height: 56px; background: url("/wp-content/themes/generatepress-child/assets/img/tag-cust.png") no-repeat left; } .single-review-page .key-details .tag-coach{ margin: 0 0 10px 0; height: 56px; background: url("/wp-content/themes/generatepress-child/assets/img/tag-coach.png") no-repeat left; } .key-detail-container { width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; /* Firefox */ } .key-detail-container::-webkit-scrollbar { display: none; /* Chrome, Safari */ } .key-detail-wrap { width: 1200px; min-width: 1200px; padding-bottom: 15px; } .key-detail-wrap2 { width: 660px;; min-width: 660px;; padding-bottom: 0px; } .single-review-page .key-details .key-details-container { padding: 10px 10px 2px 10px; background: #fff; } p.pre-header { font-size: 14px; font-weight: 500; line-height: 1.4; background-color: #F8F2F0; border-radius: 4px; border: 1px solid #CCBDB4; color: #D1B4A3; padding: 5px 20px; width: fit-content; margin: 0 auto 0 0 !important; } .no { font-size: 14px; font-weight: 500; color: #DA1E1E; padding: 5px 23px; border-radius: 4px; border: 1px solid #F8ABAB; background: #FFE8E8; width: fit-content; margin: 0 auto 0 0; } .single-review-page .key-details .no, .single-review-page .key-details .yes { border-radius: 4px !important; margin: 0 auto 0 0 !important; } .yes { font-style: normal; font-size: 14px; font-weight: 500; color: #4EAC8C; padding: 5px 23px; border-radius: 4px; border: 1px solid #4EAC8C; background: #E1FFF5; width: fit-content; margin: 0 auto 0 0; } .grey { font-style: normal; font-size: 16px; font-weight: 600; color: #534B6F; padding: 5px 23px; border-radius: 16px; background: #E1DDE8; width: fit-content; margin-left: auto; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .single-review-page .key-details .key-learn-more a { display: flex; align-items: center; justify-content: center; color: #909090; margin-top: 4px; gap: 6px; } .single-review-page .key-details .key-learn-more a.active { color: #fff; } .single-review-page .key-details .key-learn-more a::after { content: ""; width: 16px; height: 16px; margin-top: 4px; background: url("/wp-content/themes/generatepress-child/assets/img/Chevron-down.png") no-repeat center / contain; transition: transform 0.5s ease; } .single-review-page .key-details .key-learn-more a:hover::after,.single-review-page .key-details .key-learn-more a.active::after { background: url("/wp-content/themes/generatepress-child/assets/img/Chevron-down-white.png") no-repeat center / contain; transform: rotate(180deg); } .single-review-page .key-details .key-details-container:hover a { color: #fff; } .single-review-page .key-details .key-details-container:hover a::after { color: #fff; background: url("/wp-content/themes/generatepress-child/assets/img/Chevron-down-white.png") no-repeat center / contain; transition: transform 0.5s ease; } .single-review-page .scoring-letter { width: 48px; height: 48px; margin: 0 !important; background: #fff; border-radius: 9px; display: flex; align-items: center; justify-content: center; font-family: Wulkan Display; } .single-review-page .gps-multiple-card-slider__card { flex: 0 0 calc((100% - 88px) / 4.5); border-radius: 16px; background: #ffffff; overflow: hidden; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); scroll-snap-align: start; display: flex; flex-direction: column; transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .single-review-page .gps-multiple-card-slider__card:hover { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .single-review-page .gps-multiple-card-slider__content { background: #fff; padding: 18px 18px 22px; min-height: 175px; } .single-review-page .gps-multiple-card-slider__title { margin: 0 0 10px; color: #222; font-size: 20px; line-height: 1.35; font-weight: 600; } .single-review-page .gps-multiple-card-slider__text { margin: 0; color: #1f2937; font-size: 14px; line-height: 1.55; } .single-review-page .scoring-letter-small { width: 28px; height: 28px; margin: 0 !important; background: #F8F2F0; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-family: Wulkan Display; } .key-learn-more-wrap .key-learn-more-container{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(8px) scale(.98); transition: opacity .5s ease, transform .5s ease, visibility 0s linear .5s; will-change: opacity, transform; background: #fff; } .key-learn-more-wrap .key-learn-more-container.key-learn-more-container-active{ opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); transition: opacity .5s ease, transform .5s ease, visibility 0s; } #inpagenav .inpage-nav { position: sticky; top: 110px; align-self: start; } .inpage-nav { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); border: 1px solid #EFE4DC; } .inpage-nav:hover { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .inpage-nav .inpage-nav-title{ padding: 10px 20px 10px 20px; color: #222; margin-bottom: 0; margin-top: 0 !important; border-top: 2px solid #BCA69E; background: #E2CCC4; font-size: 18px; font-weight: 600; } .inpage-nav .best-off-title { border-top: none !important; background: #fff !important; font-size: 16px !important; margin: 0 20px; border-bottom: 1px solid #CCBDB4; padding-left: 0px !important; } .inpage-nav-item a{ background: #FFFFFF; border-left: 4px solid #fff; margin: 0; display: flex; align-items: center; gap: 12px; padding: 10px 20px 10px 16px; font-weight: 700; font-size: 14px; color: #534B6F; } .inpage-nav-item a:hover, .inpage-nav-item .inpagenav-active { background: #E1DDE8; border-left: 4px solid #534B6F; font-weight: 700; font-size: 14px; color: #534B6F; } .best-off-nav-item a{ text-decoration: none; color: #222 !important; } .best-off-nav-item a:hover, .best-off-nav-item .inpagenav-active { background: #EFE4DC !important; border-left: 4px solid #56453F !important; font-weight: 700; font-size: 14px; color: #222; } /* .inpage-nav-item a::after { content: ''; width: 20px; height: 20px; margin-left: auto; background: url('/wp-content/themes/generatepress-child/assets/img/Arrow-right.png') no-repeat center; opacity: 0; transition: opacity 0.2s ease; } .inpage-nav-item a:hover::after, .inpage-nav-item .inpagenav-active::after { opacity: 1; transition: all 0.3s cubic-bezier(.25,.8,.25,1); } */ .inpage-nav-item p{ margin-bottom: 0; } .inpage-container { } .inpage-container:hover { } .inpage-container p { margin-bottom: 10px; } .inpage-header { background: #EFE4DC; padding: 15px; border-left: 4px solid #CCBDB4; } .inpage-header p{ margin-bottom: 0; margin-top: 0 !important; color: #222; font-size: 18px; font-weight: 600; } /**********************/ /* REVIEW ACCORDION */ /**********************/ .review-container-header { background: #D1B4A3; color: #222222; padding: 20px; border: 1px solid #564C4B; } .review-container-body { border-left: 1px solid #564C4B; border-right: 1px solid #564C4B; border-bottom: 1px solid #564C4B; } .review-container-header h2{ font-size: 28px; font-weight: 700; margin-bottom: 0; line-height: 32px; } .review-container-subheader { background: #CCE3E7; padding: 0; } .review-container-subheader > div { padding: 10px 20px; } .review-container-item { padding: 0; } .review-container-item > div { background: #fff; padding: 10px 20px; padding-left: 20px !important; border-right: 1px solid #CCE3E7; border-bottom: 1px solid #CCE3E7; } .review-container-item > div:last-child { border-right: none !important; } .review-container > .review-container-item:last-of-type > div { border-bottom: none !important; } .review-container p { margin-bottom: 10px; } p.no-margin { margin: 0px !important; } .taupe-box { background: #F8F2F0; padding: 15px 20px; line-height: 20px; border-left: 4px solid #BCA69E; } .taupe-box p { margin: 0 !important; font-size: 14px; line-height: 22px; font-weight: 400; } .review-container .photo-box { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .review-container .photo-box:hover { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .review-container .photo-box img{ width: 100%; } .review-container .photo-box p{ margin-bottom: 0px; line-height: 22px; } .review-container .single-review-summary-title { margin: 20px 0px 0px 0px; background: #564C4B; transition: all 0.3s cubic-bezier(.25, .8, .25, 1); color: #222; } .review-container .review-summary-title-h3 > summary > h3{ margin: 0px; font-size: 20px; font-weight: 700; color: #222; } .single-review-summary-title summary { padding: 15px 40px 15px 40px; display: flex; align-items: center; gap: 12px; } .single-review-summary-title summary h3{ font-size: 20px; font-weight: 700; margin-bottom: 0; color: #fff; } .single-review-summary-title summary:hover, .single-review-summary-title[open] > summary { background: #564C4B; color: #fff; } .single-review-summary-title[open] > summary { border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; } .single-review-summary-title summary::after { content: ""; width: 24px; height: 25px; background: url("/wp-content/themes/generatepress-child/assets/img/Chevron-down-large.png") no-repeat center / contain; margin-left: auto; flex-shrink: 0; } .single-review-summary-title[open] > summary::after { transform: rotate(180deg); background: url("/wp-content/themes/generatepress-child/assets/img/Chevron-down-large.png") no-repeat center / contain; transition: all 0.5s cubic-bezier(.25,.8,.25,1); } .included { list-style: none; margin: 0; padding: 0; } .included li { position: relative; padding-left: 30px; margin-bottom: 15px; font-weight: 400; font-size: 14px; color: #909090; line-height: 18px; } .included li::before { content: ""; position: absolute; left: 0; top: 0px; width: 22px; height: 22px; background: url("/wp-content/themes/generatepress-child/assets/img/Checked-green.png") no-repeat center / contain; } .included li.nolike::before { content: ""; position: absolute; left: 0; top: 0px; width: 0px; height: 0px; background: none; } .included li strong{ display: block; font-weight: 600; color: #222; font-size: 16px; line-height: 22px; margin-bottom: 5px; } .included li{ font-weight: 400; font-size: 14px; color: #909090; line-height: 18px; } .review-container .sub-accord details { padding: 20px; margin-bottom: 20px; border: 1px solid #CCBDB4; } .sub-accord .sub-accord-title summary { padding: 0px !important; display: flex; align-items: center; gap: 12px; font-size: 16px; font-weight: 600; } .sub-accord .sub-accord-title summary::after { content: ""; width: 52px; /* space for both icons */ height: 24px; margin-left: auto; flex-shrink: 0; background: url("/wp-content/themes/generatepress-child/assets/img/Chevron-down-large-black.png") no-repeat right center / 20px 20px, url("/wp-content/themes/generatepress-child/assets/img/checked-green.png") no-repeat left center / 24px 24px; } .sub-accord .sub-accord-title.minor-issues summary::after { background: url("/wp-content/themes/generatepress-child/assets/img/Chevron-down-large-black.png") no-repeat right center / 20px 20px, url("/wp-content/themes/generatepress-child/assets/img/alert.png") no-repeat left center / 24px 24px; } .sub-accord .sub-accord-title.major-issues summary::after { background: url("/wp-content/themes/generatepress-child/assets/img/Chevron-down-large-black.png") no-repeat right center / 20px 20px, url("/wp-content/themes/generatepress-child/assets/img/error.png") no-repeat left center / 24px 24px; } .sub-accord-title summary:hover, .sub-accord-title[open] > summary { background: #fff; color: #222; } .sub-accord-title p{ font-size: 14px; line-height: 22px; color: #222222; } .meth-container-header4 { background: #CCBDB4; color: #222; padding: 15px 20px; border: 1px solid #CCBDB4; } .meth-container-header4 h2{ font-size: 32px; margin-bottom: 0; font-weight: 700; display: flex; align-items: center; gap: 12px; } .meth-container-header4-body { background: #fff; padding: 20px 30px 20px 0px; } .meth-container-header4 h2::before { content: ""; width: 24px; height: 24px; background: url("/wp-content/themes/generatepress-child/assets/img/Checked.png") no-repeat center / contain; flex-shrink: 0; } .meth-container-header4a { background: #EFE4DC; } .meth-container-header4a h3{ margin-left: -12px; margin-bottom: 5px; } .meth-container-header4a h3::before { content: ""; width: 0px; height: 0px; background: none; flex-shrink: 0; } .meth-container-header5 { background: #CCBDB4; color: #222; padding: 15px 20px; border: 1px solid #CCBDB4; } .meth-container-header5 h2{ font-size: 32px; margin-bottom: 0; font-weight: 700; display: flex; align-items: center; gap: 12px; } .meth-container-header5-body { background: #fff; padding: 20px 30px 20px 0px; } .meth-container-header5 h2::before { content: ""; width: 24px; height: 24px; background: url("/wp-content/themes/generatepress-child/assets/img/Slash.png") no-repeat center / contain; flex-shrink: 0; } .whouse ul { list-style: none; padding-left: 0; margin: 0; } .whouse ul li { position: relative; padding: 15px 15px 15px 35px; margin-bottom: 15px; border: 1px solid #CCBDB4; background: #EFE4DC; font-size: 16px; } .whouse.whousenot ul li { background: #fff !important; } .whouse ul li::before { content: "•"; position: absolute; left: 11px; top: 10px; font-size: 38px; line-height: 1; } .whouse ul li::marker { font-size: 3.5em; color: #222; } .single-review-page #rank-math-faq { margin: 0; } .single-review-page .padding-top-2 { padding-top: 2px; } .single-review-nav a{ background: #FFFFFF; padding: 0px 0px 10px 0px; font-weight: 700; font-size: 14px; color: #222; border-left: 0px solid #fff; border-bottom: 1px solid #fff; margin-bottom: 0px; text-decoration: none !important; } .single-review-nav a:hover, .single-review-nav .inpagenav-active { background: #fff; padding: 0px 0px 10px 0px; border-left: 0px solid #fff; border-bottom: 1px solid #E2CCC4; font-weight: 700; font-size: 14px; color: #222; width: 100%; margin-bottom: 0px; } .single-review-nav a::after { content: ''; width: 0px; height: 0px; background: none; opacity: 0; display: none; } .single-review-nav > div{ align-items: center; padding-right: 10px; } .score-dot img { margin-bottom: 6px; margin-right: 20px; } .rating-letter { color: #00C37F; display: block; background: #fff; border-radius: 4px; font-size: 35px !important; line-height: 48px !important; width: 48px; height: 48px; text-align: center; } .review-container-separator { margin-bottom: 25px; } .img-full img { width: 100%; } .review-container .single-review-summary-title:first-of-type { margin-top: 0 !important; } .rank-math-block { margin: 50px 100px; } #rank-math-faq .rank-math-answer{ height: 0; overflow: hidden; margin-top: 0px; transition: height 260ms ease; } #rank-math-faq .rank-math-answer p{ margin-bottom: 10px; margin-top: 10px !important; font-size: 16px; font-weight: 300; } .rank-math-question { margin: 0px 0 10px 0; line-height: 30px; cursor: pointer; font-size: 16px; font-weight: 700; } #rank-math-faq .rank-math-list-item:first-child .rank-math-answer{ height: auto; } #rank-math-faq .rank-math-list-item:first-child { background: #E1DDE8; } .rank-math-list-item { margin-bottom: 20px; padding: 5px 20px; border-bottom: 1px solid #E1DDE8; } .rank-math-list-item.is-open { background: #E1DDE8; } .rank-math-list-item.is-closed { background: #fff !important; } #rank-math-faq .rank-math-question{ background-image: url("/wp-content/themes/generatepress-child/assets/img/Chevron-up-large-black.png"); background-repeat: no-repeat; background-position: right center; padding-right: 20px; color: #534B6F; } #rank-math-faq .review-faq-list .rank-math-list-item:first-child { background: #fff !important; } #rank-math-faq .review-faq-list .rank-math-list-item.is-open { background: #fff !important; } #rank-math-faq .rank-math-list-item:first-child .rank-math-question{ background-image: url("/wp-content/themes/generatepress-child/assets/img/Chevron-up-large-black.png"); padding-right: 20px; } #rank-math-faq .rank-math-list-item.is-closed .rank-math-question{ background-image: url("/wp-content/themes/generatepress-child/assets/img/Chevron-down-large-black.png"); padding-right: 20px; } #rank-math-faq .rank-math-list-item.is-open .rank-math-question{ background-image: url("/wp-content/themes/generatepress-child/assets/img/Chevron-up-large-black.png"); padding-right: 20px; } .meth-container-header4a p{ margin-top: 10px !important; } .review-ordered-list { counter-reset: item; list-style: none; padding-left: 0; margin-left: 0; } .review-ordered-list li { counter-increment: item; position: relative; display: block; padding-left: 42px; margin-bottom: 10px; min-width: 0; } .review-ordered-list li::before { content: counter(item); position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #EFE4DC; color: #333; font-weight: 600; border-radius: 6px; line-height: 1; } .review-ordered-list li a { display: inline; white-space: normal; overflow-wrap: anywhere; word-break: break-word; } .gps-multiple-card-slider__card { border-radius: 0 !important; } .alt-pricing-header > div { padding: 10px; } .alt-pricing-header > div p > em{ font-style: normal !important; font-size: 12px; font-weight: 400; } .review-hero-box-mobile { display: none; } .single-review-page .review-hero-box p{ margin-bottom: 0; } .how-drop-body { height: 0; overflow: hidden; opacity: 0; transition: height 0.5s ease, opacity 0.5s ease; } .how-drop.is-open .how-drop-body { opacity: 1; } .how-drop a {text-decoration: none;display: flex;align-items: center;justify-content: center;margin-top: 4px;gap: 6px;} .how-drop a::after { content: ""; width: 20px; height: 20px; background: url("/wp-content/themes/generatepress-child/assets/img/Chevron-down.png") no-repeat center / contain; transition: transform 0.5s ease; } .how-drop a::after {transition: transform 0.5s ease;} .how-drop.is-open a::after {transform: rotate(180deg);} .how-drop h3 {margin-bottom: 0;} #inpagenav .inpagenav-select { display: none !important; } .inpage-nav-item a:hover::after, .inpage-nav-item .inpagenav-active::after { display: none; } .inpage-nav-item p{ margin-bottom: 0; } .monthly-price { text-align: right; } .inline-link a{ font-weight: 800; text-decoration: underline; display: inline-flex; align-items: center; gap: 6px; transition: all 0.3s cubic-bezier(.25,.8,.25,1); } .inline-link a::after { content: ""; width: 24px; height: 24px; background: url("/wp-content/themes/generatepress-child/assets/img/Arrow-right2.png") no-repeat center / contain; flex-shrink: 0; transition: all 0.3s cubic-bezier(.25,.8,.25,1); } .inline-link a:hover{ color: #534B6F; } .inline-link > a:hover::after { transform: translateX(10px); transition: all 0.3s cubic-bezier(.25,.8,.25,1); } .single-review-page > #content > #primary { margin-top: 70px; } .hub-page > #content > #primary { margin-top: 0px !important; } /**************************************************************************************************************************************/ @media screen and (max-width: 768px) { .review-hero-box {display: none !important;} .review-hero-box-mobile {display: block;} .single-review-page .breadcrumbs {justify-content: start;gap: 4px;} .single-review-page .cat-author-and-expert .cat-user-info .byline .expert a {display: inline !important;} .single-review-page .byline.expert svg {display: none !important;} .value-score-mobile {border: 1px solid #D1B4A3;} .pricing-h3 {padding: 0px 10px 10px 0px; } .monthly-price {text-align: left; padding-left: 20px !important;} .rank-math-list-item {padding: 5px 0px;} .review-container-body {border-left: 0px solid #CCBDB4;border-right: 0px solid #CCBDB4;border-bottom: 0px solid #CCBDB4;} .footer-nav > :first-child {grid-column: 1 / -1;} .single-review-nav > div{ display: none;} /* default state */ #inpagenav .inpage-nav { position: static; } /* becomes sticky via JS */ #inpagenav .inpage-nav.is-sticky { position: fixed; top: 0px; /* REQUIRED OFFSET */ left: 0; right: 0; z-index: 9999; background: #fff; border-radius: 0px; } /* prevent content jump */ #inpagenav.is-sticky-active { /*padding-top: 64px; nav height */ } /* mobile dropdown */ #inpagenav .inpagenav-select { display: block !important; width: 100%; padding: 40px 25px 10px 15px; font-size: 16px; margin-top: -50px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: none; cursor: pointer; background: #fff; border: none; } /* hide links on mobile */ #inpagenav .inpage-nav-item p { display: none; } #inpage-nav-title { display: flex; align-items: start; justify-content: start; margin-top: 4px; gap: 6px; } #inpage-nav-title::after { content: ""; width: 22px; height: 22px; margin-top: 4px; background: url("/wp-content/themes/generatepress-child/assets/img/Chevron-down.png") no-repeat center / contain; margin-left: auto; } .inpage-nav-item a::after {display: none !important;} } @media screen and (max-width: 520px) { .cat-author-and-expert .bylines { flex-direction: column; align-items: center;gap: 8px;} .cat-author-and-expert .cat-user-info .byline .author a {display: inline-block;} .cat-author-and-expert .cat-user-info img {width: 32px;} } @media screen and (max-width: 1200px) { .footer-sub-nav {justify-content: center !important;} .footer-sub-nav > :nth-child(4) {grid-column: 1 / -1;justify-items: center;} } /********************************************************************************************************************************************/ /* */ /* MENU */ /* */ /********************************************************************************************************************************************/ /* #masthead { background: #fff !important; position: relative; } #masthead > div > nav.has-sticky-branding { background: #fff !important; } #masthead > div > nav.has-sticky-branding .navigation-branding { margin-right: 150px !important; } #masthead > div{ max-width: 1440px; } #masthead .header-image { width: 100%; } #masthead #site-navigation { margin-left: 50px;; } #masthead #primary-menu #menu-main-menu li{ padding: 10px 0; } #masthead #primary-menu #menu-main-menu > li{ border-bottom: 3px solid #fff; } #masthead #primary-menu #menu-main-menu > li:hover{ border-bottom: 3px solid #CCBDB4; } #masthead #primary-menu #menu-main-menu > li > a:hover{ text-decoration: none !important; } #masthead #primary-menu #menu-main-menu li a{ color: #222; font-size: 14px; font-weight: 600; display: inline-flex; align-items: center; transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } #masthead #primary-menu #menu-main-menu li a:hover{ color: #D1B4A3 !important; text-decoration: underline; } #masthead #primary-menu #menu-main-menu > li:last-of-type{ position: absolute; right: -300px; padding-bottom: 4px; } #masthead #primary-menu #menu-main-menu > li:last-of-type a{ color: #fff; padding: 15px 25px 15px 25px !important; background-color: #222 !important; line-height: 1; font-size: 16px; font-weight: 600; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } #masthead #primary-menu #menu-main-menu > li:last-of-type a:hover{ background: #cb3141 !important; color: #fff !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } #masthead #primary-menu #menu-main-menu > .menu-item-has-children > .sub-menu { background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); border-radius: 0px; width: 450px; } #masthead #primary-menu #menu-main-menu:last-child > #menu-item-4701 > .sub-menu { width: 250px !important; } #masthead #primary-menu #menu-main-menu > #menu-item-4701 > .sub-menu .menu-item-has-children .sub-menu { width: 220px; } #masthead #primary-menu #menu-main-menu > .menu-item-has-children > .sub-menu a::after { content: ''; width: 24px; height: 24px; margin-left: 4px; background: url('/wp-content/themes/generatepress-child/assets/img/Arrow-right3.png') no-repeat center; opacity: 0; transition: opacity 0.2s ease; } #masthead #primary-menu #menu-main-menu > .menu-item-has-children > .sub-menu a:hover::after { opacity: 1; transition: all 0.3s cubic-bezier(.25,.8,.25,1); } #masthead #primary-menu #menu-main-menu > .menu-item-has-children > .sub-menu a.submenu-header::after { width: 0px !important; height: 0px !important; } #masthead #primary-menu #menu-main-menu > .menu-item-has-children > .sub-menu .menu-item-has-children .sub-menu { background: #fff; border-radius: 0px; width: 430px; border-bottom: 1px solid #EFE4DC; margin: 0 10px 15px 10px; padding-bottom: 15px; box-shadow: none !important; } #masthead #primary-menu #menu-main-menu > .menu-item-has-children > .sub-menu .menu-item-has-children:last-of-type .sub-menu { border-bottom: none !important; } #masthead #primary-menu #menu-main-menu > .menu-item-has-children > .sub-menu .menu-item-has-children .sub-menu li{ padding: 0 !important; } #masthead #primary-menu #menu-main-menu > .menu-item-has-children > .sub-menu .menu-item-has-children .sub-menu li a{ padding-left: 10px !important; } #masthead #primary-menu #menu-main-menu .sub-menu .dropdown-menu-toggle { display: none; } #masthead #primary-menu #menu-main-menu .sub-menu > .menu-item-has-children > .sub-menu{ opacity: 1; position: relative !important; height: auto; left: 0; top: 0px; } #masthead #primary-menu #menu-main-menu .sub-menu .submenu-header { font-size: 16px; font-weight: 600; } #masthead #primary-menu #menu-main-menu .sub-menu .submenu-header:hover { color: #222 !important; } #masthead #primary-menu #menu-main-menu .sub-menu > .menu-item-has-children > .sub-menu a{ font-size: 14px; font-weight: 500; } #mobile-header {background: #fff;} */ /**************************************************************************************************************************************/ @media screen and (max-width: 768px) { #mobile-header {background: #fff;} .single-review-page > #content > #primary {margin-top: 50px;} #generate-slideout-menu {background-color: #fff;} #generate-slideout-menu .main-nav ul li a {color: #222;} #generate-slideout-menu svg, #mobile-header .inside-navigation svg {fill: #CCBDB4;} .main-nav #menu-main-menu-2 .menu-item-has-children .sub-menu {box-shadow: none !important;} .slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle {border-left: none !important;margin: 0;} .main-navigation .main-nav #menu-main-menu-2 > .menu-item-has-children a:hover {color: #CCBDB4 !important;} /* #generate-slideout-menu #menu-main-menu-2 > li:last-of-type a{color: #fff;padding: 15px 25px 15px 25px !important;background-color: #222 !important;line-height: 1;font-size: 16px;font-weight: 600;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);transition: all 0.3s cubic-bezier(.25, .8, .25, 1);} */ .single-review-page .key-details .key-learn-more-container-active .no, .single-review-page .key-details .key-learn-more-container-active .yes, .single-review-page .key-details .key-learn-more-container-active .pre-header {margin: 0 auto 0 auto !important;} } /********************************************************************************************************************************************/ /* */ /* BEST OFF */ /* */ /********************************************************************************************************************************************/ .hub-nav { padding: 20px 0px; border-bottom: 2px solid #F8F2F0; } .hub-nav a{ text-decoration: none; } .hub-nav:hover, .nav-active { border-bottom: 2px solid #CCBDB4; } .hub-nav:hover a, .nav-active a{ color: #CCBDB4; } .editors-note { border-left: 3px solid #CCBDB4; } .comparison-table table, .comparison-table table th, .comparison-table table td { border: none !important; } .comparison-table { padding: 0 15px; border-bottom: none !important; } .comparison-table table { width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .comparison-table table:hover { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .comparison-table table thead { background-color: #EFE4DC !important; color: #222 !important; border-bottom: none !important; } .comparison-table table thead th{ padding: 15px 10px; } .comparison-table table tbody tr:nth-child(even) { background-color: #FFF8EF !important; } .comparison-table table tbody tr:nth-child(odd):hover { background-color: #fff !important; } .comparison-table table tbody tr:nth-child(even):hover { background-color: #FFF8EF !important; } .comparison-table tbody td{ padding: 20px 5px; } .comparison-table table td:nth-child(1) strong{ color: #56453F; font-size: 18px; font-weight: 600; margin-bottom: 10px; } .comparison-table table td:nth-child(1) em{ font-style: normal !important; color: #222222; font-size: 13px; font-weight: 600; text-transform: uppercase; line-height: 25px; padding: 5px 10px 5px 25px; background: #EFE4DC; background-image: url("/wp-content/themes/generatepress-child/assets/img/Check-circle.png"); background-size: 16px 16px; background-repeat: no-repeat; background-position: 4px center; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.3s cubic-bezier(.25,.8,.25,1); } .comparison-table table td:nth-child(1) em:hover{ box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); transition: all 0.3s cubic-bezier(.25,.8,.25,1); } .comparison-table table td:nth-child(2) img, .comparison-table table td:nth-child(2) strong{ vertical-align: middle; } .comparison-table table td:nth-child(2) strong{ margin-left: 5px; font-size: 16px; font-weight: 600; } .comparison-table table td:nth-child(2) em{ color: #909090; font-size: 13px; font-weight: 400; font-style: normal !important; display: inline-block; line-height: 16px; margin-top: 5px; } .comparison-table table td:nth-child(3) a{ font-size: 14px; font-weight: 700; background: #fff; border: 1px solid #222; padding: 5px 15px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.3s cubic-bezier(.25,.8,.25,1); text-decoration: none; text-transform: uppercase; } .comparison-table table td:nth-child(3) a:hover{ color: #534B6F; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); transition: all 0.3s cubic-bezier(.25,.8,.25,1); } .comparison-table table td:nth-child(5) strong{ font-size: 16px; font-weight: 500; color: #DA1E1E; padding: 3px 15px; border-radius: 16px; border: 1px solid #F8ABAB; background: #FFE8E8; } .comparison-table table td:nth-child(5) em{ font-style: normal; font-size: 16px; font-weight: 500; color: #4EAC8C; padding: 3px 15px; border-radius: 16px; border: 1px solid #4EAC8C; background: #E1FFF5; } .comparison-table table td:nth-child(6) strong{ font-size: 16px; font-weight: 700; color: #534B6F; } .comparison-table table td:nth-child(6) em{ font-style: normal; font-size: 14px; font-weight: 500; color: #909090; } .comparison-table table td:nth-child(7) a{ width: 90%; color: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 10px !important; background-color: #222 !important; line-height: 1; font-size: 16px; font-weight: 700; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); text-decoration: none; } .comparison-table table td:nth-child(7) a::after { content: ""; width: 16px; height: 16px; display: inline-block; background: url(/wp-content/themes/generatepress-child/assets/img/Arrow-up.png) no-repeat center / contain; transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .comparison-table table td:nth-child(7) a:hover { background: #cb3141 !important; color: #fff !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .comparison-table table td:nth-child(7) a:hover::after { transform: translateX(10px); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .comparison-table table td:nth-child(7) em{ display: inline-block; margin-top: 10px; font-style: normal; font-size: 14px; font-weight: 600; color: #534B6F; } .single-review-page .comparison-table { padding-right: 0 !important; padding-left: 0 !important; } .single-review-page .comparison-table table { width: 100%; overflow: hidden; border: 1px solid #564C4B !important; } .single-review-page .comparison-table table thead { background-color: #564C4B !important; color: #fff !important; } .single-review-page .comparison-table table thead th{ border-right: 1px solid #fff !important; font-size: 15px; font-weight: 500; } .single-review-page .comparison-table table thead th:last-of-type { border-right: none !important; } .single-review-page .comparison-table table tbody td{ border-right: 1px solid #564C4B !important; } .single-review-page .comparison-table table tbody td:last-of-type{ border-right: none !important; } .single-review-page .comparison-table table td:nth-child(1) em { font-style: normal !important; color: #222222; font-size: 14px; font-weight: 600; text-transform: unset !important; line-height: 18px; padding: 3px 5px 3px 5px; background: #EFE4DC; background-image: none !important; border-radius: 12px; margin: 5px 5px; box-shadow: none !important; display: block; } .single-review-page .comparison-table table td:nth-child(6) strong{ font-size: 16px; font-weight: 500; color: #DA1E1E; padding: 3px 15px; border-radius: 16px; border: 1px solid #F8ABAB; background: #FFE8E8; } .single-review-page .comparison-table table td:nth-child(6) em{ font-style: normal; font-size: 16px; font-weight: 500; color: #4EAC8C; padding: 3px 15px; border-radius: 16px; border: 1px solid #4EAC8C; background: #E1FFF5; } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: #fff !important; } .provider-headline h2{ display: inline-flex; align-items: center; } .provider-headline em { font-style: normal !important; font-family: Montserrat, sans-serif; color: #222222; font-size: 14px; font-weight: 600; text-transform: uppercase; line-height: 25px; padding: 8px 15px 8px 35px; background: #EFE4DC; background-image: url("/wp-content/themes/generatepress-child/assets/img/Check-circle.png"); background-size: 16px 16px; background-repeat: no-repeat; background-position: 8px center; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.3s cubic-bezier(.25,.8,.25,1); margin-left: 20px; } .provider-header-image { border: 1px solid #CCBDB4; margin: 20px 0; } .provider-header-image img { width: 100%; padding: 0; } .value-score-table td:nth-child(1) strong{ color: #222 !important; font-size: 16px !important; } .value-score-table td:nth-child(1) { width: 30%; } .value-score-table td:nth-child(2) { width: 20%; } .value-score-table td:nth-child(3) a { font-weight: 400 !important; border: none !important; padding: unset !important; box-shadow: none !important; text-decoration: underline !important; text-transform: unset !important; } .pricing-table { padding: 5px 5px 5px 2px !important } .pricing-table table td:nth-child(1){ font-weight: 600; padding-left: 25px; } .pricing-table table td{ padding: 15px 10px 15px 25px !important; } .pricing-table table td:nth-child(2) strong{ font-size: 16px; font-weight: 500; color: rgb(218, 30, 30); padding: 3px 15px; border-radius: 16px; border-width: 1px; border-style: solid; border-color: rgb(248, 171, 171); border-image: initial; background: rgb(255, 232, 232); } .pricing-table table td:nth-child(2) em{ font-style: normal; font-size: 16px; font-weight: 500; color: rgb(78, 172, 140); padding: 3px 15px; border-radius: 16px; border-width: 1px; border-style: solid; border-color: rgb(78, 172, 140); border-image: initial; background: rgb(225, 255, 245); } .review-hr hr { margin-bottom: 0 !important; } .review-summary summary::marker, .review-summary-title summary::marker{ font-size: 0; } .review-summary-title { border-bottom: 2px solid #CCBDB4; } .review-summary-title:last-of-type { border-bottom: none; } .review-summary summary{ padding: 10px 20px 10px 20px; } .review-summary-title-h3 summary h3{ margin-bottom: 0 !important; font-size: 28px; font-weight: 700; } .review-summary-title summary::after { transition: all 0.5s cubic-bezier(.25,.8,.25,1); } .review-summary-title summary { transition: all 0.3s cubic-bezier(.25,.8,.25,1); padding: 30px 10px 15px 10px; display: flex; align-items: center; gap: 12px; } .review-summary-title summary:hover, .review-summary-title[open] > summary { transition: all 0.3s cubic-bezier(.25,.8,.25,1); } .review-summary-title summary::after { content: ""; width: 24px; height: 25px; background: url("/wp-content/themes/generatepress-child/assets/img/Chevron-down-large1.png") no-repeat center / contain; margin-left: auto; flex-shrink: 0; } .review-summary-title[open] > summary::after { transform: rotate(180deg); transition: all 0.5s cubic-bezier(.25,.8,.25,1); } .newsletter-input { width: 100%; border-color: #fff !important; padding: 12px 20px !important; } .newsletter-input::placeholder { font-size: 14px; color: #8A6E5C; } .newsletter-input:focus { outline: none; } #see-all, #see-all2 {display: none;} .hide-desktop {display: none;} .no { font-size: 16px; font-weight: 500; color: #DA1E1E; padding: 3px 15px; border-radius: 16px; border: 1px solid #F8ABAB; background: #FFE8E8; margin: 0 auto !important; } .yes { font-style: normal; font-size: 16px; font-weight: 500; color: #4EAC8C; padding: 3px 15px; border-radius: 16px; border: 1px solid #4EAC8C; background: #E1FFF5; margin: 0 auto !important; } .read-more a { font-size: 13px; font-weight: 500; background: #fff; border: 1px solid #222; padding: 5px 15px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); text-decoration: none; text-transform: uppercase; } .read-more a:hover { color: #534B6F; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .see-offer a { width: 90%; color: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 10px !important; background-color: #222 !important; line-height: 1; font-size: 16px; font-weight: 700; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); text-decoration: none; } .see-offer a::after { content: ""; width: 16px; height: 16px; display: inline-block; background: url(/wp-content/themes/generatepress-child/assets/img/Arrow-up.png) no-repeat center / contain; transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .see-offer a:hover { background: #cb3141 !important; color: #fff !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .see-offer a:hover::after { transform: translateX(10px); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .editors-choise em { font-style: normal !important; color: #222222; font-size: 13px; font-weight: 600; text-transform: uppercase; line-height: 25px; padding: 2px 10px 2px 25px; background: #EFE4DC; background-image: url(/wp-content/themes/generatepress-child/assets/img/Check-circle.png); background-size: 16px 16px; background-repeat: no-repeat; background-position: 4px center; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); display: inline-block; margin-left: 15px; } .provider-headline h2{ font-size: 48px; } .cta-pricing-alerts h2{ font-size: 60px; } .hub-page .byline svg {display: none;} /* @media (max-width: 1400px) { #masthead #primary-menu #menu-main-menu > li:last-of-type {right: -230px;} #masthead > div {max-width: 1280px;} } @media (max-width: 1330px) { #masthead #primary-menu #menu-main-menu > li:last-of-type {display: none;} } */ @media (max-width: 1280px) { .site-logo {max-width: 180px;} .comparison-table table {width: 900px !important;} } @media (max-width: 991px) { .hide-tablet {display:none;} .hide-desktop {display: block !important;} .site-logo {max-width: 100%;} .provider-headline h2{font-size: 24px;} .review-summary-title-h3 summary h3 {font-size: 20px;} } @media (max-width: 768px) { .hide-mobile {display:none;} .show-mobile {display: block !important;} .single-review-page .breadcrumbs, .hub-page .breadcrumbs {justify-content: start;} .hub-page .byline svg {display: none;} .cta-pricing-alerts h2{font-size: 32px;text-align: center;} } /********************************************************************************************************************************************/ /* */ /* VS TEMPLATE */ /* */ /********************************************************************************************************************************************/ .img-full-width img { width: 100%; } .score-straight-line { width: 100%; height: 10px; background: #F8F2F0; border-radius: 999px; overflow: hidden; position: relative; } .score-straight-line.ver2{ height: 6px; } .score-straight-line::before { content: ""; display: block; width: var(--score-width); height: 100%; background: #BCA69E; border-radius: 999px; } .button.button-white { padding: 0 !important; display: block; } .button-white a{ color: #222 !important; background-color: #fff !important; border: 1px solid #222222; padding: 10px !important; } .button-white a::after { content: ""; background: url(/wp-content/themes/generatepress-child/assets/img/Arrow-right1-black.png) no-repeat center / contain; } .score-straight-number { background: #F8F2F0; border: 1px solid #D1B4A3; border-radius: 8px; padding: 15px 20px 15px 20px; font-size: 64px; font-weight: 700; color: #D1B4A3; font-family: Wulkan Display; text-align:center; } .vs-header-winner { position: relative; } .vs-header-winner { position: relative; } .vs-header-winner .winner { position: absolute; right: 20px; top: -25px; width: 165px; background: #564C4B; padding: 10px 15px; border-radius: 64px; font-size: 18px; font-weight: 600; color: #fff; } .vs-header-winner .winner p{ display: flex; gap: 8px; justify-content: center; } .single-review-page .vs-key-details { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); border: 1px solid #564C4B; } .single-review-page .vs-key-details-header { background: #EFE4DC; padding: 0px; color: #fff; position: sticky; top: 85px; align-self: start; border-bottom: 3px solid #564C4B; } .single-review-page h3.nocrown { color: #564C4B; font-size: 20px; font-weight: 700; padding: 0px; margin-top: 0px; display: flex; align-items: center; justify-content: center; gap: 12px; font-family: Wulkan Display; } .single-review-page h3.crown { color: #564C4B; font-size: 20px; font-weight: 700; padding: 0px; margin-top: 0px; display: flex; align-items: center; justify-content: center; gap: 12px; font-family: Wulkan Display; } .single-review-page h3.crown::before { content: ""; width: 30px; height: 30px; background: url("/wp-content/themes/generatepress-child/assets/img/crown.jpg") no-repeat center / contain; flex-shrink: 0; position: relative; top: 0px; border-radius: 6px; } .score-straight-number.ver2 { background: transparent !important; border: none !important; padding: 0 !important; font-size: 36px !important; overflow: hidden; margin-left: auto; } .score-straight-number.ver2 em { font-style: normal !important; display: block !important; line-height: 36px !important; position: absolute; right: 40px; } .score-straight-number.ver2 span { font-size: 18px !important; font-weight: 500 !important; display: block !important; position: absolute; right: 0; } .single-review-page .vs-key-details .grey{ font-size: 18px; font-weight: 600; color: #534B6F; padding: 8px 15px; border-radius: 8px; background: #E1DDE8; width: fit-content; margin-right: auto; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .single-review-page p.no-margin, .single-review-page .no-margin p { margin-bottom: 0; } p.not-accepted::before { content: ""; display: block; width: 24px; height: 24px; margin: 0 auto 8px; background: url("/wp-content/themes/generatepress-child/assets/img/x2.png") no-repeat center; background-size: contain; } p.not-accepted2, p.accepted2 { display: flex; justify-content: center; align-items: center; gap: 10px; font-weight: 500; } p.accepted::before { content: ""; display: block; width: 24px; height: 24px; margin: 0 auto 8px; background: url("/wp-content/themes/generatepress-child/assets/img/checked-green3.jpg") no-repeat center; background-size: contain; } p.alert::before { content: ""; display: block; width: 24px; height: 24px; margin: 0 auto 8px; background: url("/wp-content/themes/generatepress-child/assets/img/Alertt-circle.png") no-repeat center; background-size: contain; } .vs-container-header { padding: 0 !important; } .single-review-page .vs-container-header h4.crown { color: #534B6F; font-size: 16px; font-weight: 700; padding: 10px; margin-top: 0px; margin-bottom: 0px; display: flex; align-items: center; justify-content: center; gap: 6px; } .single-review-page .vs-container-header h4::before { content: ""; width: 24px; height: 24px; background: url("/wp-content/themes/generatepress-child/assets/img/crown-small.png") no-repeat center / contain; flex-shrink: 0; margin-bottom: 3px; } .single-review-page .vs-container-header h4.nocrown { color: #534B6F; font-size: 16px; font-weight: 700; padding: 10px; margin-top: 0px; margin-bottom: 0px; } .vs-container-header h3 { margin-bottom: 0; } .vs-review-container details summary { display: grid; grid-template-columns: 60% 20% 20%; grid-template-rows: auto auto; align-items: center; border-bottom: 1px solid #E1DDE8; border-radius: 0px !important; padding: 20px 10px 20px 20px; } .bestoff-review-container details summary { grid-template-columns: 86% 14% !important; } .vs-review-container details summary::-webkit-details-marker { display: none; } .vs-review-container details summary::marker { content: ""; } .vs-review-container details summary > mark { grid-column: 1; grid-row: 1 / 3; display: inline-flex; align-items: center; font-size: 16px; font-weight: 600; } .vs-review-container details summary > mark::after { content: ""; width: 8px; height: 8px; margin-left: 15px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform 0.2s ease; flex: 0 0 auto; } .vs-review-container details[open] summary > mark::after { transform: rotate(-135deg); transition: transform 0.2s ease; } .vs-review-container details summary > img:first-of-type { grid-column: 2; grid-row: 1 / 3; justify-self: center; align-self: center; } .vs-review-container details summary > img:nth-of-type(2) { grid-column: 3; grid-row: 1; justify-self: center; align-self: end; } .vs-review-container details summary > em { grid-column: 3; grid-row: 2; justify-self: center; align-self: start; margin: 0; text-align: center; font-size: 12px; font-weight: 500; } .bestoff-review-container details summary > em { grid-column: 2 !important; grid-row: 3 !important; } .vs-review-container details > div { padding: 20px; } .review-container details > div p { margin-bottom: 0px; font-size: 14px; font-weight: 400; } .vs-final-header p img{ margin-bottom: -4px; } .sticky { position: sticky; top: 50px; align-self: start; } .vs-rating { overflow: hidden; position: relative; height: 38px; width: 100%; margin-bottom: 5px; } .wulkan { font-family: Wulkan Display; } .vs-final-rating { display: flex; height: 125px; width: 125px; background: #D1B4A3; font-family: Wulkan Display; border-radius: 9px; justify-content: center; align-items: center; } @media (max-width: 768px) { .single-review-page .vs-key-details { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); border: 1px solid #564C4B; border-top: none !important; } } /******************************************************************/ /* */ /* AUTHOR PAGE */ /* */ /******************************************************************/ .author-hero { position: relative; } h1.author-name { margin-bottom: 15px !important; color: #304052; line-height: 48px !important; } .author-hero h2{ color: #304052; font-weight: 700; } .author-hero img.author-pic { position: absolute; border: 4px solid #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); top: 50px; } .author-hero img.author-pic:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .author-hero .author-fb img, .author-hero .author-tweet img, .author-hero .author-linkedin img{ width: 32px; height: 32px; border-radius: 50%; margin-right: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .author-hero .author-fb img:hover, .author-hero .author-tweet img:hover, .author-hero .author-linkedin img:hover{ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .author-role { text-align: center; } .author-details { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); border: 1px solid #E2CCC4; padding-bottom: 15px; } .author-details p{ margin-bottom: 0; } .author-details:hover { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .author-details-header { background: #EFE4DC; margin-bottom: 15px; } .author-details-header h3{ color: #222; font-weight: 700; font-size: 20px; margin-bottom: 0; } .author-list { list-style: none; margin: 15px 0 15px 0; padding: 0 15px; } .author-list li { position: relative; padding-left: 32px; margin-bottom: 12px; line-height: 1.5; } .author-list li::before { content: ""; position: absolute; left: 0; top: 0.35em; width: 16px; height: 16px; background: url("/wp-content/themes/generatepress-child/assets/img/author-list.png") no-repeat center / contain; } .author-list li strong { display: inline-block; margin-right: 6px; white-space: nowrap; width: 100%; } .author-list-education { list-style: none; margin: 15px 0 15px 0; padding: 0 15px; } .author-list-education li { position: relative; padding-left: 32px; margin-bottom: 12px; line-height: 1.5; } .author-list-education li::before { content: ""; position: absolute; left: 0; top: 0.35em; width: 16px; height: 16px; background: url("/wp-content/themes/generatepress-child/assets/img/author-list-edu.png") no-repeat center / contain; } .author-list-education li strong { display: inline-block; margin-right: 6px; white-space: nowrap; width: 100%; } .author-memberships { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); padding-bottom: 0; margin: 0; } .author-memberships p{ margin-bottom: 0; } .author-memberships:hover { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); transition: all 0.3s cubic-bezier(.25, .8, .25, 1); } .author-memberships h3{ color: #534B6F; font-weight: 700; font-size: 20px; margin-bottom: 0; } .author-memberships-link { margin: 0 !important; padding: 0; } .author-memberships-link a { padding: 10px 15px 10px 25px; font-size: 16px; font-weight: 500; text-decoration: none; color: #222222; display: flex; align-items: center; width: 100%; transition: all 0.3s cubic-bezier(.25,.8,.25,1); } .author-memberships-link a:hover { color: #CCBDB4 !important; background: #EFE4DC; transition: all 0.3s cubic-bezier(.25,.8,.25,1); } .author-memberships-link a::after { content: ''; width: 20px; height: 20px; margin-left: auto; margin-right: 15px; background: url('/wp-content/themes/generatepress-child/assets/img/Arrow-right4.png') no-repeat center / contain; flex-shrink: 0; transition: all 0.3s cubic-bezier(.25,.8,.25,1); } .author-memberships-link a:hover::after { transform: translateX(10px); transition: all 0.3s cubic-bezier(.25,.8,.25,1); } .author-memberships .author-memberships-link:last-of-type a{ border-bottom: none; } h4.no-margin { margin: 0 !important; } .no-underline a { text-decoration: none !important; } .new-link a { color: #CCBDB4 !important; font-weight: 600; } @media screen and (max-width: 768px) { .author-hero img.author-pic { position: relative;bottom: 0; margin: 0 auto;display: block;} h1.author-name {text-align: center;} .author-hero h2 {text-align: center;} .author-hero p{text-align: center;} .author-expertose-grid div{width: auto !important;} .meth-container-header5 h2, .meth-container-header4 h2{line-height: 36px;} h2.author-name {font-size: 24px;} h4.author-role {font-size: 14px; font-weight: 500; color: #575757;} }