/** * Theme-independent legacy Cordy overview layout. * * The plugin adds .cordy-site-custom-about to . Every selector is * scoped to that class so none of these compatibility rules leak elsewhere. */ .cordy-site-custom-about .about_redesign main { padding-top: 40px; } .cordy-site-custom-about .about_redesign > .container { position: relative; width: calc(100% - 32px); max-width: 1120px; margin-right: auto; margin-left: auto; } .cordy-site-custom-about .about_redesign .cordy-about-article { min-width: 0; } .cordy-site-custom-about .about_redesign .article-body { min-width: 0; } .cordy-site-custom-about .about_redesign .article-body img { max-width: 100%; height: auto; } .cordy-site-custom-about .about_redesign .entry-title { position: relative; margin: 16px 0 40px; padding: 8px 16px; border-radius: 4px; background-color: #07770c; color: #ffffff; line-height: 1.5; } .cordy-site-custom-about .about_redesign .entry-title::after { position: absolute; top: 100%; left: 30px; width: 0; height: 0; border: 10px solid transparent; border-top: 15px solid #07770c; content: ""; } .cordy-site-custom-about .about_redesign .out_h3 { margin: 20px 24px 40px; padding: 6px 0 6px 12px; border-bottom: 2px solid #e2e5e8; border-left: 4px solid #07770c; line-height: 1.5; } .cordy-site-custom-about .about_redesign .article-body > h2 { position: relative; margin: 56px 0 40px; padding: 8px 16px; border-radius: 4px; background-color: #07770c; color: #ffffff; font-size: 24px; line-height: 1.5; } .cordy-site-custom-about .about_redesign .article-body > h2::after { position: absolute; top: 100%; left: 30px; width: 0; height: 0; border: 10px solid transparent; border-top: 15px solid #07770c; content: ""; } .cordy-site-custom-about .about_redesign .article-body > .txt, .cordy-site-custom-about .about_redesign .article-body > p, .cordy-site-custom-about .about_redesign .cm_txt, .cordy-site-custom-about .about_redesign .bx_v2 > .tx, .cordy-site-custom-about .about_redesign .bx_v2 > .txt { line-height: 2; } .cordy-site-custom-about .about_redesign .danger-under { border-bottom: 3px solid #ff0029; } .cordy-site-custom-about .about_redesign .aboutre_c3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 20px; margin: 40px 0; } .cordy-site-custom-about .about_redesign .aboutre_c3 .bx { box-sizing: border-box; padding: 20px 20px 0; border: 1px solid #d9e2f0; background: #f8f8f8; } .cordy-site-custom-about .about_redesign .aboutre_c3 .ic { margin-bottom: 10px; text-align: center; line-height: 0; } .cordy-site-custom-about .about_redesign .aboutre_c3 img { display: inline-block; width: auto; height: 100px; margin: 0; } .cordy-site-custom-about .about_redesign .aboutre_c3 .fb { margin-bottom: 5px; font-weight: 700; text-align: center; } .cordy-site-custom-about .about_redesign .aboutre_c3 .txt { text-align: center; line-height: 1.6; } .cordy-site-custom-about .about_redesign .tx_area1 { margin-top: 40px; } .cordy-site-custom-about .about_redesign .tx_area1 > .fb { margin-bottom: 5px; color: #07770c; font-size: 24px; font-weight: 700; } .cordy-site-custom-about .about_redesign .tx_area1 ul { margin: 24px 0 24px 1.5em; } .cordy-site-custom-about .about_redesign .cta { box-sizing: border-box; margin: 40px 0 0; padding: 80px 20px; border-radius: 5px; background-image: var(--cordy-about-cta-background); background-position: center; background-size: cover; color: #ffffff; text-align: center; } .cordy-site-custom-about .about_redesign .cta > .fb { margin-bottom: 10px; font-size: 30px; font-weight: 700; line-height: 1; } .cordy-site-custom-about .about_redesign .cta > .fb i { font-size: 18px; font-style: normal; } .cordy-site-custom-about .about_redesign .btn_c2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 40px; max-width: 550px; margin: 40px auto 0; } .cordy-site-custom-about .about_redesign .btn_c2 a, .cordy-site-custom-about .about_redesign .btn_c3 a { display: grid; place-content: center; box-sizing: border-box; min-width: 0; padding: 16px; border: 1px solid #ffffff; color: #ffffff !important; text-decoration: none !important; transition: background-color 0.3s ease, opacity 0.3s ease; backdrop-filter: blur(10px); } .cordy-site-custom-about .about_redesign .btn_c2 a:hover, .cordy-site-custom-about .about_redesign .btn_c2 a:focus-visible, .cordy-site-custom-about .about_redesign .btn_c3 a:hover, .cordy-site-custom-about .about_redesign .btn_c3 a:focus-visible { background-color: #07770c; } .cordy-site-custom-about .about_redesign .btn_c2 .tell { pointer-events: none; } .cordy-site-custom-about .about_redesign .btn_c2 .tell i { display: block; font-size: 20px; font-style: normal; } .cordy-site-custom-about .about_redesign .cta2 { padding: 200px 20px 40px; background-image: var(--cordy-about-cases-background); background-position: top center; } .cordy-site-custom-about .about_redesign .btn_c3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 40px; max-width: 800px; margin: 0 auto; } .cordy-site-custom-about .about_redesign .tags4 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 60px 0; } .cordy-site-custom-about .about_redesign .tags4 > div { box-sizing: border-box; padding: 20px; border: 1px solid #d9e2f0; background: #f8f8f8; font-weight: 700; text-align: center; } .cordy-site-custom-about .about_redesign .tags4 i { display: inline-block; padding-left: 24px; background-image: var(--cordy-about-check-icon); background-position: center left; background-size: 18px auto; background-repeat: no-repeat; font-style: normal; } .cordy-site-custom-about .about_redesign .bx_v2 { margin-top: 40px; } .cordy-site-custom-about .about_redesign .bx_v2 > .fb { margin-bottom: 10px; color: #07770c; font-size: 24px; font-weight: 700; } .cordy-site-custom-about .about_redesign .bx_v2 .mn { display: flex; justify-content: flex-start; box-sizing: border-box; margin-top: 20px; padding: 20px; border: 1px solid #d9e2f0; } .cordy-site-custom-about .about_redesign .bx_v2 .mn p { margin-bottom: 0; font-size: 14px; } .cordy-site-custom-about .about_redesign .bx_v2 .mn .tll { min-width: 115px; } .cordy-site-custom-about .about_redesign .img-c2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; max-width: 660px; margin: 40px auto; } .cordy-site-custom-about .about_redesign .img-c2 .im { min-width: 0; } .cordy-site-custom-about .about_redesign .img-c2 img, .cordy-site-custom-about .about_redesign .img-c2 .sc2-table { width: 100%; margin: 0; } .cordy-site-custom-about .about_redesign .img-c2 .sc2-table th, .cordy-site-custom-about .about_redesign .img-c2 .sc2-table td { padding: 12px; } .cordy-site-custom-about .about_redesign .bx-v2 { margin: 60px auto 0; } .cordy-site-custom-about .about_redesign .bx-v2 .out_h3 { margin: 24px auto; } .cordy-site-custom-about .about_redesign .bx-v2 .link3 { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px 0; margin-bottom: 30px; } .cordy-site-custom-about .about_redesign .bx-v2 .link3 a { min-width: 0; color: #000000 !important; overflow-wrap: anywhere; } .cordy-site-custom-about .about_redesign .bx-v2 .case-index { margin: 0; text-align: center; } .cordy-site-custom-about .about_redesign .bx-v2 .case-index a { display: block; max-width: 400px; margin: 0 auto; transition: opacity 0.3s ease; } .cordy-site-custom-about .about_redesign .bx-v2 .case-index a:hover, .cordy-site-custom-about .about_redesign .bx-v2 .case-index a:focus-visible { opacity: 0.6; } .cordy-site-custom-about .about_redesign .bx-v2 .case-index img { display: block; width: 100%; margin: 0; } .cordy-site-custom-about .about_redesign .about-inline-banners { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 60px 0 0; } .cordy-site-custom-about .about_redesign .about-inline-banners a, .cordy-site-custom-about .about_redesign .about-inline-banners img { display: block; width: 100%; min-width: 0; margin: 0; padding: 0; } .cordy-site-custom-about .about_redesign .about-inline-banners__tel { pointer-events: none; } @media (max-width: 767px) { .cordy-site-custom-about .about_redesign > .container { width: 100%; } .cordy-site-custom-about .about_redesign main { padding: 30px 16px; } .cordy-site-custom-about .about_redesign .article-header, .cordy-site-custom-about .about_redesign .article-body { padding-right: 0; padding-left: 0; } .cordy-site-custom-about .about_redesign .entry-title { font-size: 24px; } .cordy-site-custom-about .about_redesign .out_h3 { margin: 20px 0 32px; font-size: 18px; } .cordy-site-custom-about .about_redesign .article-body > h2 { font-size: 20px; } .cordy-site-custom-about .about_redesign .aboutre_c3 { grid-template-columns: minmax(0, 1fr); gap: 20px 0; } .cordy-site-custom-about .about_redesign .tx_area1 > .fb, .cordy-site-custom-about .about_redesign .bx_v2 > .fb { font-size: 20px; } .cordy-site-custom-about .about_redesign .cta { padding: 56px 16px; } .cordy-site-custom-about .about_redesign .cta > .fb { font-size: 26px; } .cordy-site-custom-about .about_redesign .btn_c2, .cordy-site-custom-about .about_redesign .btn_c3 { grid-template-columns: minmax(0, 1fr); gap: 8px 0; width: 90%; margin: 24px auto 0; } .cordy-site-custom-about .about_redesign .btn_c2 .tell, .cordy-site-custom-about .about_redesign .about-inline-banners__tel { pointer-events: auto; } .cordy-site-custom-about .about_redesign .cta2 { padding: 180px 16px 32px; } .cordy-site-custom-about .about_redesign .cta2 .btn_c3 { margin-top: 0; } .cordy-site-custom-about .about_redesign .tags4 { grid-template-columns: minmax(0, 1fr); gap: 20px 0; } .cordy-site-custom-about .about_redesign .bx_v2 .mn { display: block; } .cordy-site-custom-about .about_redesign .bx_v2 .mn .tll { min-width: 0; margin-bottom: 8px; } .cordy-site-custom-about .about_redesign .img-c2 { grid-template-columns: minmax(0, 1fr); gap: 16px 0; max-width: 80%; margin: 30px auto; } .cordy-site-custom-about .about_redesign .bx-v2 { margin-top: 40px; } .cordy-site-custom-about .about_redesign .about-inline-banners { grid-template-columns: minmax(0, 1fr); gap: 16px 0; max-width: 500px; margin-right: auto; margin-left: auto; } }