@charset "UTF-8"; .btn-action, form .btn-primary, form .form-submit, .crm-container form .btn-primary, .crm-container form .form-submit, .crm-container-md form .btn-primary, .crm-container-md form .form-submit, .crm-container button, .crm-container input[type="button"], .crm-container .button, .crm-container a.button:link, .crm-container a.button:visited, .crm-container .form-submit, .crm-button-type-upload button, .crm-button-type-upload input[type="button"], .crm-button-type-upload .button, .crm-button-type-upload a.button:link, .crm-button-type-upload a.button:visited, .crm-button-type-upload .form-submit, .crm-button-type-next .form-submit, .crm-button-type-done .form-submit, .crm-container .form-submit[name*=_upload_], .crm-container #register-me, .crm-container a.button.crm-register-button, .crm-container .crm-event-info-form-block .register_link-top a.crm-register-button, .crm-container .crm-event-info-form-block .register_link-section a.crm-register-button, .crm-container .crm-event-info-form-block .action-link a.crm-register-button:last-child, .view-subject-parent .views-field-view-taxonomy-term a, .view-subject-children .views-field-view-taxonomy-term a, .view-project-event .views-field-event-links a, a.btn-action, form a.btn-primary, form a.form-submit, .crm-container form a.btn-primary, .crm-container-md form a.btn-primary, .crm-container-md form a.form-submit, .crm-container a.button, .crm-container a.button:link, .crm-container a.button:visited, .crm-container a.form-submit, .crm-button-type-upload a.button, .crm-button-type-upload a.button:link, .crm-button-type-upload a.button:visited, .crm-button-type-upload a.form-submit, .crm-button-type-next a.form-submit, .crm-button-type-done a.form-submit, .crm-container a.form-submit[name*=_upload_], .crm-container a#register-me, .crm-container a.button.crm-register-button, .crm-container .crm-event-info-form-block .register_link-top a.crm-register-button, .crm-container .crm-event-info-form-block .register_link-section a.crm-register-button, .crm-container .crm-event-info-form-block .action-link a.crm-register-button:last-child, .view-subject-parent .views-field-view-taxonomy-term a, .view-subject-children .views-field-view-taxonomy-term a, .view-project-event .views-field-event-links a, .sortableviews-save-changes .button--primary { display: flex; justify-content: space-between; align-items: center; padding: 8px; min-width: 150px; color: #FFFFFF; background: #E60012; border: 1px solid #E60012; border-radius: 100px; font-size: 14px; font-weight: 500; line-height: 1.3; } .btn-action.active, form .active.btn-primary, form .active.form-submit, .crm-container button.active, .crm-container input.active[type="button"], .crm-container .active.button, .crm-container a.active.button:link, .crm-container a.active.button:visited, .crm-container .active.form-submit, .crm-button-type-upload button.active, .crm-button-type-upload input.active[type="button"], .crm-button-type-upload .active.button, .crm-button-type-upload a.active.button:link, .crm-button-type-upload a.active.button:visited, .crm-button-type-upload .active.form-submit, .crm-button-type-next .active.form-submit, .crm-button-type-done .active.form-submit, .crm-container .active#register-me, .crm-container a.active.button.crm-register-button, .crm-container .crm-event-info-form-block .register_link-top a.active.crm-register-button, .crm-container .crm-event-info-form-block .register_link-section a.active.crm-register-button, .crm-container .crm-event-info-form-block .action-link a.active.crm-register-button:last-child, .view-subject-parent .views-field-view-taxonomy-term a.active, .view-subject-children .views-field-view-taxonomy-term a.active, .view-project-event .views-field-event-links a.active, .btn-action:hover, form .btn-primary:hover, form .form-submit:hover, .crm-container button:hover, .crm-container input[type="button"]:hover, .crm-container .button:hover, .crm-container a.button:hover:link, .crm-container a.button:hover:visited, .crm-container .form-submit:hover, .crm-button-type-upload button:hover, .crm-button-type-upload input[type="button"]:hover, .crm-button-type-upload .button:hover, .crm-button-type-upload a.button:hover:link, .crm-button-type-upload a.button:hover:visited, .crm-button-type-upload .form-submit:hover, .crm-button-type-next .form-submit:hover, .crm-button-type-done .form-submit:hover, .crm-container #register-me:hover, .crm-container a.button.crm-register-button:hover, .crm-container .crm-event-info-form-block .register_link-top a.crm-register-button:hover, .crm-container .crm-event-info-form-block .register_link-section a.crm-register-button:hover, .crm-container .crm-event-info-form-block .action-link a.crm-register-button:hover:last-child, .view-subject-parent .views-field-view-taxonomy-term a:hover, .view-subject-children .views-field-view-taxonomy-term a:hover, .view-project-event .views-field-event-links a:hover, .btn-action:active, form .btn-primary:active, form .form-submit:active, .crm-container button:active, .crm-container input[type="button"]:active, .crm-container .button:active, .crm-container a.button:active:link, .crm-container a.button:active:visited, .crm-container .form-submit:active, .crm-button-type-upload button:active, .crm-button-type-upload input[type="button"]:active, .crm-button-type-upload .button:active, .crm-button-type-upload a.button:active:link, .crm-button-type-upload a.button:active:visited, .crm-button-type-upload .form-submit:active, .crm-button-type-next .form-submit:active, .crm-button-type-done .form-submit:active, .crm-container #register-me:active, .crm-container a.button.crm-register-button:active, .crm-container .crm-event-info-form-block .register_link-top a.crm-register-button:active, .crm-container .crm-event-info-form-block .register_link-section a.crm-register-button:active, .crm-container .crm-event-info-form-block .action-link a.crm-register-button:active:last-child, .view-subject-parent .views-field-view-taxonomy-term a:active, .view-subject-children .views-field-view-taxonomy-term a:active, .view-project-event .views-field-event-links a:active, a.btn-action.active, form a.active.btn-primary, form a.active.form-submit, .crm-container a.active.button, .crm-container a.active.form-submit, .crm-button-type-upload a.active.button, .crm-button-type-upload a.active.form-submit, .crm-button-type-next a.active.form-submit, .crm-button-type-done a.active.form-submit, .crm-container a.active#register-me, .crm-container .crm-event-info-form-block .register_link-top a.active.crm-register-button, .crm-container .crm-event-info-form-block .register_link-section a.active.crm-register-button, .crm-container .crm-event-info-form-block .action-link a.active.crm-register-button:last-child, .view-subject-parent .views-field-view-taxonomy-term a.active, .view-subject-children .views-field-view-taxonomy-term a.active, .view-project-event .views-field-event-links a.active, a.btn-action:hover, form a.btn-primary:hover, form a.form-submit:hover, .crm-container a.button:hover, .crm-container a.form-submit:hover, .crm-button-type-upload a.button:hover, .crm-button-type-upload a.form-submit:hover, .crm-button-type-next a.form-submit:hover, .crm-button-type-done a.form-submit:hover, .crm-container a#register-me:hover, .crm-container .crm-event-info-form-block .register_link-top a.crm-register-button:hover, .crm-container .crm-event-info-form-block .register_link-section a.crm-register-button:hover, .crm-container .crm-event-info-form-block .action-link a.crm-register-button:hover:last-child, .view-subject-parent .views-field-view-taxonomy-term a:hover, .view-subject-children .views-field-view-taxonomy-term a:hover, .view-project-event .views-field-event-links a:hover, a.btn-action:active, form a.btn-primary:active, form a.form-submit:active, .crm-container a.button:active, .crm-container a.form-submit:active, .crm-button-type-upload a.button:active, .crm-button-type-upload a.form-submit:active, .crm-button-type-next a.form-submit:active, .crm-button-type-done a.form-submit:active, .crm-container a#register-me:active, .crm-container .crm-event-info-form-block .register_link-top a.crm-register-button:active, .crm-container .crm-event-info-form-block .register_link-section a.crm-register-button:active, .crm-container .crm-event-info-form-block .action-link a.crm-register-button:active:last-child, .view-subject-parent .views-field-view-taxonomy-term a:active, .view-subject-children .views-field-view-taxonomy-term a:active, .view-project-event .views-field-event-links a:active, .sortableviews-save-changes .button--primary.active, .sortableviews-save-changes .button--primary:hover, .sortableviews-save-changes .button--primary:active { color: #000000; background: #FFFFFF; border-color: #000000; } .btn-action.active:after, form .active.btn-primary:after, form .active.form-submit:after, .crm-container button.active:after, .crm-container input.active[type="button"]:after, .crm-container .active.button:after, .crm-container .active.form-submit:after, .crm-button-type-upload button.active:after, .crm-button-type-upload input.active[type="button"]:after, .crm-button-type-upload .active.button:after, .crm-button-type-upload .active.form-submit:after, .crm-button-type-next .active.form-submit:after, .crm-button-type-done .active.form-submit:after, .crm-container .active#register-me:after, .crm-container .crm-event-info-form-block .register_link-top a.active.crm-register-button:after, .crm-container .crm-event-info-form-block .register_link-section a.active.crm-register-button:after, .crm-container .crm-event-info-form-block .action-link a.active.crm-register-button:last-child:after, .view-subject-parent .views-field-view-taxonomy-term a.active:after, .view-subject-children .views-field-view-taxonomy-term a.active:after, .view-project-event .views-field-event-links a.active:after, .btn-action:hover:after, form .btn-primary:hover:after, form .form-submit:hover:after, .crm-container button:hover:after, .crm-container input[type="button"]:hover:after, .crm-container .button:hover:after, .crm-container .form-submit:hover:after, .crm-button-type-upload button:hover:after, .crm-button-type-upload input[type="button"]:hover:after, .crm-button-type-upload .button:hover:after, .crm-button-type-upload .form-submit:hover:after, .crm-button-type-next .form-submit:hover:after, .crm-button-type-done .form-submit:hover:after, .crm-container #register-me:hover:after, .crm-container .crm-event-info-form-block .register_link-top a.crm-register-button:hover:after, .crm-container .crm-event-info-form-block .register_link-section a.crm-register-button:hover:after, .crm-container .crm-event-info-form-block .action-link a.crm-register-button:last-child:hover:after, .view-subject-parent .views-field-view-taxonomy-term a:hover:after, .view-subject-children .views-field-view-taxonomy-term a:hover:after, .view-project-event .views-field-event-links a:hover:after, .btn-action:active:after, form .btn-primary:active:after, form .form-submit:active:after, .crm-container button:active:after, .crm-container input[type="button"]:active:after, .crm-container .button:active:after, .crm-container .form-submit:active:after, .crm-button-type-upload button:active:after, .crm-button-type-upload input[type="button"]:active:after, .crm-button-type-upload .button:active:after, .crm-button-type-upload .form-submit:active:after, .crm-button-type-next .form-submit:active:after, .crm-button-type-done .form-submit:active:after, .crm-container #register-me:active:after, .crm-container .crm-event-info-form-block .register_link-top a.crm-register-button:active:after, .crm-container .crm-event-info-form-block .register_link-section a.crm-register-button:active:after, .crm-container .crm-event-info-form-block .action-link a.crm-register-button:last-child:active:after, .view-subject-parent .views-field-view-taxonomy-term a:active:after, .view-subject-children .views-field-view-taxonomy-term a:active:after, .view-project-event .views-field-event-links a:active:after, a.btn-action.active:after, form a.active.btn-primary:after, form a.active.form-submit:after, .crm-container a.active.button:after, .crm-container a.active.form-submit:after, .crm-button-type-upload a.active.button:after, .crm-button-type-upload a.active.form-submit:after, .crm-button-type-next a.active.form-submit:after, .crm-button-type-done a.active.form-submit:after, .crm-container a.active#register-me:after, .crm-container .crm-event-info-form-block .register_link-top a.active.crm-register-button:after, .crm-container .crm-event-info-form-block .register_link-section a.active.crm-register-button:after, .crm-container .crm-event-info-form-block .action-link a.active.crm-register-button:last-child:after, .view-subject-parent .views-field-view-taxonomy-term a.active:after, .view-subject-children .views-field-view-taxonomy-term a.active:after, .view-project-event .views-field-event-links a.active:after, a.btn-action:hover:after, form a.btn-primary:hover:after, form a.form-submit:hover:after, .crm-container a.button:hover:after, .crm-container a.form-submit:hover:after, .crm-button-type-upload a.button:hover:after, .crm-button-type-upload a.form-submit:hover:after, .crm-button-type-next a.form-submit:hover:after, .crm-button-type-done a.form-submit:hover:after, .crm-container a#register-me:hover:after, .crm-container .crm-event-info-form-block .register_link-top a.crm-register-button:hover:after, .crm-container .crm-event-info-form-block .register_link-section a.crm-register-button:hover:after, .crm-container .crm-event-info-form-block .action-link a.crm-register-button:last-child:hover:after, .view-subject-parent .views-field-view-taxonomy-term a:hover:after, .view-subject-children .views-field-view-taxonomy-term a:hover:after, .view-project-event .views-field-event-links a:hover:after, a.btn-action:active:after, form a.btn-primary:active:after, form a.form-submit:active:after, .crm-container a.button:active:after, .crm-container a.form-submit:active:after, .crm-button-type-upload a.button:active:after, .crm-button-type-upload a.form-submit:active:after, .crm-button-type-next a.form-submit:active:after, .crm-button-type-done a.form-submit:active:after, .crm-container a#register-me:active:after, .crm-container .crm-event-info-form-block .register_link-top a.crm-register-button:active:after, .crm-container .crm-event-info-form-block .register_link-section a.crm-register-button:active:after, .crm-container .crm-event-info-form-block .action-link a.crm-register-button:last-child:active:after, .view-subject-parent .views-field-view-taxonomy-term a:active:after, .view-subject-children .views-field-view-taxonomy-term a:active:after, .view-project-event .views-field-event-links a:active:after, .sortableviews-save-changes .button--primary.active:after, .sortableviews-save-changes .button--primary:hover:after, .sortableviews-save-changes .button--primary:active:after { background-image: url("/themes/custom/kingcar_theme/images/icon-btn-h.png"); } .btn-action:after, form .btn-primary:after, form .form-submit:after, .crm-container form .btn-primary:after, .crm-container-md form .btn-primary:after, .crm-container-md form .form-submit:after, .crm-container button:after, .crm-container input[type="button"]:after, .crm-container .button:after, .crm-container a.button:link:after, .crm-container a.button:visited:after, .crm-container .form-submit:after, .crm-button-type-upload button:after, .crm-button-type-upload input[type="button"]:after, .crm-button-type-upload .button:after, .crm-button-type-upload a.button:link:after, .crm-button-type-upload a.button:visited:after, .crm-button-type-upload .form-submit:after, .crm-button-type-next .form-submit:after, .crm-button-type-done .form-submit:after, .crm-container .form-submit[name*=_upload_]:after, .crm-container #register-me:after, .crm-container a.button.crm-register-button:after, .crm-container .crm-event-info-form-block .register_link-top a.crm-register-button:after, .crm-container .crm-event-info-form-block .register_link-section a.crm-register-button:after, .crm-container .crm-event-info-form-block .action-link a.crm-register-button:last-child:after, .view-subject-parent .views-field-view-taxonomy-term a:after, .view-subject-children .views-field-view-taxonomy-term a:after, .view-project-event .views-field-event-links a:after, a.btn-action:after, form a.btn-primary:after, form a.form-submit:after, .crm-container form a.btn-primary:after, .crm-container-md form a.btn-primary:after, .crm-container-md form a.form-submit:after, .crm-container a.button:after, .crm-container a.button:link:after, .crm-container a.button:visited:after, .crm-container a.form-submit:after, .crm-button-type-upload a.button:after, .crm-button-type-upload a.button:link:after, .crm-button-type-upload a.button:visited:after, .crm-button-type-upload a.form-submit:after, .crm-button-type-next a.form-submit:after, .crm-button-type-done a.form-submit:after, .crm-container a.form-submit[name*=_upload_]:after, .crm-container a#register-me:after, .crm-container a.button.crm-register-button:after, .crm-container .crm-event-info-form-block .register_link-top a.crm-register-button:after, .crm-container .crm-event-info-form-block .register_link-section a.crm-register-button:after, .crm-container .crm-event-info-form-block .action-link a.crm-register-button:last-child:after, .view-subject-parent .views-field-view-taxonomy-term a:after, .view-subject-children .views-field-view-taxonomy-term a:after, .view-project-event .views-field-event-links a:after, .sortableviews-save-changes .button--primary:after { content: " "; display: inline-block; width: 20px; height: 20px; margin-left: 8px; background-image: url("/themes/custom/kingcar_theme/images/icon-btn.png"); background-size: 20px 20px; background-position: center; } .btn-more, a.btn-more { display: flex; justify-content: space-between; align-items: center; padding: 8px; width: fit-content; min-width: 150px; color: #1A1A1A; border: 1px solid #1A1A1A; border-radius: 100px; font-size: 14px; font-weight: 500; line-height: 1.3; } .btn-more.active, .btn-more:hover, .btn-more:active, a.btn-more.active, a.btn-more:hover, a.btn-more:active { color: #1A1A1A; border: 1px solid #1A1A1A; } .btn-more:after, a.btn-more:after { content: " "; display: inline-block; width: 20px; height: 20px; margin-left: 8px; background-image: url("/themes/custom/kingcar_theme/images/icon-btn-h.png"); background-position: center; } .btn-back, a.btn-back { display: flex; align-items: center; font-size: 28px; line-height: 1.3; color: #1A1A1A; } @media screen and (min-width: 1200px) { .btn-back, a.btn-back { font-size: 32px; } } .btn-back:before, a.btn-back:before { content: " "; display: inline-block; width: 30px; height: 30px; margin-right: 24px; background-image: url("/themes/custom/kingcar_theme/images/icon-back.png"); background-position: center; background-size: 30px 30px; } @media screen and (min-width: 1200px) { .btn-back:before, a.btn-back:before { width: 40px; height: 40px; background-size: 40px 40px; } } .section-header { display: flex; justify-content: space-between; align-items: flex-start; } .section-header .section-title h3 { font-size: 40px; font-weight: 500; line-height: 1.2; } @media screen and (min-width: 1200px) { .section-header .section-title h3 { font-size: 70px; } } .section-header .section-title h4 { font-size: 18px; font-weight: 700; line-height: 1.3; } @media screen and (min-width: 1200px) { .section-header .section-title h4 { font-size: 24px; } } .tab-list, #block-kingcar-theme-zhuxuandan { position: relative; overflow: hidden; height: 43px; margin: 40px 0; } @media screen and (min-width: 768px) { .tab-list, #block-kingcar-theme-zhuxuandan { height: 45px; } } .tab-list .block-inner, #block-kingcar-theme-zhuxuandan .block-inner { display: flex; flex-wrap: nowrap; overflow-x: scroll; height: 85px; } .tab-list ul.navbar-nav, #block-kingcar-theme-zhuxuandan ul.navbar-nav { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; border-top: 1px solid #1A1A1A; min-width: 100%; } @media screen and (min-width: 992px) { .tab-list ul.navbar-nav, #block-kingcar-theme-zhuxuandan ul.navbar-nav { justify-content: flex-end; } } .tab-list a.nav-link, #block-kingcar-theme-zhuxuandan a.nav-link { position: relative; top: -1px; display: inline-block; padding: 24px 16px 0; border-top: 1px solid #1A1A1A; font-size: 18px; line-height: 18px; color: #1A1A1A; word-break: keep-all; white-space: nowrap; } @media screen and (min-width: 768px) { .tab-list a.nav-link, #block-kingcar-theme-zhuxuandan a.nav-link { padding-right: 30px; padding-left: 30px; font-size: 20px; line-height: 20px; } } .tab-list a.nav-link.active, .tab-list a.nav-link:hover, .tab-list a.nav-link:active, #block-kingcar-theme-zhuxuandan a.nav-link.active, #block-kingcar-theme-zhuxuandan a.nav-link:hover, #block-kingcar-theme-zhuxuandan a.nav-link:active { color: #E60012; padding-top: 22px; border-top: 3px solid #E60012; } .news-list { background: #D9D9D9; border-radius: 30px; padding: 30px 24px; } @media screen and (min-width: 1200px) { .news-list { border-radius: 42px; padding: 50px; } } .news-list .view-content { margin-right: 0; margin-left: 0; } @media screen and (min-width: 1200px) { .news-list .view-content { padding-left: 203px; } } .news-list .views-row { position: relative; padding: 16px 32px 16px 0; color: #1A1A1A; border-bottom: 1px solid #1A1A1A; } @media screen and (min-width: 1200px) { .news-list .views-row { padding: 32px 42px 32px 0; } } .news-list .views-field-created { font-size: 28px; line-height: 1.17; } @media screen and (min-width: 1200px) { .news-list .views-field-created { font-size: 32px; } } .news-list .views-field-title { font-size: 16px; font-weight: 500; line-height: 1.56; } @media screen and (min-width: 1200px) { .news-list .views-field-title { font-size: 21px; } } .news-list .views-field-view-node a { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; width: 23px; height: 23px; background-image: url("/themes/custom/kingcar_theme/images/icon-right.png"); background-size: 23px 23px; background-position: center; text-indent: -9999px; } @media screen and (min-width: 1200px) { .news-list .views-field-view-node a { width: 33px; height: 33px; background-size: 33px 33px; } } .scroll-list { border: 1px solid #1A1A1A; border-radius: 20px; padding: 30px; } @media screen and (min-width: 768px) { .scroll-list { border-radius: 40px; } } @media screen and (min-width: 1200px) { .scroll-list { padding: 50px; } } .scroll-list .view-inner { position: relative; } @media screen and (min-width: 768px) { .scroll-list .view-inner { display: block; overflow: hidden; height: 36px; } } @media screen and (min-width: 1200px) { .scroll-list .view-inner { height: 338px; } } .scroll-list .view-toggle { display: none; } @media screen and (min-width: 1200px) { .scroll-list .view-toggle { display: flex; position: absolute; top: 0; right: 0; } } .scroll-list .view-toggle .view-toggle-up, .scroll-list .view-toggle .view-toggle-down { width: 30px; height: 30px; padding: 0; text-indent: -9999px; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 30px 30px; border: 1px solid #1A1A1A; border-radius: 50%; cursor: pointer; } .scroll-list .view-toggle .view-toggle-up { background-image: url("/themes/custom/kingcar_theme/images/icon-up.png"); } .scroll-list .view-toggle .view-toggle-up.disabled { background-image: url("/themes/custom/kingcar_theme/images/icon-up-disable.png"); } .scroll-list .view-toggle .view-toggle-down { margin-left: 8px; background-image: url("/themes/custom/kingcar_theme/images/icon-down.png"); } .scroll-list .view-toggle .view-toggle-down.disabled { background-image: url("/themes/custom/kingcar_theme/images/icon-down-disable.png"); } .scroll-list .scroll-list-current { font-size: 28px; line-height: 36.4px; color: #E60012; cursor: pointer; background-image: url("/themes/custom/kingcar_theme/images/icon-select.png"); background-repeat: no-repeat; background-position: right center; background-size: 28px auto; } @media screen and (min-width: 768px) { .scroll-list .scroll-list-current { display: none; } } .scroll-list .view-content { display: none; margin: 0; } .scroll-list .view-content.show { display: block; } @media screen and (min-width: 768px) { .scroll-list .view-content { display: flex; overflow-x: scroll; overflow-y: hidden; flex-wrap: nowrap; } } @media screen and (min-width: 1200px) { .scroll-list .view-content { overflow-x: hidden; overflow-y: scroll; flex-direction: column; width: 110%; height: 100%; } } .scroll-list .views-row { padding: 3px 0; } @media screen and (min-width: 768px) { .scroll-list .views-row { width: auto; padding: 0 16px; } } @media screen and (min-width: 1200px) { .scroll-list .views-row { width: 100%; padding: 16px 0; } .scroll-list .views-row:first-child { padding-top: 0; } .scroll-list .views-row:last-child { padding-bottom: 0; } } .scroll-list .views-row a { font-size: 28px; line-height: 36.4px; color: #1A1A1A; } @media screen and (min-width: 768px) { .scroll-list .views-row a { font-size: 32px; line-height: 42px; } } .scroll-list .views-row a.active { color: #E60012; } .project-list, .view-subject-parent .project-list, .view-subject-children .project-list { position: relative; } .project-list .view-inner, .view-subject-parent .project-list .view-inner, .view-subject-children .project-list .view-inner { display: flex; flex-direction: column; } .project-list .pagination, .view-subject-parent .project-list .pagination, .view-subject-children .project-list .pagination { margin: 0; justify-content: flex-start; padding-bottom: 40px; } @media screen and (min-width: 768px) { .project-list .pagination, .view-subject-parent .project-list .pagination, .view-subject-children .project-list .pagination { position: absolute; top: -30px; right: 0; justify-content: flex-end; padding-bottom: 0; } } .project-list .view-content, .view-subject-parent .project-list .view-content, .view-subject-children .project-list .view-content { order: 1; display: flex; flex-direction: column; align-items: center; margin: 0; } @media screen and (min-width: 768px) { .project-list .view-content, .view-subject-parent .project-list .view-content, .view-subject-children .project-list .view-content { flex-direction: row; align-items: flex-start; justify-content: flex-start; } } .project-list .views-row, .view-subject-parent .project-list .views-row, .view-subject-children .project-list .views-row { padding-bottom: 40px; padding-right: 0; padding-left: 0; color: #1A1A1A; display: flex; justify-content: center; } @media screen and (min-width: 768px) { .project-list .views-row, .view-subject-parent .project-list .views-row, .view-subject-children .project-list .views-row { width: 50%; padding-bottom: 80px; } .project-list .views-row:nth-child(odd), .view-subject-parent .project-list .views-row:nth-child(odd), .view-subject-children .project-list .views-row:nth-child(odd) { padding-right: 20px; } .project-list .views-row:nth-child(even), .view-subject-parent .project-list .views-row:nth-child(even), .view-subject-children .project-list .views-row:nth-child(even) { padding-left: 20px; } .project-list .views-row:nth-last-child(2), .project-list .views-row:last-child, .view-subject-parent .project-list .views-row:nth-last-child(2), .view-subject-parent .project-list .views-row:last-child, .view-subject-children .project-list .views-row:nth-last-child(2), .view-subject-children .project-list .views-row:last-child { padding-bottom: 0; } } @media screen and (min-width: 1200px) { .project-list .views-row, .view-subject-parent .project-list .views-row, .view-subject-children .project-list .views-row { width: 25%; } .project-list .views-row:nth-child(4n+1), .view-subject-parent .project-list .views-row:nth-child(4n+1), .view-subject-children .project-list .views-row:nth-child(4n+1) { padding-right: 30px; } .project-list .views-row:nth-child(4n+2), .view-subject-parent .project-list .views-row:nth-child(4n+2), .view-subject-children .project-list .views-row:nth-child(4n+2) { padding-left: 10px; padding-right: 20px; } .project-list .views-row:nth-child(4n+3), .view-subject-parent .project-list .views-row:nth-child(4n+3), .view-subject-children .project-list .views-row:nth-child(4n+3) { padding-left: 20px; padding-right: 10px; } .project-list .views-row:nth-child(4n+4), .view-subject-parent .project-list .views-row:nth-child(4n+4), .view-subject-children .project-list .views-row:nth-child(4n+4) { padding-left: 30px; } .project-list .views-row:nth-last-child(4), .project-list .views-row:nth-last-child(3), .project-list .views-row:nth-last-child(2), .project-list .views-row:last-child, .view-subject-parent .project-list .views-row:nth-last-child(4), .view-subject-parent .project-list .views-row:nth-last-child(3), .view-subject-parent .project-list .views-row:nth-last-child(2), .view-subject-parent .project-list .views-row:last-child, .view-subject-children .project-list .views-row:nth-last-child(4), .view-subject-children .project-list .views-row:nth-last-child(3), .view-subject-children .project-list .views-row:nth-last-child(2), .view-subject-children .project-list .views-row:last-child { padding-bottom: 0; } } .project-list .views-row a, .view-subject-parent .project-list .views-row a, .view-subject-children .project-list .views-row a { color: #1A1A1A; } .project-list .views-row:last-child, .view-subject-parent .project-list .views-row:last-child, .view-subject-children .project-list .views-row:last-child { padding-bottom: 0; } .project-list .views-row .views-row-inner, .view-subject-parent .project-list .views-row .views-row-inner, .view-subject-children .project-list .views-row .views-row-inner { background: transparent; border-radius: 0; padding: 0; max-width: 400px; } @media screen and (min-width: 768px) { .project-list .views-row .views-row-inner, .view-subject-parent .project-list .views-row .views-row-inner, .view-subject-children .project-list .views-row .views-row-inner { border-radius: 0; padding: 0; } } .project-list .views-field-field-kv, .project-list .views-field-field-kv-square, .view-subject-parent .project-list .views-field-field-kv, .view-subject-parent .project-list .views-field-field-kv-square, .view-subject-children .project-list .views-field-field-kv, .view-subject-children .project-list .views-field-field-kv-square { display: flex; justify-content: center; } .project-list .views-field-field-kv img, .project-list .views-field-field-kv-square img, .view-subject-parent .project-list .views-field-field-kv img, .view-subject-parent .project-list .views-field-field-kv-square img, .view-subject-children .project-list .views-field-field-kv img, .view-subject-children .project-list .views-field-field-kv-square img { border-radius: 20px; } .project-list .fieldset-date, .view-subject-parent .project-list .fieldset-date, .view-subject-children .project-list .fieldset-date { display: flex; padding-top: 16px; } .project-list .fieldset-date .views-field-field-date-1, .view-subject-parent .project-list .fieldset-date .views-field-field-date-1, .view-subject-children .project-list .fieldset-date .views-field-field-date-1 { display: flex; } .project-list .fieldset-date .views-field-field-date-1:before, .view-subject-parent .project-list .fieldset-date .views-field-field-date-1:before, .view-subject-children .project-list .fieldset-date .views-field-field-date-1:before { display: block; padding: 0 5px; content: "-"; } .project-list .views-field-title, .view-subject-parent .project-list .views-field-title, .view-subject-children .project-list .views-field-title { padding-top: 16px; font-weight: 700; font-size: 24px; line-height: 31.2px; } .faq-list .view-inner { background: #F0F0F0; border-radius: 20px; padding: 0 24px; } @media screen and (min-width: 768px) { .faq-list .view-inner { padding: 26px 50px; } } .faq-list .view-content { margin: 0; } .faq-list .views-row { padding: 24px 0; border-bottom: 1px solid rgba(149, 149, 149, 0.5); } .faq-list .views-row:last-child { border-bottom: none; } .faq-list .views-row.show .fieldset-title { background-image: url("/themes/custom/kingcar_theme/images/icon-close.png"); } .faq-list .fieldset-title { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; cursor: pointer; padding-right: 35px; min-height: 30px; background-image: url("/themes/custom/kingcar_theme/images/icon-open.png"); background-repeat: no-repeat; background-position: right center; background-size: 30px 30px; } @media screen and (min-width: 768px) { .faq-list .fieldset-title { padding-right: 45px; min-height: 40px; background-size: 40px 40px; } } .faq-list .views-field-title { font-size: 20px; font-weight: 700; line-height: 26px; } @media screen and (min-width: 768px) { .faq-list .views-field-title { font-size: 24px; line-height: 31.2px; } } .faq-list .views-field-title .field-content { display: block; height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media screen and (min-width: 768px) { .faq-list .views-field-title .field-content { height: 31.2px; } } .faq-list .views-field-field-display-date, .faq-list .views-field-created { padding-top: 16px; color: #959595; } @media screen and (min-width: 768px) { .faq-list .views-field-field-display-date, .faq-list .views-field-created { font-size: 16px; line-height: 24px; } } .faq-list .views-field-body { font-size: 16px; color: #3C3C3C; height: 0; transition: height 0.5s ease; overflow: hidden; } .faq-list .views-field-body p { font-size: 16px; color: #3C3C3C; } .faq-list .views-field-body h1, .faq-list .views-field-body .h1 { font-size: 32px; } .faq-list .views-field-body h2, .faq-list .views-field-body .h2 { font-size: 24px; } .faq-list .views-field-body h3, .faq-list .views-field-body .h3 { font-size: 20px; } .faq-list .views-field-body h4, .faq-list .views-field-body .h4, .faq-list .views-field-body h5, .faq-list .views-field-body .h5, .faq-list .views-field-body h6, .faq-list .views-field-body .h6 { font-size: 18px; } .faq-list .views-field-body blockquote { padding: 0 0 0 24px; border-left: 2px solid #1A1A1A; box-shadow: none; } .faq-list .views-field-body table { width: 100%; max-width: 100%; } .faq-list .views-field-body hr { color: #1A1A1A; opacity: 1; } .faq-list .views-field-body .field-content { padding-top: 40px; } .achievement-list { padding-top: 40px; } @media screen and (min-width: 768px) { .achievement-list { padding-top: 120px; } } .achievement-list .view-inner { position: relative; display: flex; flex-direction: column; background: #F0F0F0; border-radius: 40px; padding: 25px 16px; } @media screen and (min-width: 768px) { .achievement-list .view-inner { padding: 50px; } } .achievement-list .view-header { order: 0; } @media screen and (min-width: 768px) { .achievement-list .view-header { padding-right: 200px; } } .achievement-list .view-header .section-header .section-title h4 { font-size: 34px; line-height: 44.2px; } @media screen and (min-width: 768px) { .achievement-list .view-header .section-header .section-title h4 { font-weight: 700; font-size: 40px; line-height: 52px; } } .achievement-list nav { order: 1; padding-top: 24px; } @media screen and (min-width: 768px) { .achievement-list nav { position: absolute; top: 50px; right: 50px; padding-top: 0; } } .achievement-list nav .pagination { justify-content: flex-start; } @media screen and (min-width: 768px) { .achievement-list nav .pagination { justify-content: flex-end; margin: 0; } } .achievement-list .view-content { order: 2; } .achievement-list .views-row { padding-top: 40px; } @media screen and (min-width: 1200px) { .achievement-list .views-row { width: 50%; } .achievement-list .views-row:nth-child(odd) { padding-right: 20px; } .achievement-list .views-row:nth-child(even) { padding-left: 20px; } } @media screen and (min-width: 768px) { .achievement-list .views-row .views-row-inner { display: flex; align-items: center; } } .achievement-list .views-row .views-field-field-gallery, .achievement-list .views-row .views-field-field-kv, .achievement-list .views-row .views-field-field-kv-square { text-align: center; } @media screen and (min-width: 768px) { .achievement-list .views-row .views-field-field-gallery, .achievement-list .views-row .views-field-field-kv, .achievement-list .views-row .views-field-field-kv-square { flex: 0 0 200px; } } .achievement-list .views-row .views-field-field-gallery img, .achievement-list .views-row .views-field-field-kv img, .achievement-list .views-row .views-field-field-kv-square img { border-radius: 20px; } @media screen and (min-width: 768px) { .achievement-list .views-row .views-field-field-gallery img, .achievement-list .views-row .views-field-field-kv img, .achievement-list .views-row .views-field-field-kv-square img { border-radius: 14px; } } .achievement-list .views-row .fieldset-title { padding-top: 24px; } @media screen and (min-width: 768px) { .achievement-list .views-row .fieldset-title { flex: 1 0 100%; padding-top: 0; padding-left: 24px; } } .achievement-list .views-row .views-field-field-award { color: #1A1A1A; } .achievement-list .views-row .views-field-title { padding-top: 16px; font-weight: 700; font-size: 20px; line-height: 26px; } @media screen and (min-width: 768px) { .achievement-list .views-row .views-field-title { font-size: 24px; line-height: 31.2px; } } .netivism-share-container { display: flex; flex-direction: column; align-items: flex-start; } .netivism-share-container:before { content: "SHARE"; display: block; font-size: 20px; line-height: 30px; padding-bottom: 16px; } .netivism-share-container ul.netivism-share-list { margin: 0; } .netivism-share-container ul.netivism-share-list .netivism-share-btn { width: 25px; height: 25px; color: #FFFFFF; background: #1A1A1A; } .netivism-share-container ul.netivism-share-list .netivism-share-btn .netivism-share-icon { font-size: 12px; } .node-section { padding-top: 32px; } @media screen and (min-width: 768px) { .node-section { padding-top: 40px; } } .node-section.with-mask .node-section-content { position: relative; height: 224px; overflow: hidden; } .node-section.with-mask .node-section-content:after { content: " "; position: absolute; right: 0; bottom: 0; left: 0; height: 100px; background-image: linear-gradient(rgba(255, 255, 255, 0), white); } .node-section h3.node-section-title { padding-bottom: 16px; border-bottom: 1px solid #1A1A1A; font-weight: 700; font-size: 20px; line-height: 26px; color: #1A1A1A; } @media screen and (min-width: 768px) { .node-section h3.node-section-title { font-size: 24px; line-height: 31.2px; } } .node-section .node-section-content { font-size: 16px; color: #3C3C3C; padding-top: 24px; } .node-section .node-section-content p { font-size: 16px; color: #3C3C3C; } .node-section .node-section-content h1, .node-section .node-section-content .h1 { font-size: 32px; } .node-section .node-section-content h2, .node-section .node-section-content .h2 { font-size: 24px; } .node-section .node-section-content h3, .node-section .node-section-content .h3 { font-size: 20px; } .node-section .node-section-content h4, .node-section .node-section-content .h4, .node-section .node-section-content h5, .node-section .node-section-content .h5, .node-section .node-section-content h6, .node-section .node-section-content .h6 { font-size: 18px; } .node-section .node-section-content blockquote { padding: 0 0 0 24px; border-left: 2px solid #1A1A1A; box-shadow: none; } .node-section .node-section-content table { width: 100%; max-width: 100%; } .node-section .node-section-content hr { color: #1A1A1A; opacity: 1; } .node-section .node-section-content-extra { font-size: 16px; color: #3C3C3C; } .node-section .node-section-content-extra p { font-size: 16px; color: #3C3C3C; } .node-section .node-section-content-extra h1, .node-section .node-section-content-extra .h1 { font-size: 32px; } .node-section .node-section-content-extra h2, .node-section .node-section-content-extra .h2 { font-size: 24px; } .node-section .node-section-content-extra h3, .node-section .node-section-content-extra .h3 { font-size: 20px; } .node-section .node-section-content-extra h4, .node-section .node-section-content-extra .h4, .node-section .node-section-content-extra h5, .node-section .node-section-content-extra .h5, .node-section .node-section-content-extra h6, .node-section .node-section-content-extra .h6 { font-size: 18px; } .node-section .node-section-content-extra blockquote { padding: 0 0 0 24px; border-left: 2px solid #1A1A1A; box-shadow: none; } .node-section .node-section-content-extra table { width: 100%; max-width: 100%; } .node-section .node-section-content-extra hr { color: #1A1A1A; opacity: 1; } .pagination .page-item { padding: 0 4px; } .pagination .page-item.active .page-link, .pagination .page-item.active a.page-link, .pagination .page-item:hover .page-link, .pagination .page-item:hover a.page-link, .pagination .page-item:active .page-link, .pagination .page-item:active a.page-link { background: #E60012; border-color: #E60012; color: #FFFFFF; } .pagination .page-item .page-link, .pagination .page-item a.page-link { display: flex; width: 30px; height: 30px; justify-content: center; align-items: center; padding: 0; background: transparent; border: 1px solid #1A1A1A; border-radius: 50%; font-size: 16px; color: #1A1A1A; } html, body { font-family: "SÖhne", "Noto Sans TC", sans-serif !important; font-size: 15px; line-height: 1.5; font-weight: 400; color: #000000; background: #FFFFFF; } html h1, html .h1, html h2, html .h2, html h3, html .h3, html h4, html .h4, html h5, html .h5, html h6, html .h6, body h1, body .h1, body h2, body .h2, body h3, body .h3, body h4, body .h4, body h5, body .h5, body h6, body .h6 { font-family: "SÖhne", "Noto Sans TC", sans-serif; line-height: 1.3; font-weight: 700; color: #1A1A1A; } html h1, html .h1, html h2, html .h2, body h1, body .h1, body h2, body .h2 { font-size: 34px; } @media screen and (min-width: 992px) { html h1, html .h1, html h2, html .h2, body h1, body .h1, body h2, body .h2 { font-size: 40px; } } html h3, html .h3, body h3, body .h3 { font-size: 28px; } @media screen and (min-width: 992px) { html h3, html .h3, body h3, body .h3 { font-size: 32px; } } html h4, html .h4, body h4, body .h4 { font-size: 20px; font-weight: 500; } @media screen and (min-width: 992px) { html h4, html .h4, body h4, body .h4 { font-size: 24px; font-weight: 700; } } html h5, html h6, html .h5, html .h6, body h5, body h6, body .h5, body .h6 { font-size: 18px; line-height: 1.4; font-weight: 500; } @media screen and (min-width: 992px) { html h5, html h6, html .h5, html .h6, body h5, body h6, body .h5, body .h6 { font-size: 20px; } } html a, body a { font-weight: 500; color: #1A1A1A; } html a.active, html a:hover, html a:active, body a.active, body a:hover, body a:active { color: #E60012; } @media screen and (min-width: 992px) { html, body { font-size: 16px; } } #page { font-size: 15px; line-height: 1.5; color: #000000; } @media screen and (min-width: 992px) { #page { font-size: 16px; } } .path-frontpage .main { padding-top: 0; } .container, .limiter { position: relative; margin: 0 auto; padding-right: 15px; padding-left: 15px; width: 100%; max-width: 100%; } @media screen and (min-width: 768px) { .container, .limiter { padding-right: 40px; padding-left: 40px; } } @media screen and (min-width: 1200px) { .container, .limiter { max-width: 1440px; } } img { height: auto !important; } #header { border-bottom: 0; min-height: 140px; } @media screen and (min-width: 1200px) { #header { min-height: 150px; } } #header .header-inner { position: fixed; transition: 0.5s; top: 0; width: 100%; max-width: 100%; padding: 0; background: #FFFFFF; z-index: 1000; } #header .header-inner.scrolling { top: -100%; } .toolbar-fixed #header .header-inner, .toolbar-fixed.toolbar-vertical #header .header-inner { top: 40px; } .toolbar-fixed #header .header-inner.scrolling, .toolbar-fixed.toolbar-vertical #header .header-inner.scrolling { top: -100%; } .toolbar-fixed.toolbar-horizontal.toolbar-tray-open #header .header-inner { top: 80px; } .toolbar-fixed.toolbar-horizontal.toolbar-tray-open #header .header-inner.scrolling { top: -100%; } #navbar-top { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: #F0F0F0; height: 50px; font-size: 14px; color: #959595; justify-content: center; } #navbar-top .navbar-form { position: relative; margin: 0 auto; padding-right: 15px; padding-left: 15px; width: 100%; max-width: 100%; } @media screen and (min-width: 768px) { #navbar-top .navbar-form { padding-right: 40px; padding-left: 40px; } } @media screen and (min-width: 1200px) { #navbar-top .navbar-form { max-width: 1440px; } } #navbar-top .region-top-header-form { display: flex; justify-content: flex-end; align-items: center; } #navbar-top .row > * { width: auto; padding: 0; margin: 0; } #navbar-top #block-kingcar-theme-googleprogrammablesearch .form-item { position: relative; margin-bottom: 0 !important; border-bottom: 0; min-height: auto; } #navbar-top #block-kingcar-theme-googleprogrammablesearch .form-item:before { content: ""; font-family: "Font Awesome 5 Free", sans-serif; font-weight: 900; position: absolute; top: 0; left: 0; width: 15px; height: 18px; display: flex; justify-content: center; align-items: center; } #navbar-top #block-kingcar-theme-googleprogrammablesearch .form-item label { display: none; } #navbar-top #block-kingcar-theme-googleprogrammablesearch .form-item .form-control { width: 150px; font-size: 14px; line-height: 18px; background: transparent; border: 0; border-bottom: 1px solid #959595 !important; padding: 0 0 0 20px; } #navbar-top #block-kingcar-theme-googleprogrammablesearch .form-submit { display: none; } #navbar-top #block-kingcar-theme-googleprogrammablesearch .gsc-control-cse { padding: 0; border: 0; } #navbar-top #block-kingcar-theme-googleprogrammablesearch .gsc-search-box { display: none; } #navbar-top .navigation a { color: #959595; } #navbar-top .navigation a:hover { color: #D64835; } #navbar-top .navigation .nav-item:nth-child(1) a:before { content: ""; font-family: "Font Awesome 5 Free", sans-serif; font-weight: 900; font-weight: 400; display: inline-block; padding-right: 5px; } #navbar-top .navigation .nav-item:nth-child(2) a:before { content: ""; font-family: "Font Awesome 5 Free", sans-serif; font-weight: 900; font-weight: 400; display: inline-block; padding-right: 5px; } #navbar-main { position: relative; margin: 0 auto; padding-right: 15px; padding-left: 15px; width: 100%; max-width: 100%; position: relative; padding-top: 0; padding-bottom: 0; } @media screen and (min-width: 768px) { #navbar-main { padding-right: 40px; padding-left: 40px; } } @media screen and (min-width: 1200px) { #navbar-main { max-width: 1440px; } } @media screen and (min-width: 1200px) { #navbar-main { height: 100px; } } #navbar-main #site-logo { height: 90px; padding: 0; display: flex; align-items: center; } @media screen and (min-width: 1200px) { #navbar-main #site-logo { height: 100px; } } #navbar-main #site-logo img { width: auto; height: 40px !important; } #navbar-main #site-name { display: none; } #navbar-main .navbar-toggler-right { order: 0; } #navbar-main #block-kingcar-theme-main-menu { margin-right: -15px; margin-left: -15px; } @media screen and (min-width: 1200px) { #navbar-main #block-kingcar-theme-main-menu { margin-right: 0; margin-left: 0; } } #navbar-main #block-kingcar-theme-main-menu a { color: #1A1A1A; } #navbar-main #block-kingcar-theme-main-menu a.active, #navbar-main #block-kingcar-theme-main-menu a:hover, #navbar-main #block-kingcar-theme-main-menu a:active { color: #E60012; } #navbar-main #block-kingcar-theme-main-menu .nav-item { justify-content: center; text-align: center; } #navbar-main #block-kingcar-theme-main-menu .nav-item a.nav-link { display: inline-block; font-size: 18px; font-weight: 500; padding: 20px 0; } @media screen and (min-width: 1200px) { #navbar-main #block-kingcar-theme-main-menu .nav-item a.nav-link { font-size: 15px; padding: 12px 16px; } } #navbar-main #block-kingcar-theme-main-menu .dropdown-menu { border: 0; padding: 4px 0; } @media screen and (min-width: 1200px) { #navbar-main #block-kingcar-theme-main-menu .dropdown-menu { left: 50%; transform: translateX(-50%); } } #navbar-main #block-kingcar-theme-main-menu .dropdown-menu .dropdown-menu { background: #D9D9D9; } @media screen and (min-width: 1200px) { #navbar-main #block-kingcar-theme-main-menu .dropdown-menu .dropdown-menu { left: 100%; top: -4px; transform: none; } } #navbar-main #block-kingcar-theme-main-menu .dropdown-item { text-align: center; padding: 0; } #navbar-main #block-kingcar-theme-main-menu .dropdown-item.active, #navbar-main #block-kingcar-theme-main-menu .dropdown-item:active { background: #FFFFFF; } #navbar-main #block-kingcar-theme-main-menu .dropdown-item a { display: inline-block; text-align: center; font-size: 14px; font-weight: 500; padding: 4px 0; } .site-footer__top { background: #303030; border-radius: 40px; padding: 30px; color: #FFFFFF; display: flex; flex-wrap: wrap; align-items: flex-end; } .site-footer__top h1, .site-footer__top h2, .site-footer__top h3 { color: #FFFFFF; } .site-footer__top .content { color: #FFFFFF; } @media screen and (min-width: 768px) { .site-footer__top { padding: 50px 40px; } } .site-footer__top .region { padding: 0; margin: 0; align-items: flex-end; } .site-footer__top .region:nth-child(2n+1) { padding-right: 0; } .site-footer__top .region:nth-child(2n) { padding-left: 0; } .site-footer__top .block { margin: 0; border: 0; padding: 0; } .site-footer__top .region.region-footer-first { width: 100%; } @media screen and (min-width: 992px) { .site-footer__top .region.region-footer-first { width: 45%; } } .site-footer__top .region.region-footer-third { width: 100%; } @media screen and (min-width: 992px) { .site-footer__top .region.region-footer-third { width: 55%; } } .site-footer__top #block-kingcar-theme-yeweilianluowomen { padding-bottom: 40px; } @media screen and (min-width: 768px) { .site-footer__top #block-kingcar-theme-yeweilianluowomen { padding-bottom: 60px; } } .site-footer__top #block-kingcar-theme-yeweilianluowomen h3 { font-size: 40px; } @media screen and (min-width: 768px) { .site-footer__top #block-kingcar-theme-yeweilianluowomen h3 { font-size: 70px; } } .site-footer__top #block-kingcar-theme-yeweilianluowomen p { margin: 0; font-size: 20px; font-weight: 700; } @media screen and (min-width: 768px) { .site-footer__top #block-kingcar-theme-yeweilianluowomen p { font-size: 24px; } } .site-footer__top #block-kingcar-theme-yewei { padding-bottom: 24px; } @media screen and (min-width: 768px) { .site-footer__top #block-kingcar-theme-yewei { padding-bottom: 80px; } } @media screen and (min-width: 992px) { .site-footer__top #block-kingcar-theme-yewei { padding-bottom: 0; } } .site-footer__top #block-kingcar-theme-yewei li { margin-right: 12px; } .site-footer__top #block-kingcar-theme-yewei li:nth-child(1) a { background-image: url("/themes/custom/kingcar_theme/images/icon-facebook.png"); } .site-footer__top #block-kingcar-theme-yewei li:nth-child(2) a { background-image: url("/themes/custom/kingcar_theme/images/icon-youtube.png"); } .site-footer__top #block-kingcar-theme-yewei li:nth-child(3) a { background-image: url("/themes/custom/kingcar_theme/images/icon-instagram.png"); } .site-footer__top #block-kingcar-theme-yewei li:nth-child(4) a { background-image: url("/themes/custom/kingcar_theme/images/icon-flickr.png"); } .site-footer__top #block-kingcar-theme-yewei li:nth-child(5) a { background-image: url("/themes/custom/kingcar_theme/images/icon-medium.png"); } .site-footer__top #block-kingcar-theme-yewei li:nth-child(6) a { background-image: url("/themes/custom/kingcar_theme/images/icon-faq.png"); } .site-footer__top #block-kingcar-theme-yewei li:nth-child(7) a { background-image: url("/themes/custom/kingcar_theme/images/icon-contact.png"); } .site-footer__top #block-kingcar-theme-yewei a { display: block; width: 30px; height: 30px; padding: 0; text-indent: -9999px; background-size: 30px 30px; background-repeat: no-repeat; background-position: center center; } .site-footer__top #block-kingcar-theme-yeweilianluozixun, .site-footer__top #block-kingcar-theme-yeweibanquanshengming { font-size: 12px; } @media screen and (min-width: 768px) { .site-footer__top #block-kingcar-theme-yeweilianluozixun, .site-footer__top #block-kingcar-theme-yeweibanquanshengming { font-size: 14px; } } .site-footer__top #block-kingcar-theme-yeweilianluozixun p, .site-footer__top #block-kingcar-theme-yeweibanquanshengming p { margin: 0; } .site-footer__top #block-kingcar-theme-yeweilianluozixun table, .site-footer__top #block-kingcar-theme-yeweibanquanshengming table { margin: 0; } .site-footer__top #block-kingcar-theme-yeweilianluozixun tr, .site-footer__top #block-kingcar-theme-yeweibanquanshengming tr { border: 0; background: transparent; padding: 0; } .site-footer__top #block-kingcar-theme-yeweilianluozixun td, .site-footer__top #block-kingcar-theme-yeweibanquanshengming td { border: 0; } .site-footer__top #block-kingcar-theme-yeweilianluozixun tr { display: flex; flex-direction: column; } @media screen and (min-width: 992px) { .site-footer__top #block-kingcar-theme-yeweilianluozixun tr { display: table-row; } } .site-footer__top #block-kingcar-theme-yeweilianluozixun td { padding-right: 0; padding-left: 0; vertical-align: bottom; } @media screen and (min-width: 992px) { .site-footer__top #block-kingcar-theme-yeweilianluozixun td:first-child { width: 125px; padding-right: 9px; } .site-footer__top #block-kingcar-theme-yeweilianluozixun td:last-child { padding-left: 9px; } } .site-footer__top #block-kingcar-theme-yeweilianluozixun img { max-width: 125px; } .site-footer__top #block-kingcar-theme-yeweibanquanshengming { padding-top: 40px; } .site-footer__top #block-kingcar-theme-yeweibanquanshengming td:first-child { width: 71px; padding-left: 0; } .site-footer__top #block-kingcar-theme-yeweibanquanshengming td:last-child { padding-right: 0; } form fieldset, .crm-container form fieldset, .crm-container-md form fieldset { border-top: 0; } form fieldset legend, .crm-container form fieldset legend, .crm-container-md form fieldset legend { position: relative; width: 100%; overflow: hidden; display: flex; font-weight: 500; font-size: 20px; line-height: 140%; } form fieldset legend:after, .crm-container form fieldset legend:after, .crm-container-md form fieldset legend:after { content: " "; display: inline-block; width: 10px; height: 30px; border-image: linear-gradient(#FFFFFF 50%, #000000 0, #FFFFFF calc(50% + 1px)) 0 1/0 100vw 0 0/0 100vw; } form fieldset.form-item, .crm-container form fieldset.form-item, .crm-container-md form fieldset.form-item { flex-wrap: wrap; } form fieldset.form-item .fieldset-wrapper, .crm-container form fieldset.form-item .fieldset-wrapper, .crm-container-md form fieldset.form-item .fieldset-wrapper { width: 100%; } form .form-item, form .crm-section, .crm-container form .form-item, .crm-container form .crm-section, .crm-container-md form .form-item, .crm-container-md form .crm-section { margin-bottom: 24px !important; display: flex; align-items: flex-start; min-height: 45px; } form .form-item.form-type-textarea, form .crm-section.form-type-textarea, .crm-container form .form-item.form-type-textarea, .crm-container form .crm-section.form-type-textarea, .crm-container-md form .form-item.form-type-textarea, .crm-container-md form .crm-section.form-type-textarea { flex-wrap: wrap; } form .form-item.state_province-Primary-section .crm-form-elem, form .crm-section.state_province-Primary-section .crm-form-elem, .crm-container form .form-item.state_province-Primary-section .crm-form-elem, .crm-container form .crm-section.state_province-Primary-section .crm-form-elem, .crm-container-md form .form-item.state_province-Primary-section .crm-form-elem, .crm-container-md form .crm-section.state_province-Primary-section .crm-form-elem { width: auto; } form .form-item > label, form .form-item .label, form .crm-section > label, form .crm-section .label, .crm-container form .form-item > label, .crm-container form .form-item .label, .crm-container form .crm-section > label, .crm-container form .crm-section .label, .crm-container-md form .form-item > label, .crm-container-md form .form-item .label, .crm-container-md form .crm-section > label, .crm-container-md form .crm-section .label { flex: 0 0 auto; width: auto; white-space: nowrap; padding-right: 16px; margin-bottom: 0; } form .form-item .content, form .form-item .form-control, form .form-item .form-select, form .form-item .select2-container .select2-selection, form .crm-section .content, form .crm-section .form-control, form .crm-section .form-select, form .crm-section .select2-container .select2-selection, .crm-container form .form-item .content, .crm-container form .form-item .form-control, .crm-container form .form-item .form-select, .crm-container form .form-item .select2-container .select2-selection, .crm-container form .crm-section .content, .crm-container form .crm-section .form-control, .crm-container form .crm-section .form-select, .crm-container form .crm-section .select2-container .select2-selection, .crm-container-md form .form-item .content, .crm-container-md form .form-item .form-control, .crm-container-md form .form-item .form-select, .crm-container-md form .form-item .select2-container .select2-selection, .crm-container-md form .crm-section .content, .crm-container-md form .crm-section .form-control, .crm-container-md form .crm-section .form-select, .crm-container-md form .crm-section .select2-container .select2-selection { flex: 0 1 100%; width: 100%; border: 0; background-color: transparent; background-image: none; margin-left: 0; } form .form-item .crm-form-elem, form .crm-section .crm-form-elem, .crm-container form .form-item .crm-form-elem, .crm-container form .crm-section .crm-form-elem, .crm-container-md form .form-item .crm-form-elem, .crm-container-md form .crm-section .crm-form-elem { width: 100%; } form .form-item .crm-form-elem.crm-form-radio, form .form-item .crm-form-elem.crm-form-checkbox, form .crm-section .crm-form-elem.crm-form-radio, form .crm-section .crm-form-elem.crm-form-checkbox, .crm-container form .form-item .crm-form-elem.crm-form-radio, .crm-container form .form-item .crm-form-elem.crm-form-checkbox, .crm-container form .crm-section .crm-form-elem.crm-form-radio, .crm-container form .crm-section .crm-form-elem.crm-form-checkbox, .crm-container-md form .form-item .crm-form-elem.crm-form-radio, .crm-container-md form .form-item .crm-form-elem.crm-form-checkbox, .crm-container-md form .crm-section .crm-form-elem.crm-form-radio, .crm-container-md form .crm-section .crm-form-elem.crm-form-checkbox { width: auto; } form .form-item .form-textarea-wrapper, form .crm-section .form-textarea-wrapper, .crm-container form .form-item .form-textarea-wrapper, .crm-container form .crm-section .form-textarea-wrapper, .crm-container-md form .form-item .form-textarea-wrapper, .crm-container-md form .crm-section .form-textarea-wrapper { width: 100%; } form .form-item input, form .form-item select, form .form-item textarea, form .form-item .crm-form-elem input, form .form-item .crm-form-elem select, form .form-item .crm-form-elem textarea, form .crm-section input, form .crm-section select, form .crm-section textarea, form .crm-section .crm-form-elem input, form .crm-section .crm-form-elem select, form .crm-section .crm-form-elem textarea, .crm-container form .form-item input, .crm-container form .form-item select, .crm-container form .form-item textarea, .crm-container form .form-item .crm-form-elem input, .crm-container form .form-item .crm-form-elem select, .crm-container form .form-item .crm-form-elem textarea, .crm-container form .crm-section input, .crm-container form .crm-section select, .crm-container form .crm-section textarea, .crm-container form .crm-section .crm-form-elem input, .crm-container form .crm-section .crm-form-elem select, .crm-container form .crm-section .crm-form-elem textarea, .crm-container-md form .form-item input, .crm-container-md form .form-item select, .crm-container-md form .form-item textarea, .crm-container-md form .form-item .crm-form-elem input, .crm-container-md form .form-item .crm-form-elem select, .crm-container-md form .form-item .crm-form-elem textarea, .crm-container-md form .crm-section input, .crm-container-md form .crm-section select, .crm-container-md form .crm-section textarea, .crm-container-md form .crm-section .crm-form-elem input, .crm-container-md form .crm-section .crm-form-elem select, .crm-container-md form .crm-section .crm-form-elem textarea { width: 100%; border-style: solid !important; border-width: 1px !important; border-color: #1A1A1A !important; border-top-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; border-radius: 0; transition: none; } form .form-item input:hover, form .form-item input:active, form .form-item input:focus, form .form-item select:hover, form .form-item select:active, form .form-item select:focus, form .form-item textarea:hover, form .form-item textarea:active, form .form-item textarea:focus, form .form-item .crm-form-elem input:hover, form .form-item .crm-form-elem input:active, form .form-item .crm-form-elem input:focus, form .form-item .crm-form-elem select:hover, form .form-item .crm-form-elem select:active, form .form-item .crm-form-elem select:focus, form .form-item .crm-form-elem textarea:hover, form .form-item .crm-form-elem textarea:active, form .form-item .crm-form-elem textarea:focus, form .crm-section input:hover, form .crm-section input:active, form .crm-section input:focus, form .crm-section select:hover, form .crm-section select:active, form .crm-section select:focus, form .crm-section textarea:hover, form .crm-section textarea:active, form .crm-section textarea:focus, form .crm-section .crm-form-elem input:hover, form .crm-section .crm-form-elem input:active, form .crm-section .crm-form-elem input:focus, form .crm-section .crm-form-elem select:hover, form .crm-section .crm-form-elem select:active, form .crm-section .crm-form-elem select:focus, form .crm-section .crm-form-elem textarea:hover, form .crm-section .crm-form-elem textarea:active, form .crm-section .crm-form-elem textarea:focus, .crm-container form .form-item input:hover, .crm-container form .form-item input:active, .crm-container form .form-item input:focus, .crm-container form .form-item select:hover, .crm-container form .form-item select:active, .crm-container form .form-item select:focus, .crm-container form .form-item textarea:hover, .crm-container form .form-item textarea:active, .crm-container form .form-item textarea:focus, .crm-container form .form-item .crm-form-elem input:hover, .crm-container form .form-item .crm-form-elem input:active, .crm-container form .form-item .crm-form-elem input:focus, .crm-container form .form-item .crm-form-elem select:hover, .crm-container form .form-item .crm-form-elem select:active, .crm-container form .form-item .crm-form-elem select:focus, .crm-container form .form-item .crm-form-elem textarea:hover, .crm-container form .form-item .crm-form-elem textarea:active, .crm-container form .form-item .crm-form-elem textarea:focus, .crm-container form .crm-section input:hover, .crm-container form .crm-section input:active, .crm-container form .crm-section input:focus, .crm-container form .crm-section select:hover, .crm-container form .crm-section select:active, .crm-container form .crm-section select:focus, .crm-container form .crm-section textarea:hover, .crm-container form .crm-section textarea:active, .crm-container form .crm-section textarea:focus, .crm-container form .crm-section .crm-form-elem input:hover, .crm-container form .crm-section .crm-form-elem input:active, .crm-container form .crm-section .crm-form-elem input:focus, .crm-container form .crm-section .crm-form-elem select:hover, .crm-container form .crm-section .crm-form-elem select:active, .crm-container form .crm-section .crm-form-elem select:focus, .crm-container form .crm-section .crm-form-elem textarea:hover, .crm-container form .crm-section .crm-form-elem textarea:active, .crm-container form .crm-section .crm-form-elem textarea:focus, .crm-container-md form .form-item input:hover, .crm-container-md form .form-item input:active, .crm-container-md form .form-item input:focus, .crm-container-md form .form-item select:hover, .crm-container-md form .form-item select:active, .crm-container-md form .form-item select:focus, .crm-container-md form .form-item textarea:hover, .crm-container-md form .form-item textarea:active, .crm-container-md form .form-item textarea:focus, .crm-container-md form .form-item .crm-form-elem input:hover, .crm-container-md form .form-item .crm-form-elem input:active, .crm-container-md form .form-item .crm-form-elem input:focus, .crm-container-md form .form-item .crm-form-elem select:hover, .crm-container-md form .form-item .crm-form-elem select:active, .crm-container-md form .form-item .crm-form-elem select:focus, .crm-container-md form .form-item .crm-form-elem textarea:hover, .crm-container-md form .form-item .crm-form-elem textarea:active, .crm-container-md form .form-item .crm-form-elem textarea:focus, .crm-container-md form .crm-section input:hover, .crm-container-md form .crm-section input:active, .crm-container-md form .crm-section input:focus, .crm-container-md form .crm-section select:hover, .crm-container-md form .crm-section select:active, .crm-container-md form .crm-section select:focus, .crm-container-md form .crm-section textarea:hover, .crm-container-md form .crm-section textarea:active, .crm-container-md form .crm-section textarea:focus, .crm-container-md form .crm-section .crm-form-elem input:hover, .crm-container-md form .crm-section .crm-form-elem input:active, .crm-container-md form .crm-section .crm-form-elem input:focus, .crm-container-md form .crm-section .crm-form-elem select:hover, .crm-container-md form .crm-section .crm-form-elem select:active, .crm-container-md form .crm-section .crm-form-elem select:focus, .crm-container-md form .crm-section .crm-form-elem textarea:hover, .crm-container-md form .crm-section .crm-form-elem textarea:active, .crm-container-md form .crm-section .crm-form-elem textarea:focus { border-style: solid !important; border-width: 1px !important; border-color: #1A1A1A !important; } form .form-item input.form-check-input, form .form-item select.form-check-input, form .form-item textarea.form-check-input, form .form-item .crm-form-elem input.form-check-input, form .form-item .crm-form-elem select.form-check-input, form .form-item .crm-form-elem textarea.form-check-input, form .crm-section input.form-check-input, form .crm-section select.form-check-input, form .crm-section textarea.form-check-input, form .crm-section .crm-form-elem input.form-check-input, form .crm-section .crm-form-elem select.form-check-input, form .crm-section .crm-form-elem textarea.form-check-input, .crm-container form .form-item input.form-check-input, .crm-container form .form-item select.form-check-input, .crm-container form .form-item textarea.form-check-input, .crm-container form .form-item .crm-form-elem input.form-check-input, .crm-container form .form-item .crm-form-elem select.form-check-input, .crm-container form .form-item .crm-form-elem textarea.form-check-input, .crm-container form .crm-section input.form-check-input, .crm-container form .crm-section select.form-check-input, .crm-container form .crm-section textarea.form-check-input, .crm-container form .crm-section .crm-form-elem input.form-check-input, .crm-container form .crm-section .crm-form-elem select.form-check-input, .crm-container form .crm-section .crm-form-elem textarea.form-check-input, .crm-container-md form .form-item input.form-check-input, .crm-container-md form .form-item select.form-check-input, .crm-container-md form .form-item textarea.form-check-input, .crm-container-md form .form-item .crm-form-elem input.form-check-input, .crm-container-md form .form-item .crm-form-elem select.form-check-input, .crm-container-md form .form-item .crm-form-elem textarea.form-check-input, .crm-container-md form .crm-section input.form-check-input, .crm-container-md form .crm-section select.form-check-input, .crm-container-md form .crm-section textarea.form-check-input, .crm-container-md form .crm-section .crm-form-elem input.form-check-input, .crm-container-md form .crm-section .crm-form-elem select.form-check-input, .crm-container-md form .crm-section .crm-form-elem textarea.form-check-input { width: 1em; border: 1px solid rgba(0, 0, 0, 0.25) !important; } form .crm-section, .crm-container form .crm-section, .crm-container-md form .crm-section { flex-direction: column; } form .js-filter-wrapper, .crm-container form .js-filter-wrapper, .crm-container-md form .js-filter-wrapper { display: none; } form .form-item-captcha-response, .crm-container form .form-item-captcha-response, .crm-container-md form .form-item-captcha-response { flex-wrap: wrap; } form .form-item-captcha-response .input-group, .crm-container form .form-item-captcha-response .input-group, .crm-container-md form .form-item-captcha-response .input-group { flex-wrap: nowrap; width: auto; } form .form-actions, form .crm-submit-buttons, .crm-container form .form-actions, .crm-container form .crm-submit-buttons, .crm-container-md form .form-actions, .crm-container-md form .crm-submit-buttons { display: flex; justify-content: flex-end; } form .btn-primary, form .form-submit, .crm-container form .btn-primary, .crm-container form .form-submit, .crm-container-md form .btn-primary, .crm-container-md form .form-submit { width: auto; min-width: 150px; text-align: left; background-image: url("/themes/custom/kingcar_theme/images/icon-btn.png"); background-size: 20px 20px; background-repeat: no-repeat; background-position: right 8px center; } form .btn-primary.active, form .btn-primary:hover, form .btn-primary:active, form .form-submit.active, form .form-submit:hover, form .form-submit:active, .crm-container form .btn-primary.active, .crm-container form .btn-primary:hover, .crm-container form .btn-primary:active, .crm-container form .form-submit.active, .crm-container form .form-submit:hover, .crm-container form .form-submit:active, .crm-container-md form .btn-primary.active, .crm-container-md form .btn-primary:hover, .crm-container-md form .btn-primary:active, .crm-container-md form .form-submit.active, .crm-container-md form .form-submit:hover, .crm-container-md form .form-submit:active { background-image: url("/themes/custom/kingcar_theme/images/icon-btn-h.png"); background-size: 20px 20px; background-repeat: no-repeat; background-position: right 8px center; } .node-form table tr th { color: #1A1A1A; font-weight: 500; font-size: 20px; line-height: 140%; } .node-form .form-item { flex-direction: column; } .node-form .form-item .form-inline { display: flex; } .node-form .form-item .form-inline .form-item { margin-right: 24px; } .node-form .form-item.form-type-checkbox { flex-direction: row; flex-wrap: wrap; } .node-form .form-item.form-type-checkbox label { padding-left: 8px; } .node-form .form-item.form-type-checkbox .description { width: 100%; border: 1px solid #1A1A1A; padding: 24px; border-radius: 20px; margin-top: 24px; font-weight: 400; font-size: 16px; line-height: 150%; color: #3C3C3C !important; } .node-form .form-item .checkbox { display: flex; flex-wrap: wrap; } .node-form .form-item .checkbox .form-item { flex-direction: row; margin-right: 24px; min-height: auto; } .node-form .form-item .checkbox .form-item label { padding-left: 8px; } .node-form .form-item.form-type-textarea { width: 100%; } .node-form .form-item.form-type-textarea textarea { border-color: #1A1A1A !important; border-radius: 20px; } .node-form .layout-region-node-secondary { display: none; } .path-civicrm h1.title { font-weight: 700; font-size: 28px; line-height: 36.4px; color: #1A1A1A; } @media screen and (min-width: 768px) { .path-civicrm h1.title { font-size: 32px; line-height: 41.6px; } } .crm-container button, .crm-container input[type="button"], .crm-container .button, .crm-container a.button:link, .crm-container a.button:visited, .crm-container .form-submit, .crm-button-type-upload button, .crm-button-type-upload input[type="button"], .crm-button-type-upload .button, .crm-button-type-upload a.button:link, .crm-button-type-upload a.button:visited, .crm-button-type-upload .form-submit, .crm-button-type-next .form-submit, .crm-button-type-done .form-submit, .crm-container .form-submit[name*=_upload_], .crm-container #register-me, .crm-container a.button.crm-register-button, .crm-container .crm-event-info-form-block .register_link-top a.crm-register-button, .crm-container .crm-event-info-form-block .register_link-section a.crm-register-button, .crm-container .crm-event-info-form-block .action-link a.crm-register-button:last-child { width: fit-content; min-width: 150px; margin: 0 auto; text-align: left; background-image: url("/themes/custom/kingcar_theme/images/icon-btn.png"); background-size: 20px 20px; background-repeat: no-repeat; background-position: right 8px center; box-shadow: none; } .crm-container button.active, .crm-container button:hover, .crm-container button:active, .crm-container input[type="button"].active, .crm-container input[type="button"]:hover, .crm-container input[type="button"]:active, .crm-container .button.active, .crm-container .button:hover, .crm-container .button:active, .crm-container a.button:link.active, .crm-container a.button:link:hover, .crm-container a.button:link:active, .crm-container a.button:visited.active, .crm-container a.button:visited:hover, .crm-container a.button:visited:active, .crm-container .form-submit.active, .crm-container .form-submit:hover, .crm-container .form-submit:active, .crm-button-type-upload button.active, .crm-button-type-upload button:hover, .crm-button-type-upload button:active, .crm-button-type-upload input[type="button"].active, .crm-button-type-upload input[type="button"]:hover, .crm-button-type-upload input[type="button"]:active, .crm-button-type-upload .button.active, .crm-button-type-upload .button:hover, .crm-button-type-upload .button:active, .crm-button-type-upload a.button:link.active, .crm-button-type-upload a.button:link:hover, .crm-button-type-upload a.button:link:active, .crm-button-type-upload a.button:visited.active, .crm-button-type-upload a.button:visited:hover, .crm-button-type-upload a.button:visited:active, .crm-button-type-upload .form-submit.active, .crm-button-type-upload .form-submit:hover, .crm-button-type-upload .form-submit:active, .crm-button-type-next .form-submit.active, .crm-button-type-next .form-submit:hover, .crm-button-type-next .form-submit:active, .crm-button-type-done .form-submit.active, .crm-button-type-done .form-submit:hover, .crm-button-type-done .form-submit:active, .crm-container .form-submit[name*=_upload_].active, .crm-container .form-submit[name*=_upload_]:hover, .crm-container .form-submit[name*=_upload_]:active, .crm-container #register-me.active, .crm-container #register-me:hover, .crm-container #register-me:active, .crm-container a.button.crm-register-button.active, .crm-container a.button.crm-register-button:hover, .crm-container a.button.crm-register-button:active, .crm-container .crm-event-info-form-block .register_link-top a.crm-register-button.active, .crm-container .crm-event-info-form-block .register_link-top a.crm-register-button:hover, .crm-container .crm-event-info-form-block .register_link-top a.crm-register-button:active, .crm-container .crm-event-info-form-block .register_link-section a.crm-register-button.active, .crm-container .crm-event-info-form-block .register_link-section a.crm-register-button:hover, .crm-container .crm-event-info-form-block .register_link-section a.crm-register-button:active, .crm-container .crm-event-info-form-block .action-link a.crm-register-button:last-child.active, .crm-container .crm-event-info-form-block .action-link a.crm-register-button:last-child:hover, .crm-container .crm-event-info-form-block .action-link a.crm-register-button:last-child:active { background-image: url("/themes/custom/kingcar_theme/images/icon-btn-h.png"); background-size: 20px 20px; background-repeat: no-repeat; background-position: right 8px center; } .crm-container div.messages, .crm-container div.status { background: #D69F35; border-radius: 20px; } .crm-container #printer-friendly, .crm-container #huo_dong_yan_shen_zi_liao__915 { display: none; } .crm-love .crm-upload { padding-top: 15px; } .crm-love .crm-upload .btn-action, .crm-love .crm-upload form .btn-primary, form .crm-love .crm-upload .btn-primary, .crm-love .crm-upload form .form-submit, form .crm-love .crm-upload .form-submit, .crm-love .crm-upload .crm-container button, .crm-container .crm-love .crm-upload button, .crm-love .crm-upload .crm-container input[type="button"], .crm-container .crm-love .crm-upload input[type="button"], .crm-love .crm-upload .crm-container .button, .crm-container .crm-love .crm-upload .button, .crm-love .crm-upload .crm-container .form-submit, .crm-container .crm-love .crm-upload .form-submit, .crm-love .crm-upload .crm-button-type-upload button, .crm-button-type-upload .crm-love .crm-upload button, .crm-love .crm-upload .crm-button-type-upload input[type="button"], .crm-button-type-upload .crm-love .crm-upload input[type="button"], .crm-love .crm-upload .crm-button-type-upload .button, .crm-button-type-upload .crm-love .crm-upload .button, .crm-love .crm-upload .crm-button-type-upload .form-submit, .crm-button-type-upload .crm-love .crm-upload .form-submit, .crm-love .crm-upload .crm-button-type-next .form-submit, .crm-button-type-next .crm-love .crm-upload .form-submit, .crm-love .crm-upload .crm-button-type-done .form-submit, .crm-button-type-done .crm-love .crm-upload .form-submit, .crm-love .crm-upload .crm-container #register-me, .crm-container .crm-love .crm-upload #register-me, .crm-love .crm-upload .crm-container .crm-event-info-form-block .register_link-top a.crm-register-button, .crm-container .crm-event-info-form-block .register_link-top .crm-love .crm-upload a.crm-register-button, .crm-love .crm-upload .crm-container .crm-event-info-form-block .register_link-section a.crm-register-button, .crm-container .crm-event-info-form-block .register_link-section .crm-love .crm-upload a.crm-register-button, .crm-love .crm-upload .crm-container .crm-event-info-form-block .action-link a.crm-register-button:last-child, .crm-container .crm-event-info-form-block .action-link .crm-love .crm-upload a.crm-register-button:last-child, .crm-love .crm-upload .view-subject-parent .views-field-view-taxonomy-term a, .view-subject-parent .views-field-view-taxonomy-term .crm-love .crm-upload a, .crm-love .crm-upload .view-subject-children .views-field-view-taxonomy-term a, .view-subject-children .views-field-view-taxonomy-term .crm-love .crm-upload a, .crm-love .crm-upload .view-project-event .views-field-event-links a, .view-project-event .views-field-event-links .crm-love .crm-upload a { width: fit-content; } .crm-container .crm-event-info-form-block [id^=huo_dong_yan_shen_zi_liao__] { display: none; } .path-frontpage #main-wrapper { overflow: hidden; } .view-index-slide { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .view-index-slide .slick { position: relative; } .view-index-slide .slick__slide { position: relative; } .view-index-slide .slick__slide .views-field-field-slideshow img { width: 100%; height: 80vh !important; object-fit: cover; } @media screen and (min-width: 992px) { .view-index-slide .slick__slide .views-field-field-slideshow img { height: 100vh !important; } } .view-index-slide .slick__slide .views-field-field-slideshow-video { display: none; } @media screen and (min-width: 992px) { .view-index-slide .slick__slide .views-field-field-slideshow-video { display: flex; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; justify-content: center; align-items: center; background: #303030; } .view-index-slide .slick__slide .views-field-field-slideshow-video div { width: 100%; height: 100%; } .view-index-slide .slick__slide .views-field-field-slideshow-video video { width: 100%; height: 100%; object-fit: cover; } } .view-index-slide .slick__slide .fieldset-content { position: absolute; width: 90%; left: 5%; bottom: 80px; color: #FFFFFF; } @media screen and (min-width: 992px) { .view-index-slide .slick__slide .fieldset-content { width: auto; left: 100px; right: 100px; bottom: 100px; } } .view-index-slide .slick__slide .fieldset-content a { color: #FFFFFF; } .view-index-slide .slick__slide .fieldset-title { display: flex; align-items: center; } .view-index-slide .slick__slide .views-field-field-image-action img { width: auto; max-height: 24px; } @media screen and (min-width: 992px) { .view-index-slide .slick__slide .views-field-field-image-action img { max-height: 60px; } } .view-index-slide .slick__slide .views-field-title { padding-left: 8px; font-size: 18px; font-weight: 500; line-height: 25.2px; } @media screen and (min-width: 992px) { .view-index-slide .slick__slide .views-field-title { padding-left: 25px; font-size: 25.2px; font-weight: 700; line-height: 32.76px; } } .view-index-slide .slick__slide .views-field-field-summary { padding-top: 8px; font-size: 12px; font-weight: 350; line-height: 15.6px; } @media screen and (min-width: 992px) { .view-index-slide .slick__slide .views-field-field-summary { padding-top: 25px; max-width: 550px; font-size: 16.8px; font-weight: 400; line-height: 25.2px; } } .view-index-slide .slick__arrow { position: absolute; top: auto; right: 5%; bottom: 24px; left: auto; width: auto; height: auto; margin: 0; transform: none; z-index: 10; display: flex; } @media screen and (min-width: 992px) { .view-index-slide .slick__arrow { right: 100px; bottom: 65px; } } .view-index-slide .slick__arrow .slick-arrow { position: relative; top: 0; width: 23px; height: 23px; transform: none; background-size: 23px 23px; background-repeat: no-repeat; background-position: center center; } @media screen and (min-width: 992px) { .view-index-slide .slick__arrow .slick-arrow { width: 40px; height: 40px; background-size: 40px 40px; } } .view-index-slide .slick__arrow .slick-arrow:before { display: none; } .view-index-slide .slick__arrow .slick-arrow.slick-prev { background-image: url("/themes/custom/kingcar_theme/images/icon-left.png"); } .view-index-slide .slick__arrow .slick-arrow.slick-prev.slick-disabled { background-image: url("/themes/custom/kingcar_theme/images/icon-left-disable.png"); } .view-index-slide .slick__arrow .slick-arrow.slick-next { margin-left: 17px; background-image: url("/themes/custom/kingcar_theme/images/icon-right.png"); } .view-index-slide .slick__arrow .slick-arrow.slick-next.slick-disabled { background-image: url("/themes/custom/kingcar_theme/images/icon-right-disable.png"); } .view-index { padding-top: 70px; padding-bottom: 32px; } .view-index .view-header { padding-bottom: 32px; } .view-index .view-content { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .view-index .view-content .slick { padding: 0; max-width: 1440px; margin-right: auto; margin-left: auto; } .view-index .view-content .slick-list { padding-left: 15px !important; padding-right: 22% !important; } @media screen and (min-width: 768px) { .view-index .view-content .slick-list { padding-left: 40px !important; padding-right: 55% !important; } } @media screen and (min-width: 1200px) { .view-index .view-content .slick-list { padding-right: 60% !important; } } .view-index .view-content .slick__slide { display: flex; justify-content: flex-start; align-items: center; height: 300px; padding-right: 10px; } @media screen and (min-width: 768px) { .view-index .view-content .slick__slide { justify-content: center; padding-right: 0; } } @media screen and (min-width: 1200px) { .view-index .view-content .slick__slide { height: 700px; } } .view-index .view-content .slick__slide img { width: 230px; height: 230px !important; object-fit: cover; border-radius: 30px; } @media screen and (min-width: 1200px) { .view-index .view-content .slick__slide img { width: 320px; height: 320px !important; border-radius: 40px; } } @media screen and (min-width: 768px) { .view-index .view-content .slick__slide.slick-current { justify-content: flex-start; } } @media screen and (min-width: 1200px) { .view-index .view-content .slick__slide.slick-current + .slick__slide { justify-content: flex-end; } } .view-index .view-content .slick__slide.slick-current img { width: 300px; height: 300px !important; } @media screen and (min-width: 1200px) { .view-index .view-content .slick__slide.slick-current img { width: 500px; max-width: none; height: 500px !important; } } @media screen and (min-width: 1400px) { .view-index .view-content .slick__slide.slick-current img { width: 700px; height: 700px !important; } } .view-index .view-content .slick__arrow { position: absolute; top: -62px; right: 15px; bottom: auto; left: auto; width: auto; height: auto; margin-top: 0; transform: none; display: flex; } @media screen and (min-width: 768px) { .view-index .view-content .slick__arrow { right: 40px; } } @media screen and (min-width: 1200px) { .view-index .view-content .slick__arrow { top: auto; bottom: 0; } } .view-index .view-content .slick__arrow .slick-arrow { position: relative; top: 0; width: 30px; height: 30px; transform: none; background-size: 30px 30px; background-repeat: no-repeat; background-position: center center; border: 1px solid #1A1A1A; } @media screen and (min-width: 1200px) { .view-index .view-content .slick__arrow .slick-arrow { width: 40px; height: 40px; background-size: 40px 40px; } } .view-index .view-content .slick__arrow .slick-arrow:before { display: none; } .view-index .view-content .slick__arrow .slick-arrow.slick-prev { background-image: url("/themes/custom/kingcar_theme/images/icon-left.png"); } .view-index .view-content .slick__arrow .slick-arrow.slick-prev.slick-disabled { background-image: url("/themes/custom/kingcar_theme/images/icon-left-disable.png"); border-color: #FFFFFF; } .view-index .view-content .slick__arrow .slick-arrow.slick-next { margin-left: 16px; background-image: url("/themes/custom/kingcar_theme/images/icon-right.png"); } .view-index .view-content .slick__arrow .slick-arrow.slick-next.slick-disabled { background-image: url("/themes/custom/kingcar_theme/images/icon-right-disable.png"); border-color: #FFFFFF; } .path-node #block-kingcar-theme-page-title { display: none; } .path-node .node .node__cover { display: flex; width: 100%; border-radius: 40px; justify-content: center; } .path-node .node .node__cover .field--type-image { float: none; margin: 0; } .path-node .node header, .path-node .node .node__content { margin: 0 auto; max-width: 980px; } .path-node .node h2.node__title { font-size: 24px; font-weight: 700; line-height: 1.3; } .path-node .node .field--name-body { font-size: 16px; color: #3C3C3C; } .path-node .node .field--name-body p { font-size: 16px; color: #3C3C3C; } .path-node .node .field--name-body h1, .path-node .node .field--name-body .h1 { font-size: 32px; } .path-node .node .field--name-body h2, .path-node .node .field--name-body .h2 { font-size: 24px; } .path-node .node .field--name-body h3, .path-node .node .field--name-body .h3 { font-size: 20px; } .path-node .node .field--name-body h4, .path-node .node .field--name-body .h4, .path-node .node .field--name-body h5, .path-node .node .field--name-body .h5, .path-node .node .field--name-body h6, .path-node .node .field--name-body .h6 { font-size: 18px; } .path-node .node .field--name-body blockquote { padding: 0 0 0 24px; border-left: 2px solid #1A1A1A; box-shadow: none; } .path-node .node .field--name-body table { width: 100%; max-width: 100%; } .path-node .node .field--name-body hr { color: #1A1A1A; opacity: 1; } .node--type-news .node, .node--type-report .node { display: flex; flex-direction: column; } @media screen and (min-width: 1200px) { .node--type-news .node, .node--type-report .node { flex-direction: row; padding-top: 50px; } } .node--type-news .node .node__side, .node--type-report .node .node__side { display: flex; justify-content: space-between; padding: 50px 0 80px; } @media screen and (min-width: 1200px) { .node--type-news .node .node__side, .node--type-report .node .node__side { flex-wrap: wrap; justify-content: flex-start; flex-direction: column; padding: 0 80px 0 0; width: 380px; } } @media screen and (min-width: 1200px) { .node--type-news .node .node__side .node__back, .node--type-report .node .node__side .node__back { width: 100%; } } @media screen and (min-width: 1200px) { .node--type-news .node .node__side .node__share, .node--type-report .node .node__side .node__share { padding-top: 500px; } } .node--type-news .node header, .node--type-report .node header { display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 40px; } @media screen and (min-width: 768px) { .node--type-news .node header, .node--type-report .node header { padding-bottom: 80px; } } .node--type-news .node h2.node__title, .node--type-report .node h2.node__title { flex: 0 1 100%; font-size: 32px; font-weight: 500; line-height: 1.1; } .node--type-news .node .node__created, .node--type-report .node .node__created { flex: 0 0 auto; font-size: 24px; line-height: 1.1; padding-left: 20px; } .node--type-news .node .node__created time, .node--type-report .node .node__created time { word-break: keep-all; white-space: nowrap; } .path-intro #block-kingcar-theme-page-title { display: none; } @media screen and (min-width: 768px) { .page-node-3 #block-kingcar-theme-content, .page-view-intro-snapshot #block-kingcar-theme-content, .page-node-500916 #block-kingcar-theme-content, .page-view-intro-report #block-kingcar-theme-content, .page-view-intro-donors #block-kingcar-theme-content { padding-top: 40px; } } @media screen and (min-width: 1200px) { .page-node-3 #block-kingcar-theme-content, .page-view-intro-snapshot #block-kingcar-theme-content, .page-node-500916 #block-kingcar-theme-content, .page-view-intro-report #block-kingcar-theme-content, .page-view-intro-donors #block-kingcar-theme-content { padding-top: 80px; } } .page-node-3 .node__title, .page-view-intro-snapshot .node__title, .page-node-500916 .node__title, .page-view-intro-report .node__title, .page-view-intro-donors .node__title { display: none; } @media screen and (min-width: 1200px) { .page-view-intro-snapshot .content-inner, .page-view-intro-report .content-inner { display: flex; } } @media screen and (min-width: 768px) { .page-view-intro-snapshot .content-inner #block-kingcar-theme-views-block-intro-snapshot-year-block-1, .page-view-intro-snapshot .content-inner #block-kingcar-theme-views-block-intro-report-year-block-1, .page-view-intro-report .content-inner #block-kingcar-theme-views-block-intro-snapshot-year-block-1, .page-view-intro-report .content-inner #block-kingcar-theme-views-block-intro-report-year-block-1 { padding-top: 60px; } } @media screen and (min-width: 1200px) { .page-view-intro-snapshot .content-inner #block-kingcar-theme-views-block-intro-snapshot-year-block-1, .page-view-intro-snapshot .content-inner #block-kingcar-theme-views-block-intro-report-year-block-1, .page-view-intro-report .content-inner #block-kingcar-theme-views-block-intro-snapshot-year-block-1, .page-view-intro-report .content-inner #block-kingcar-theme-views-block-intro-report-year-block-1 { flex: 0 0 300px; padding-top: 80px; } } .page-view-intro-snapshot .content-inner #block-kingcar-theme-content, .page-view-intro-report .content-inner #block-kingcar-theme-content { padding-top: 16px; } @media screen and (min-width: 768px) { .page-view-intro-snapshot .content-inner #block-kingcar-theme-content, .page-view-intro-report .content-inner #block-kingcar-theme-content { padding-top: 40px; } } @media screen and (min-width: 1200px) { .page-view-intro-snapshot .content-inner #block-kingcar-theme-content, .page-view-intro-report .content-inner #block-kingcar-theme-content { flex: 0 1 100%; padding-left: 40px; padding-top: 80px; } } .page-view-intro-snapshot .content-inner #block-kingcar-theme-content .view-intro-snapshot .view-filters, .page-view-intro-snapshot .content-inner #block-kingcar-theme-content .view-intro-report .view-filters, .page-view-intro-report .content-inner #block-kingcar-theme-content .view-intro-snapshot .view-filters, .page-view-intro-report .content-inner #block-kingcar-theme-content .view-intro-report .view-filters { display: none; } .page-view-intro-report .faq-list .views-row.show .fieldset-title { background-image: url("/themes/custom/kingcar_theme/images/icon-open.png"); } .page-view-intro-report .faq-list .views-row .fieldset-title { position: relative; } .page-view-intro-report .faq-list .views-row .views-field-view-node a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-indent: -9999px; } .page-node-500916 .node { background: #F0F0F0; padding: 40px 0; border-radius: 40px; } @media screen and (min-width: 768px) { .page-node-500916 .node { padding: 100px 0; } } .view-intro-donors .view-content { display: flex; flex-direction: column; margin: 0; } @media screen and (min-width: 1200px) { .view-intro-donors .view-content { flex-direction: row; flex-wrap: wrap; margin: 0 -8px; } } .view-intro-donors .views-row { width: 100%; padding-bottom: 16px; } @media screen and (min-width: 1200px) { .view-intro-donors .views-row { width: 50%; padding-right: 8px; padding-left: 8px; } } .view-intro-donors .views-row-inner { padding: 24px; background: #F0F0F0; border-radius: 20px; color: #1A1A1A; } @media screen and (min-width: 768px) { .view-intro-donors .views-row-inner { display: flex; align-items: center; padding: 32px 40px; border-radius: 40px; } } .view-intro-donors .views-row-inner a { color: #1A1A1A; } .view-intro-donors .views-field-title { font-size: 20px; font-weight: 700; line-height: 26px; } @media screen and (min-width: 768px) { .view-intro-donors .views-field-title { flex: 0 1 100%; font-weight: 500; line-height: 28px; } } .view-intro-donors .views-field-created { padding-top: 24px; } @media screen and (min-width: 768px) { .view-intro-donors .views-field-created { flex: 0 0 auto; padding-top: 0; padding-left: 24px; font-size: 16px; line-height: 24px; white-space: nowrap; } } .view-intro-donors .views-field-nothing { display: flex; justify-content: flex-end; padding-top: 16px; } @media screen and (min-width: 768px) { .view-intro-donors .views-field-nothing { flex: 0 0 auto; padding-top: 0; padding-left: 24px; } } .view-intro-donors .views-field-nothing a { display: block; width: 30px; height: 30px; text-indent: -9999px; background-image: url("/themes/custom/kingcar_theme/images/icon-download.png"); background-repeat: no-repeat; background-position: center center; background-size: 30px 30px; } @media screen and (min-width: 768px) { .view-intro-donors .views-field-nothing a { width: 40px; height: 40px; background-size: 40px 40px; } } .path-news #block-kingcar-theme-page-title { display: none; } .view-news { position: relative; } .view-news .pagination { position: absolute; margin: 0; top: 30px; right: 24px; } @media screen and (min-width: 1200px) { .view-news .pagination { top: 50px; right: 50px; } } .page-vocabulary-project #block-kingcar-theme-page-title { display: none; } .view-subject .views-field-description__value { padding-top: 40px; } @media screen and (min-width: 768px) { .view-subject .views-field-description__value { padding-top: 120px; } } .view-subject .views-field-description__value .field-content { font-size: 16px; color: #3C3C3C; } .view-subject .views-field-description__value .field-content p { font-size: 16px; color: #3C3C3C; } .view-subject .views-field-description__value .field-content h1, .view-subject .views-field-description__value .field-content .h1 { font-size: 32px; } .view-subject .views-field-description__value .field-content h2, .view-subject .views-field-description__value .field-content .h2 { font-size: 24px; } .view-subject .views-field-description__value .field-content h3, .view-subject .views-field-description__value .field-content .h3 { font-size: 20px; } .view-subject .views-field-description__value .field-content h4, .view-subject .views-field-description__value .field-content .h4, .view-subject .views-field-description__value .field-content h5, .view-subject .views-field-description__value .field-content .h5, .view-subject .views-field-description__value .field-content h6, .view-subject .views-field-description__value .field-content .h6 { font-size: 18px; } .view-subject .views-field-description__value .field-content blockquote { padding: 0 0 0 24px; border-left: 2px solid #1A1A1A; box-shadow: none; } .view-subject .views-field-description__value .field-content table { width: 100%; max-width: 100%; } .view-subject .views-field-description__value .field-content hr { color: #1A1A1A; opacity: 1; } .view-subject-parent, .view-subject-children { padding-top: 40px; } @media screen and (min-width: 768px) { .view-subject-parent, .view-subject-children { padding-top: 120px; } } .view-subject-parent .views-row, .view-subject-children .views-row { padding-bottom: 16px; } @media screen and (min-width: 768px) { .view-subject-parent .views-row, .view-subject-children .views-row { padding-bottom: 40px; } } .view-subject-parent .views-row:last-child, .view-subject-children .views-row:last-child { padding-bottom: 0; } .view-subject-parent .views-row .views-row-inner, .view-subject-children .views-row .views-row-inner { background: #F0F0F0; border-radius: 20px; padding: 24px 16px; } @media screen and (min-width: 768px) { .view-subject-parent .views-row .views-row-inner, .view-subject-children .views-row .views-row-inner { border-radius: 40px; padding: 50px; } } .view-subject-parent .fieldset-title, .view-subject-children .fieldset-title { display: flex; flex-direction: column; align-items: flex-start; } @media screen and (min-width: 768px) { .view-subject-parent .fieldset-title, .view-subject-children .fieldset-title { flex-direction: row; justify-content: space-between; align-items: flex-end; } } .view-subject-parent .views-field-name, .view-subject-children .views-field-name { font-weight: 700; font-size: 34px; line-height: 44.2px; padding-bottom: 24px; color: #1A1A1A; } @media screen and (min-width: 768px) { .view-subject-parent .views-field-name, .view-subject-children .views-field-name { font-size: 40px; line-height: 52px; padding-bottom: 0; } } .view-subject-article { padding-top: 40px; } .page-view-project-achievement #block-kingcar-theme-page-title, .page-view-project-achievement-upload #block-kingcar-theme-page-title { display: none; } .node--type-project #block-kingcar-theme-content .block-content { padding-top: 28px; } @media screen and (min-width: 1200px) { .node--type-project #block-kingcar-theme-content .block-content { padding-top: 26px; display: flex; align-items: flex-start; } } .node--type-project .node-menu { border-radius: 20px; border: 1px solid #1A1A1A; padding: 0 30px; font-weight: 700; font-size: 20px; line-height: 26px; color: #1A1A1A; } @media screen and (min-width: 1200px) { .node--type-project .node-menu { position: sticky; top: 26px; flex: 0 0 300px; padding: 24px 40px; } } .node--type-project .node-menu.show .none-menu-list { display: block; } .node--type-project .node-menu a { font-weight: 700; color: #1A1A1A; } .node--type-project .node-menu .none-menu-header { padding: 30px 0; background-image: url("/themes/custom/kingcar_theme/images/icon-select.png"); background-repeat: no-repeat; background-position: right center; background-size: 28px auto; cursor: pointer; } @media screen and (min-width: 1200px) { .node--type-project .node-menu .none-menu-header { padding: 16px 0; background: transparent; cursor: none; } } .node--type-project .node-menu .none-menu-list { display: none; } @media screen and (min-width: 1200px) { .node--type-project .node-menu .none-menu-list { display: block; } } .node--type-project .node-menu .none-menu-item { padding: 30px 0; } @media screen and (min-width: 1200px) { .node--type-project .node-menu .none-menu-item { padding: 16px 0; } } .node--type-project .node { padding-top: 16px; } @media screen and (min-width: 768px) { .node--type-project .node { padding-top: 80px; } } @media screen and (min-width: 1200px) { .node--type-project .node { flex: 0 1 100%; padding-top: 0; padding-left: 80px; } } .node--type-project .node .node__header { display: flex; flex-direction: column; } @media screen and (min-width: 768px) { .node--type-project .node .node__header { flex-direction: row; justify-content: space-between; } } .node--type-project .node h2.node__title { font-weight: 700; font-size: 28px; line-height: 36.4px; color: #1A1A1A; } @media screen and (min-width: 768px) { .node--type-project .node h2.node__title { flex: 0 1 100%; font-size: 32px; line-height: 41.6px; } } .node--type-project .node .field--name-field-date { padding-top: 24px; font-weight: 700; font-size: 20px; line-height: 26px; color: #1A1A1A; } @media screen and (min-width: 768px) { .node--type-project .node .field--name-field-date { font-size: 24px; line-height: 31.2px; } } .node--type-project .node .node__category { padding-top: 40px; } @media screen and (min-width: 768px) { .node--type-project .node .node__category { padding-top: 0; padding-left: 24px; } } .node--type-project .node .node__cover { padding-top: 32px; } @media screen and (min-width: 768px) { .node--type-project .node .node__cover { padding-top: 40px; } } .node--type-project .node .node__cover img { border-radius: 20px; } @media screen and (min-width: 768px) { .node--type-project .node .node__cover img { border-radius: 28px; } } .node--type-project .node .field--name-body, .node--type-project .node .field--name-field-rules { font-size: 16px; color: #3C3C3C; } .node--type-project .node .field--name-body p, .node--type-project .node .field--name-field-rules p { font-size: 16px; color: #3C3C3C; } .node--type-project .node .field--name-body h1, .node--type-project .node .field--name-body .h1, .node--type-project .node .field--name-field-rules h1, .node--type-project .node .field--name-field-rules .h1 { font-size: 32px; } .node--type-project .node .field--name-body h2, .node--type-project .node .field--name-body .h2, .node--type-project .node .field--name-field-rules h2, .node--type-project .node .field--name-field-rules .h2 { font-size: 24px; } .node--type-project .node .field--name-body h3, .node--type-project .node .field--name-body .h3, .node--type-project .node .field--name-field-rules h3, .node--type-project .node .field--name-field-rules .h3 { font-size: 20px; } .node--type-project .node .field--name-body h4, .node--type-project .node .field--name-body .h4, .node--type-project .node .field--name-body h5, .node--type-project .node .field--name-body .h5, .node--type-project .node .field--name-body h6, .node--type-project .node .field--name-body .h6, .node--type-project .node .field--name-field-rules h4, .node--type-project .node .field--name-field-rules .h4, .node--type-project .node .field--name-field-rules h5, .node--type-project .node .field--name-field-rules .h5, .node--type-project .node .field--name-field-rules h6, .node--type-project .node .field--name-field-rules .h6 { font-size: 18px; } .node--type-project .node .field--name-body blockquote, .node--type-project .node .field--name-field-rules blockquote { padding: 0 0 0 24px; border-left: 2px solid #1A1A1A; box-shadow: none; } .node--type-project .node .field--name-body table, .node--type-project .node .field--name-field-rules table { width: 100%; max-width: 100%; } .node--type-project .node .field--name-body hr, .node--type-project .node .field--name-field-rules hr { color: #1A1A1A; opacity: 1; } .node--type-project .node .field--name-field-files .field__item { padding-top: 16px; } .node--type-project .node .field--name-field-files .field__item:first-child { padding-top: 0; } .node--type-project .node .field--name-field-files .file { width: 100%; padding-left: 0; background: transparent; } .node--type-project .node .field--name-field-files .file a { display: block; padding: 24px 96px 24px 32px; border-radius: 40px; background-color: #F0F0F0; background-image: url("/themes/custom/kingcar_theme/images/icon-download.png"); background-size: 40px 40px; background-repeat: no-repeat; background-position: right 24px center; font-weight: 500; font-size: 18px; line-height: 27px; color: #1A1A1A; } .node--type-project .node .field--name-field-link .field__item { display: flex; justify-content: flex-start; padding-top: 16px; } .node--type-project .node .field--name-field-link .field__item:first-child { padding-top: 0; } .node--type-project .node .field--name-field-link .field__item a { display: flex; border: 1px solid #1A1A1A; border-radius: 100px; padding: 8px 8px 8px 16px; font-weight: 500; font-size: 14px; line-height: 18.2px; color: #1A1A1A; } .node--type-project .node .field--name-field-link .field__item a:after { display: block; margin-left: 16px; content: " "; width: 20px; height: 20px; background-image: url("/themes/custom/kingcar_theme/images/icon-right.png"); background-size: 20px 20px; background-repeat: no-repeat; background-position: center center; border: 1px solid #1A1A1A; border-radius: 50%; } .view-project-event { margin-top: -16px; } .view-project-event .views-row { display: flex; justify-content: center; padding-top: 16px; } @media screen and (min-width: 768px) { .view-project-event .views-row { width: 286px; } } .view-project-event .views-row-inner { width: 262px; } .view-project-event .views-field-custom-4 img { width: 262px; max-width: 100%; height: 184px !important; object-fit: cover; } .view-project-event .views-field-event-links { padding-top: 16px; } .view-project-category .views-row-inner { display: flex; } .view-project-category .views-row-inner .views-field-name { padding-left: 8px; } .view-project-category .views-row-inner a { display: block; padding: 8px 16px; border: 1px solid #1A1A1A; border-radius: 100px; font-weight: 500; font-size: 14px; line-height: 18.2px; text-align: center; color: #1A1A1A; word-break: keep-all; } .view-project-news .views-row { padding-top: 16px; } .view-project-news .views-row:first-child { padding-top: 0; } .view-project-news .views-row a { display: block; background: #F0F0F0; border-radius: 40px; padding: 24px 32px; font-weight: 500; font-size: 18px; line-height: 27px; } .view-project-upload.achievement-list { padding-top: 0; } @media screen and (min-width: 768px) { .view-project-upload.achievement-list { padding-top: 0; } } .view-project-upload.achievement-list .view-inner { background: transparent; border-radius: 0; padding: 0; } @media screen and (min-width: 768px) { .view-project-upload.achievement-list .view-inner { padding: 0; } } .path-faq #block-kingcar-theme-page-title, .page-vocabulary-faq-type #block-kingcar-theme-page-title { display: none; } @media screen and (min-width: 1200px) { .path-faq .content-inner, .page-vocabulary-faq-type .content-inner { display: flex; } } @media screen and (min-width: 1200px) { .path-faq #block-kingcar-theme-views-block-faq-type-block-1, .page-vocabulary-faq-type #block-kingcar-theme-views-block-faq-type-block-1 { flex: 0 0 410px; padding-right: 60px; } } @media screen and (min-width: 1200px) { .path-faq #block-kingcar-theme-content, .page-vocabulary-faq-type #block-kingcar-theme-content { flex: 0 1 100%; } } .view-faq-type { padding-bottom: 16px; } @media screen and (min-width: 1200px) { .view-faq-type { padding-bottom: 0; } } .view-faq-type a { display: inline-block; padding: 8px 16px; font-weight: 500; font-size: 14px; line-height: 20.72px; text-align: center; color: #1A1A1A; border: 1px solid #1A1A1A; border-radius: 100px; } .view-faq-type a.active, .view-faq-type a:hover, .view-faq-type a:active { color: #FFFFFF; background: #E60012; border-color: #E60012; } @media screen and (min-width: 768px) { .view-faq-type .view-inner { position: relative; display: flex; } } @media screen and (min-width: 1200px) { .view-faq-type .view-inner { display: block; } } @media screen and (min-width: 768px) { .view-faq-type .view-header { flex: 0 1 100%; } } .view-faq-type .view-header .type-all { padding-top: 40px; } @media screen and (min-width: 768px) { .view-faq-type .view-header .type-all { position: absolute; top: 0; right: 0; padding-top: 0; width: 240px; } } @media screen and (min-width: 1200px) { .view-faq-type .view-header .type-all { position: relative; padding-top: 120px; width: 100%; } } .view-faq-type .view-content { display: flex; flex-wrap: wrap; margin: 0 0 0 -8px; padding-top: 24px; } @media screen and (min-width: 768px) { .view-faq-type .view-content { flex: 0 0 248px; padding-top: 50px; } } @media screen and (min-width: 1200px) { .view-faq-type .view-content { padding-top: 24px; } } .view-faq-type .view-content .views-row { width: auto; padding: 0 0 8px 8px; } .view-faq .view-inner { display: flex; flex-direction: column; } .view-faq .pagination { margin: 0; padding: 50px 0 24px; justify-content: flex-end; } .view-faq .view-content { order: 1; } .node--type-upload .node { position: relative; max-width: 980px; margin: 0 auto; } .node--type-upload .node .upload-belong { font-weight: 700; font-size: 20px; line-height: 26px; color: #1A1A1A; } @media screen and (min-width: 768px) { .node--type-upload .node .upload-belong { font-size: 24px; line-height: 31.2px; padding-right: 120px; } } .node--type-upload .node h2.node__title { padding-top: 24px; font-weight: 700; font-size: 28px; line-height: 36.4px; } @media screen and (min-width: 768px) { .node--type-upload .node h2.node__title { font-size: 32px; line-height: 41.6px; padding-right: 120px; } } .node--type-upload .node .upload-mark { padding-top: 40px; } @media screen and (min-width: 768px) { .node--type-upload .node .upload-mark { position: absolute; top: 0; right: 0; padding-top: 0; } } .node--type-upload .node .upload-mark span { display: inline-block; padding: 8px 16px; border-radius: 100px; border: 1px solid #1A1A1A; font-size: 14px; line-height: 18.2px; color: #1A1A1A; } .node--type-upload .node .node__cover { position: relative; padding-top: 40px; } .node--type-upload .node .node__cover img { border-radius: 20px; } .node--type-upload .node .node__cover .slick-dotted.slick-slider { margin-bottom: 0; } .node--type-upload .node .node__cover ul.slick-dots { margin-bottom: 0; bottom: 0; right: 10px; width: auto; } @media screen and (min-width: 768px) { .node--type-upload .node .node__cover ul.slick-dots { right: 20px; } } .node--type-upload .node .node__cover .slick-dots li { margin: 0; } .node--type-upload .node .node__cover .slick-dots li button:before { color: #FFFFFF; } .node--type-upload .node .node__cover .field--name-field-award { position: absolute; top: 50px; left: 10px; background: #E60012; border-radius: 47.48px; padding: 8px 19px; color: #FFFFFF; font-weight: 500; font-size: 9.5px; line-height: 13.29px; } @media screen and (min-width: 768px) { .node--type-upload .node .node__cover .field--name-field-award { top: 60px; left: 20px; border-radius: 100px; padding: 16px 40px; font-weight: 500; font-size: 20px; line-height: 28px; } } .node--type-upload .node .node__content { padding-top: 40px; font-weight: 500; font-size: 18px; line-height: 25.2px; } @media screen and (min-width: 768px) { .node--type-upload .node .node__content { font-size: 20px; line-height: 28px; display: flex; } } .node--type-upload .node .node__content a { font-size: 18px; line-height: 25.2px; word-break: break-all; } @media screen and (min-width: 768px) { .node--type-upload .node .node__content a { font-size: 20px; line-height: 28px; } } .node--type-upload .node .node__content a .extlink-nobreak { white-space: normal; } .node--type-upload .node .node__content .field__label:after { display: inline; content: "："; } .node--type-upload .node .node__content .node__content-left { flex: 0 0 50%; } .node--type-upload .node .node__content .node__content-right { flex: 0 0 50%; } .node--type-upload .node .node__content .field--name-field-topic, .node--type-upload .node .node__content .field--name-field-duration, .node--type-upload .node .node__content .field--name-field-project, .node--type-upload .node .node__content .field--name-field-video { padding-top: 40px; } @media screen and (min-width: 768px) { .node--type-upload .node .node__content .field--name-field-project { padding-top: 0; } } .path-webform #block-kingcar-theme-page-title { display: none; } .path-webform .content-inner { background: #F0F0F0; border-radius: 20px; padding: 24px; } .path-webform #block-kingcar-theme-content { padding-top: 40px; } @media screen and (min-width: 1200px) { .path-webform #block-kingcar-theme-content { padding-left: 380px; } } .path-webform #block-kingcar-theme-content .form-type-webform-markup { text-align: center; border-bottom: 0; } @media screen and (min-width: 768px) { .path-webform #block-kingcar-theme-content .form-type-webform-markup { text-align: left; } } .page-node-600040 .content-inner, .page-node-600041 .content-inner { border-radius: 20px; padding: 24px; background: #F0F0F0; } @media screen and (min-width: 768px) { .page-node-600040 .content-inner, .page-node-600041 .content-inner { border-radius: 40px; padding: 50px; } } .page-node-600040 .node .node__title, .page-node-600041 .node .node__title { display: none; } .page-node-600040 .node .node__content, .page-node-600041 .node .node__content { max-width: 100%; } .page-node-600040 .node .field--name-body .section-header .section-title h3, .page-node-600041 .node .field--name-body .section-header .section-title h3 { font-size: 40px; } @media screen and (min-width: 1200px) { .page-node-600040 .node .field--name-body .section-header .section-title h3, .page-node-600041 .node .field--name-body .section-header .section-title h3 { font-size: 70px; } } .page-node-600040 .node .field--name-body .section-header .section-title h4, .page-node-600041 .node .field--name-body .section-header .section-title h4 { font-size: 18px; } @media screen and (min-width: 1200px) { .page-node-600040 .node .field--name-body .section-header .section-title h4, .page-node-600041 .node .field--name-body .section-header .section-title h4 { font-size: 24px; } } .page-node-600040 #block-kingcar-theme-exposedformproject-resultpage-1, .page-node-600040 #block-kingcar-theme-exposedformevent-resultpage-1, .page-node-600041 #block-kingcar-theme-exposedformproject-resultpage-1, .page-node-600041 #block-kingcar-theme-exposedformevent-resultpage-1 { padding-top: 40px; } @media screen and (min-width: 1200px) { .page-node-600040 #block-kingcar-theme-exposedformproject-resultpage-1, .page-node-600040 #block-kingcar-theme-exposedformevent-resultpage-1, .page-node-600041 #block-kingcar-theme-exposedformproject-resultpage-1, .page-node-600041 #block-kingcar-theme-exposedformevent-resultpage-1 { padding-left: 370px; } } .page-node-600040 #block-kingcar-theme-exposedformproject-resultpage-1 h2.block-title, .page-node-600040 #block-kingcar-theme-exposedformevent-resultpage-1 h2.block-title, .page-node-600041 #block-kingcar-theme-exposedformproject-resultpage-1 h2.block-title, .page-node-600041 #block-kingcar-theme-exposedformevent-resultpage-1 h2.block-title { padding-bottom: 32px; font-weight: 400; font-size: 15px; line-height: 1.5; } .page-node-600040 #block-kingcar-theme-exposedformproject-resultpage-1 form, .page-node-600040 #block-kingcar-theme-exposedformevent-resultpage-1 form, .page-node-600041 #block-kingcar-theme-exposedformproject-resultpage-1 form, .page-node-600041 #block-kingcar-theme-exposedformevent-resultpage-1 form { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .page-node-600040 #block-kingcar-theme-exposedformproject-resultpage-1 .form-type-textfield, .page-node-600040 #block-kingcar-theme-exposedformevent-resultpage-1 .form-type-textfield, .page-node-600041 #block-kingcar-theme-exposedformproject-resultpage-1 .form-type-textfield, .page-node-600041 #block-kingcar-theme-exposedformevent-resultpage-1 .form-type-textfield { flex: 0 0 100%; } @media screen and (min-width: 768px) { .page-node-600040 #block-kingcar-theme-exposedformproject-resultpage-1 .form-type-textfield, .page-node-600040 #block-kingcar-theme-exposedformevent-resultpage-1 .form-type-textfield, .page-node-600041 #block-kingcar-theme-exposedformproject-resultpage-1 .form-type-textfield, .page-node-600041 #block-kingcar-theme-exposedformevent-resultpage-1 .form-type-textfield { flex: 0 0 30%; } } .page-node-600040 #block-kingcar-theme-exposedformproject-resultpage-1 .captcha, .page-node-600040 #block-kingcar-theme-exposedformevent-resultpage-1 .captcha, .page-node-600041 #block-kingcar-theme-exposedformproject-resultpage-1 .captcha, .page-node-600041 #block-kingcar-theme-exposedformevent-resultpage-1 .captcha { flex: 0 0 100%; } @media screen and (min-width: 768px) { .page-node-600040 #block-kingcar-theme-exposedformproject-resultpage-1 .captcha, .page-node-600040 #block-kingcar-theme-exposedformevent-resultpage-1 .captcha, .page-node-600041 #block-kingcar-theme-exposedformproject-resultpage-1 .captcha, .page-node-600041 #block-kingcar-theme-exposedformevent-resultpage-1 .captcha { flex: 0 0 65%; } } .page-node-600040 #block-kingcar-theme-exposedformproject-resultpage-1 .form-actions, .page-node-600040 #block-kingcar-theme-exposedformevent-resultpage-1 .form-actions, .page-node-600041 #block-kingcar-theme-exposedformproject-resultpage-1 .form-actions, .page-node-600041 #block-kingcar-theme-exposedformevent-resultpage-1 .form-actions { flex: 0 0 100%; } @media screen and (min-width: 768px) { .page-node-600040 #block-kingcar-theme-exposedformproject-resultpage-1 .form-actions, .page-node-600040 #block-kingcar-theme-exposedformevent-resultpage-1 .form-actions, .page-node-600041 #block-kingcar-theme-exposedformproject-resultpage-1 .form-actions, .page-node-600041 #block-kingcar-theme-exposedformevent-resultpage-1 .form-actions { flex: 0 0 30%; } } .page-view-project-result #block-kingcar-theme-page-title, .page-view-event-result #block-kingcar-theme-page-title { display: none; } .view-project-result, .view-event-result { border-radius: 20px; padding: 24px; background: #F0F0F0; } @media screen and (min-width: 768px) { .view-project-result, .view-event-result { border-radius: 40px; padding: 50px; } } .view-project-result .view-filters, .view-event-result .view-filters { padding-top: 40px; } .view-project-result .view-filters .filter-text, .view-event-result .view-filters .filter-text { padding-bottom: 32px; } .view-project-result .view-filters .filter-data, .view-event-result .view-filters .filter-data { padding-left: 24px; border-left: 2px solid #1A1A1A; } .view-project-result .view-filters .filter-item, .view-event-result .view-filters .filter-item { display: flex; } .view-project-result .view-content-header, .view-event-result .view-content-header { padding-top: 32px; padding-bottom: 20px; border-bottom: 1px solid #1A1A1A; display: flex; justify-content: space-between; } .view-project-result .view-content-header .view-content-title, .view-event-result .view-content-header .view-content-title { font-weight: 700; font-size: 20px; line-height: 130%; } @media screen and (min-width: 768px) { .view-project-result .view-content-header .view-content-title, .view-event-result .view-content-header .view-content-title { font-size: 24px; } } .view-project-result .view-content-header .view-content-tip, .view-event-result .view-content-header .view-content-tip { padding-left: 27px; background-image: url("/themes/custom/kingcar_theme/images/icon-tip.png"); background-repeat: no-repeat; background-position: left center; background-size: 25px 25px; line-height: 25px; } @media screen and (min-width: 768px) { .view-project-result .view-content-header .view-content-tip, .view-event-result .view-content-header .view-content-tip { padding-left: 34px; background-size: 32px 32px; line-height: 32px; } } .view-project-result .view-content, .view-event-result .view-content { padding-top: 8px; } .view-project-result .view-content .views-row, .view-event-result .view-content .views-row { padding-top: 16px; } @media screen and (min-width: 768px) { .view-project-result .view-content .views-row, .view-event-result .view-content .views-row { width: 50%; } .view-project-result .view-content .views-row:nth-child(odd), .view-event-result .view-content .views-row:nth-child(odd) { padding-left: calc(var(--bs-gutter-x) * .5); padding-right: 12px; } .view-project-result .view-content .views-row:nth-child(even), .view-event-result .view-content .views-row:nth-child(even) { padding-left: 12px; padding-right: calc(var(--bs-gutter-x) * .5); } } @media screen and (min-width: 1200px) { .view-project-result .view-content .views-row:nth-child(odd), .view-event-result .view-content .views-row:nth-child(odd) { padding-right: 16px; } .view-project-result .view-content .views-row:nth-child(even), .view-event-result .view-content .views-row:nth-child(even) { padding-left: 16px; } } .view-project-result .views-row-inner, .view-event-result .views-row-inner { border: 1px solid #1A1A1A; background: #FFFFFF; border-radius: 20px; padding: 32px 24px; } @media screen and (min-width: 768px) { .view-project-result .views-row-inner, .view-event-result .views-row-inner { padding: 32px; } } .view-project-result .views-row-inner .views-field, .view-event-result .views-row-inner .views-field { padding-top: 15px; color: #3C3C3C; } .view-project-result .views-row-inner .views-field:first-child, .view-event-result .views-row-inner .views-field:first-child { padding-top: 0; } .view-project-result .views-row-inner .views-field-title, .view-event-result .views-row-inner .views-field-title { font-weight: 500; font-size: 18px; line-height: 140%; color: #000000; } @media screen and (min-width: 768px) { .view-project-result .views-row-inner .views-field-title, .view-event-result .views-row-inner .views-field-title { font-size: 20px; } } .view-project-result .views-row-inner .views-field-status-id .field-content, .view-event-result .views-row-inner .views-field-status-id .field-content { color: #FF0000; } .view-project-result .views-row-inner .views-field-action .btn-action, .view-project-result .views-row-inner .views-field-action form .btn-primary, form .view-project-result .views-row-inner .views-field-action .btn-primary, .view-project-result .views-row-inner .views-field-action form .form-submit, form .view-project-result .views-row-inner .views-field-action .form-submit, .view-project-result .views-row-inner .views-field-action .crm-container button, .crm-container .view-project-result .views-row-inner .views-field-action button, .view-project-result .views-row-inner .views-field-action .crm-container input[type="button"], .crm-container .view-project-result .views-row-inner .views-field-action input[type="button"], .view-project-result .views-row-inner .views-field-action .crm-container .button, .crm-container .view-project-result .views-row-inner .views-field-action .button, .view-project-result .views-row-inner .views-field-action .crm-container .form-submit, .crm-container .view-project-result .views-row-inner .views-field-action .form-submit, .view-project-result .views-row-inner .views-field-action .crm-button-type-upload button, .crm-button-type-upload .view-project-result .views-row-inner .views-field-action button, .view-project-result .views-row-inner .views-field-action .crm-button-type-upload input[type="button"], .crm-button-type-upload .view-project-result .views-row-inner .views-field-action input[type="button"], .view-project-result .views-row-inner .views-field-action .crm-button-type-upload .button, .crm-button-type-upload .view-project-result .views-row-inner .views-field-action .button, .view-project-result .views-row-inner .views-field-action .crm-button-type-upload .form-submit, .crm-button-type-upload .view-project-result .views-row-inner .views-field-action .form-submit, .view-project-result .views-row-inner .views-field-action .crm-button-type-next .form-submit, .crm-button-type-next .view-project-result .views-row-inner .views-field-action .form-submit, .view-project-result .views-row-inner .views-field-action .crm-button-type-done .form-submit, .crm-button-type-done .view-project-result .views-row-inner .views-field-action .form-submit, .view-project-result .views-row-inner .views-field-action .crm-container #register-me, .crm-container .view-project-result .views-row-inner .views-field-action #register-me, .view-project-result .views-row-inner .views-field-action .crm-container .crm-event-info-form-block .register_link-top a.crm-register-button, .crm-container .crm-event-info-form-block .register_link-top .view-project-result .views-row-inner .views-field-action a.crm-register-button, .view-project-result .views-row-inner .views-field-action .crm-container .crm-event-info-form-block .register_link-section a.crm-register-button, .crm-container .crm-event-info-form-block .register_link-section .view-project-result .views-row-inner .views-field-action a.crm-register-button, .view-project-result .views-row-inner .views-field-action .crm-container .crm-event-info-form-block .action-link a.crm-register-button:last-child, .crm-container .crm-event-info-form-block .action-link .view-project-result .views-row-inner .views-field-action a.crm-register-button:last-child, .view-project-result .views-row-inner .views-field-action .view-subject-parent .views-field-view-taxonomy-term a, .view-subject-parent .views-field-view-taxonomy-term .view-project-result .views-row-inner .views-field-action a, .view-project-result .views-row-inner .views-field-action .view-subject-children .views-field-view-taxonomy-term a, .view-subject-children .views-field-view-taxonomy-term .view-project-result .views-row-inner .views-field-action a, .view-project-result .views-row-inner .views-field-action .view-project-event .views-field-event-links a, .view-project-event .views-field-event-links .view-project-result .views-row-inner .views-field-action a, .view-event-result .views-row-inner .views-field-action .btn-action, .view-event-result .views-row-inner .views-field-action form .btn-primary, form .view-event-result .views-row-inner .views-field-action .btn-primary, .view-event-result .views-row-inner .views-field-action form .form-submit, form .view-event-result .views-row-inner .views-field-action .form-submit, .view-event-result .views-row-inner .views-field-action .crm-container button, .crm-container .view-event-result .views-row-inner .views-field-action button, .view-event-result .views-row-inner .views-field-action .crm-container input[type="button"], .crm-container .view-event-result .views-row-inner .views-field-action input[type="button"], .view-event-result .views-row-inner .views-field-action .crm-container .button, .crm-container .view-event-result .views-row-inner .views-field-action .button, .view-event-result .views-row-inner .views-field-action .crm-container .form-submit, .crm-container .view-event-result .views-row-inner .views-field-action .form-submit, .view-event-result .views-row-inner .views-field-action .crm-button-type-upload button, .crm-button-type-upload .view-event-result .views-row-inner .views-field-action button, .view-event-result .views-row-inner .views-field-action .crm-button-type-upload input[type="button"], .crm-button-type-upload .view-event-result .views-row-inner .views-field-action input[type="button"], .view-event-result .views-row-inner .views-field-action .crm-button-type-upload .button, .crm-button-type-upload .view-event-result .views-row-inner .views-field-action .button, .view-event-result .views-row-inner .views-field-action .crm-button-type-upload .form-submit, .crm-button-type-upload .view-event-result .views-row-inner .views-field-action .form-submit, .view-event-result .views-row-inner .views-field-action .crm-button-type-next .form-submit, .crm-button-type-next .view-event-result .views-row-inner .views-field-action .form-submit, .view-event-result .views-row-inner .views-field-action .crm-button-type-done .form-submit, .crm-button-type-done .view-event-result .views-row-inner .views-field-action .form-submit, .view-event-result .views-row-inner .views-field-action .crm-container #register-me, .crm-container .view-event-result .views-row-inner .views-field-action #register-me, .view-event-result .views-row-inner .views-field-action .crm-container .crm-event-info-form-block .register_link-top a.crm-register-button, .crm-container .crm-event-info-form-block .register_link-top .view-event-result .views-row-inner .views-field-action a.crm-register-button, .view-event-result .views-row-inner .views-field-action .crm-container .crm-event-info-form-block .register_link-section a.crm-register-button, .crm-container .crm-event-info-form-block .register_link-section .view-event-result .views-row-inner .views-field-action a.crm-register-button, .view-event-result .views-row-inner .views-field-action .crm-container .crm-event-info-form-block .action-link a.crm-register-button:last-child, .crm-container .crm-event-info-form-block .action-link .view-event-result .views-row-inner .views-field-action a.crm-register-button:last-child, .view-event-result .views-row-inner .views-field-action .view-subject-parent .views-field-view-taxonomy-term a, .view-subject-parent .views-field-view-taxonomy-term .view-event-result .views-row-inner .views-field-action a, .view-event-result .views-row-inner .views-field-action .view-subject-children .views-field-view-taxonomy-term a, .view-subject-children .views-field-view-taxonomy-term .view-event-result .views-row-inner .views-field-action a, .view-event-result .views-row-inner .views-field-action .view-project-event .views-field-event-links a, .view-project-event .views-field-event-links .view-event-result .views-row-inner .views-field-action a { width: fit-content; } .view-project-result .view-footer, .view-event-result .view-footer { padding-top: 32px; display: flex; justify-content: flex-end; } .view-project-result .view-footer .btn-action, .view-project-result .view-footer form .btn-primary, form .view-project-result .view-footer .btn-primary, .view-project-result .view-footer form .form-submit, form .view-project-result .view-footer .form-submit, .view-project-result .view-footer .crm-container button, .crm-container .view-project-result .view-footer button, .view-project-result .view-footer .crm-container input[type="button"], .crm-container .view-project-result .view-footer input[type="button"], .view-project-result .view-footer .crm-container .button, .crm-container .view-project-result .view-footer .button, .view-project-result .view-footer .crm-container .form-submit, .crm-container .view-project-result .view-footer .form-submit, .view-project-result .view-footer .crm-button-type-upload button, .crm-button-type-upload .view-project-result .view-footer button, .view-project-result .view-footer .crm-button-type-upload input[type="button"], .crm-button-type-upload .view-project-result .view-footer input[type="button"], .view-project-result .view-footer .crm-button-type-upload .button, .crm-button-type-upload .view-project-result .view-footer .button, .view-project-result .view-footer .crm-button-type-upload .form-submit, .crm-button-type-upload .view-project-result .view-footer .form-submit, .view-project-result .view-footer .crm-button-type-next .form-submit, .crm-button-type-next .view-project-result .view-footer .form-submit, .view-project-result .view-footer .crm-button-type-done .form-submit, .crm-button-type-done .view-project-result .view-footer .form-submit, .view-project-result .view-footer .crm-container #register-me, .crm-container .view-project-result .view-footer #register-me, .view-project-result .view-footer .crm-container .crm-event-info-form-block .register_link-top a.crm-register-button, .crm-container .crm-event-info-form-block .register_link-top .view-project-result .view-footer a.crm-register-button, .view-project-result .view-footer .crm-container .crm-event-info-form-block .register_link-section a.crm-register-button, .crm-container .crm-event-info-form-block .register_link-section .view-project-result .view-footer a.crm-register-button, .view-project-result .view-footer .crm-container .crm-event-info-form-block .action-link a.crm-register-button:last-child, .crm-container .crm-event-info-form-block .action-link .view-project-result .view-footer a.crm-register-button:last-child, .view-project-result .view-footer .view-subject-parent .views-field-view-taxonomy-term a, .view-subject-parent .views-field-view-taxonomy-term .view-project-result .view-footer a, .view-project-result .view-footer .view-subject-children .views-field-view-taxonomy-term a, .view-subject-children .views-field-view-taxonomy-term .view-project-result .view-footer a, .view-project-result .view-footer .view-project-event .views-field-event-links a, .view-project-event .views-field-event-links .view-project-result .view-footer a, .view-event-result .view-footer .btn-action, .view-event-result .view-footer form .btn-primary, form .view-event-result .view-footer .btn-primary, .view-event-result .view-footer form .form-submit, form .view-event-result .view-footer .form-submit, .view-event-result .view-footer .crm-container button, .crm-container .view-event-result .view-footer button, .view-event-result .view-footer .crm-container input[type="button"], .crm-container .view-event-result .view-footer input[type="button"], .view-event-result .view-footer .crm-container .button, .crm-container .view-event-result .view-footer .button, .view-event-result .view-footer .crm-container .form-submit, .crm-container .view-event-result .view-footer .form-submit, .view-event-result .view-footer .crm-button-type-upload button, .crm-button-type-upload .view-event-result .view-footer button, .view-event-result .view-footer .crm-button-type-upload input[type="button"], .crm-button-type-upload .view-event-result .view-footer input[type="button"], .view-event-result .view-footer .crm-button-type-upload .button, .crm-button-type-upload .view-event-result .view-footer .button, .view-event-result .view-footer .crm-button-type-upload .form-submit, .crm-button-type-upload .view-event-result .view-footer .form-submit, .view-event-result .view-footer .crm-button-type-next .form-submit, .crm-button-type-next .view-event-result .view-footer .form-submit, .view-event-result .view-footer .crm-button-type-done .form-submit, .crm-button-type-done .view-event-result .view-footer .form-submit, .view-event-result .view-footer .crm-container #register-me, .crm-container .view-event-result .view-footer #register-me, .view-event-result .view-footer .crm-container .crm-event-info-form-block .register_link-top a.crm-register-button, .crm-container .crm-event-info-form-block .register_link-top .view-event-result .view-footer a.crm-register-button, .view-event-result .view-footer .crm-container .crm-event-info-form-block .register_link-section a.crm-register-button, .crm-container .crm-event-info-form-block .register_link-section .view-event-result .view-footer a.crm-register-button, .view-event-result .view-footer .crm-container .crm-event-info-form-block .action-link a.crm-register-button:last-child, .crm-container .crm-event-info-form-block .action-link .view-event-result .view-footer a.crm-register-button:last-child, .view-event-result .view-footer .view-subject-parent .views-field-view-taxonomy-term a, .view-subject-parent .views-field-view-taxonomy-term .view-event-result .view-footer a, .view-event-result .view-footer .view-subject-children .views-field-view-taxonomy-term a, .view-subject-children .views-field-view-taxonomy-term .view-event-result .view-footer a, .view-event-result .view-footer .view-project-event .views-field-event-links a, .view-project-event .views-field-event-links .view-event-result .view-footer a { color: #000000; background: #FFFFFF; border-color: #000000; } .view-project-result .view-footer .btn-action:after, .view-project-result .view-footer form .btn-primary:after, form .view-project-result .view-footer .btn-primary:after, .view-project-result .view-footer form .form-submit:after, form .view-project-result .view-footer .form-submit:after, .view-project-result .view-footer .crm-container button:after, .crm-container .view-project-result .view-footer button:after, .view-project-result .view-footer .crm-container input[type="button"]:after, .crm-container .view-project-result .view-footer input[type="button"]:after, .view-project-result .view-footer .crm-container .button:after, .crm-container .view-project-result .view-footer .button:after, .view-project-result .view-footer .crm-container .form-submit:after, .crm-container .view-project-result .view-footer .form-submit:after, .view-project-result .view-footer .crm-button-type-upload button:after, .crm-button-type-upload .view-project-result .view-footer button:after, .view-project-result .view-footer .crm-button-type-upload input[type="button"]:after, .crm-button-type-upload .view-project-result .view-footer input[type="button"]:after, .view-project-result .view-footer .crm-button-type-upload .button:after, .crm-button-type-upload .view-project-result .view-footer .button:after, .view-project-result .view-footer .crm-button-type-upload .form-submit:after, .crm-button-type-upload .view-project-result .view-footer .form-submit:after, .view-project-result .view-footer .crm-button-type-next .form-submit:after, .crm-button-type-next .view-project-result .view-footer .form-submit:after, .view-project-result .view-footer .crm-button-type-done .form-submit:after, .crm-button-type-done .view-project-result .view-footer .form-submit:after, .view-project-result .view-footer .crm-container #register-me:after, .crm-container .view-project-result .view-footer #register-me:after, .view-project-result .view-footer .crm-container .crm-event-info-form-block .register_link-top a.crm-register-button:after, .crm-container .crm-event-info-form-block .register_link-top .view-project-result .view-footer a.crm-register-button:after, .view-project-result .view-footer .crm-container .crm-event-info-form-block .register_link-section a.crm-register-button:after, .crm-container .crm-event-info-form-block .register_link-section .view-project-result .view-footer a.crm-register-button:after, .view-project-result .view-footer .crm-container .crm-event-info-form-block .action-link a.crm-register-button:last-child:after, .crm-container .crm-event-info-form-block .action-link .view-project-result .view-footer a.crm-register-button:last-child:after, .view-project-result .view-footer .view-subject-parent .views-field-view-taxonomy-term a:after, .view-subject-parent .views-field-view-taxonomy-term .view-project-result .view-footer a:after, .view-project-result .view-footer .view-subject-children .views-field-view-taxonomy-term a:after, .view-subject-children .views-field-view-taxonomy-term .view-project-result .view-footer a:after, .view-project-result .view-footer .view-project-event .views-field-event-links a:after, .view-project-event .views-field-event-links .view-project-result .view-footer a:after, .view-event-result .view-footer .btn-action:after, .view-event-result .view-footer form .btn-primary:after, form .view-event-result .view-footer .btn-primary:after, .view-event-result .view-footer form .form-submit:after, form .view-event-result .view-footer .form-submit:after, .view-event-result .view-footer .crm-container button:after, .crm-container .view-event-result .view-footer button:after, .view-event-result .view-footer .crm-container input[type="button"]:after, .crm-container .view-event-result .view-footer input[type="button"]:after, .view-event-result .view-footer .crm-container .button:after, .crm-container .view-event-result .view-footer .button:after, .view-event-result .view-footer .crm-container .form-submit:after, .crm-container .view-event-result .view-footer .form-submit:after, .view-event-result .view-footer .crm-button-type-upload button:after, .crm-button-type-upload .view-event-result .view-footer button:after, .view-event-result .view-footer .crm-button-type-upload input[type="button"]:after, .crm-button-type-upload .view-event-result .view-footer input[type="button"]:after, .view-event-result .view-footer .crm-button-type-upload .button:after, .crm-button-type-upload .view-event-result .view-footer .button:after, .view-event-result .view-footer .crm-button-type-upload .form-submit:after, .crm-button-type-upload .view-event-result .view-footer .form-submit:after, .view-event-result .view-footer .crm-button-type-next .form-submit:after, .crm-button-type-next .view-event-result .view-footer .form-submit:after, .view-event-result .view-footer .crm-button-type-done .form-submit:after, .crm-button-type-done .view-event-result .view-footer .form-submit:after, .view-event-result .view-footer .crm-container #register-me:after, .crm-container .view-event-result .view-footer #register-me:after, .view-event-result .view-footer .crm-container .crm-event-info-form-block .register_link-top a.crm-register-button:after, .crm-container .crm-event-info-form-block .register_link-top .view-event-result .view-footer a.crm-register-button:after, .view-event-result .view-footer .crm-container .crm-event-info-form-block .register_link-section a.crm-register-button:after, .crm-container .crm-event-info-form-block .register_link-section .view-event-result .view-footer a.crm-register-button:after, .view-event-result .view-footer .crm-container .crm-event-info-form-block .action-link a.crm-register-button:last-child:after, .crm-container .crm-event-info-form-block .action-link .view-event-result .view-footer a.crm-register-button:last-child:after, .view-event-result .view-footer .view-subject-parent .views-field-view-taxonomy-term a:after, .view-subject-parent .views-field-view-taxonomy-term .view-event-result .view-footer a:after, .view-event-result .view-footer .view-subject-children .views-field-view-taxonomy-term a:after, .view-subject-children .views-field-view-taxonomy-term .view-event-result .view-footer a:after, .view-event-result .view-footer .view-project-event .views-field-event-links a:after, .view-project-event .views-field-event-links .view-event-result .view-footer a:after { background-image: url("/themes/custom/kingcar_theme/images/icon-btn-h.png"); } .page-view-event #block-kingcar-theme-page-title { display: none; } .view-event .view-inner { background: #F0F0F0; border-radius: 20px; padding: 24px 16px; } @media screen and (min-width: 768px) { .view-event .view-inner { border-radius: 40px; padding: 50px; } } .view-event .section-title h4 { font-weight: 700; font-size: 34px; line-height: 44.2px; padding-bottom: 24px; color: #1A1A1A; } @media screen and (min-width: 768px) { .view-event .section-title h4 { font-size: 40px; line-height: 52px; padding-bottom: 0; } }