.pkp_page_index .homepage_image { margin-top: -1px; padding: 10px; } .pkp_structure_page { margin-top: 5px !important; margin-bottom:0 !important; padding-bottom: 0 !important; } .pkp_structure_main .page h1 { margin-top: 0; margin-bottom: 0; } .pkp_site_name_wrapper { padding-left: 0; padding-right: 0; } .pkp_site_name { padding-top: 0 !important; padding-bottom: 0 !important; } .pkp_site_name .is_img { margin-top:0px; display: inline; } .pkp_site_name .is_img img { display: inline-block; max-height: 100% !important; max-width: 100% !important; padding-top:0px; } .pkp_navigation_user_wrapper { top: 0; right: 0; padding-right:30px; } @media only screen and (max-width: 991px) { .has_site_logo .pkp_head_wrapper { height: 18.4rem; } .pkp_site_name { padding-left: 0 !important; } .pkp_site_name .is_img img { aspect-ratio: 6 / 2.25; } .pkp_block { padding-left: 1.15rem; padding-right: 1.15rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } } @media only screen and (max-width: 768px) { .has_site_logo .pkp_head_wrapper { height: 17rem; padding-right: 0 !important; } .pkp_site_name { padding-left: 0 !important; } .pkp_site_name .is_img img { aspect-ratio: 6 / 2; } } @media only screen and (max-width: 650px) { .has_site_logo .pkp_head_wrapper { height: 14.3rem; padding-right: 0 !important; } .pkp_site_name { padding-left: 0 !important; } .pkp_site_name .is_img img { aspect-ratio: 6 / 2; } } @media only screen and (max-width: 500px) { .has_site_logo .pkp_head_wrapper { height: 12.3rem; padding-right: 0 !important; } .pkp_site_name { padding-left: 0 !important; } .pkp_site_name .is_img img { aspect-ratio: 5.2 / 2; } } @media only screen and (max-width: 400px) { .has_site_logo .pkp_head_wrapper { height: 10rem; padding-right: 0 !important; } .pkp_site_name { padding-left: 0 !important; } .pkp_site_name .is_img img { aspect-ratio: 5 / 2; } } .tablepress { width: 100% } .tablepress-responsive * { word-break: normal } .tablepress-responsive img { width: 45%; height: auto } .tablepress td,.tablepress th { color: #22396f!important; padding: 8px!important; border: none!important; background: 0 0!important; text-align: center } .tablepress thead th { background-color: #22396f!important; font-weight: 700!important; vertical-align: middle!important; font-size: 18px!important; color: #fff!important; text-align: center!important } .tablepress .odd td { background-color: #e8ebf0!important } .tablepress tbody td { border-top: none!important } .tablepress-id-9 .column-1 { font-family: Roboto; text-align: center; vertical-align: middle } .tablepress-id-9 .column-2 { font-family: Roboto; text-align: center; vertical-align: middle } /*********************************************************************************************************/ @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800&display=swap'); .text-blk { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; line-height: 25px; } .responsive-cell-block { min-height: 75px; } .responsive-container-block { min-height: 75px; height: fit-content; width: 100%; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; display: flex; flex-wrap: wrap; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; justify-content: flex-start; } .outer-container { padding-top: 0px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; } .inner-container { max-width: 1320px; padding-top: 20px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin-top: 0px; margin-right: auto; margin-bottom: 50px; margin-left: auto; } .heading-text { font-size: 48px; line-height: 50px; font-weight: 900; display: flex; flex-direction: column; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .sub-heading-text { line-height: 30px; color: rgb(122, 122, 122); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .name { font-size: 18px; font-weight: 800; line-height: 24px; padding-top: 15px; padding-right: 10px; padding-bottom: 5px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .position { line-height: 24px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .card { display: block; flex-direction: column; align-items: center; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .card-img { width: 100%; height: 250px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; max-width: 300px; } .card-container { display: inline-block; margin-top: 0px; margin-right: 0px; margin-bottom: 40px; margin-left: 0px; } .headings-container { padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; } .team-members-container { display: flex; flex-wrap: wrap; } @media (max-width: 1024px) { .name { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 5px; padding-left: 0px; } .position { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 0px; } .card-img { width: 100%; min-width: 100%; height: 250px; min-height: 230px; max-height: 230px; } } @media (max-width: 768px) { .position { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .name { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .heading-text { text-align: center; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } .sub-heading-text { text-align: center; color: rgb(122, 122, 122); max-width: 500px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .team-members-container { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .card { display: flex; } .card-img { max-width: 300px; min-width: 250px; } .headings-container { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .card { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .heading-text { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .inner-container { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } @media (max-width: 500px) { .heading-text { text-align: left; line-height: 65px; } .sub-heading-text { color: rgb(122, 122, 122); text-align: left; } .name { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; } .position { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } .inner-container { margin-top: 0px; margin-right: 0px; margin-bottom: 50px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .card { display: flex; flex-direction: column; align-items: center; justify-content: center; } .outer-container { padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; } .card-img { width: 100%; } .heading-text { font-size: 40px; line-height: 45px; } .card-img { min-width: auto; } } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; } .wk-desk-1 { width: 8.333333%; } .wk-desk-2 { width: 16.666667%; } .wk-desk-3 { width: 25%; } .wk-desk-4 { width: 33.333333%; } .wk-desk-5 { width: 41.666667%; } .wk-desk-6 { width: 50%; } .wk-desk-7 { width: 58.333333%; } .wk-desk-8 { width: 66.666667%; } .wk-desk-9 { width: 75%; } .wk-desk-10 { width: 83.333333%; } .wk-desk-11 { width: 91.666667%; } .wk-desk-12 { width: 100%; } @media (max-width: 1024px) { .wk-ipadp-1 { width: 8.333333%; } .wk-ipadp-2 { width: 16.666667%; } .wk-ipadp-3 { width: 25%; } .wk-ipadp-4 { width: 33.333333%; } .wk-ipadp-5 { width: 41.666667%; } .wk-ipadp-6 { width: 50%; } .wk-ipadp-7 { width: 58.333333%; } .wk-ipadp-8 { width: 66.666667%; } .wk-ipadp-9 { width: 75%; } .wk-ipadp-10 { width: 83.333333%; } .wk-ipadp-11 { width: 91.666667%; } .wk-ipadp-12 { width: 100%; } } @media (max-width: 768px) { .wk-tab-1 { width: 8.333333%; } .wk-tab-2 { width: 16.666667%; } .wk-tab-3 { width: 25%; } .wk-tab-4 { width: 33.333333%; } .wk-tab-5 { width: 41.666667%; } .wk-tab-6 { width: 50%; } .wk-tab-7 { width: 58.333333%; } .wk-tab-8 { width: 66.666667%; } .wk-tab-9 { width: 75%; } .wk-tab-10 { width: 83.333333%; } .wk-tab-11 { width: 91.666667%; } .wk-tab-12 { width: 100%; } } @media (max-width: 500px) { .wk-mobile-1 { width: 8.333333%; } .wk-mobile-2 { width: 16.666667%; } .wk-mobile-3 { width: 25%; } .wk-mobile-4 { width: 33.333333%; } .wk-mobile-5 { width: 41.666667%; } .wk-mobile-6 { width: 50%; } .wk-mobile-7 { width: 58.333333%; } .wk-mobile-8 { width: 66.666667%; } .wk-mobile-9 { width: 75%; } .wk-mobile-10 { width: 83.333333%; } .wk-mobile-11 { width: 91.666667%; } .wk-mobile-12 { width: 100%; } }