Sid Gifari File Manager
🏠 Root
/
home
/
ailwtbdh
/
public_html
/
wp-content
/
plugins
/
element-ready-lite
/
assets
/
css
/
Editing: grid-cOPY2.css
.quomodo-container, .quomodo-container-fluid, .quomodo-container-lg, .quomodo-container-md, .quomodo-container-sm, .quomodo-container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width:576px) { .quomodo-container, .quomodo-container-sm { max-width: 540px } } @media (min-width:768px) { .quomodo-container, .quomodo-container-md, .quomodo-container-sm { max-width: 720px } } @media (min-width:992px) { .quomodo-container, .quomodo-container-lg, .quomodo-container-md, .quomodo-container-sm { max-width: 960px } } @media (min-width:1200px) { .quomodo-container, .quomodo-container-lg, .quomodo-container-md, .quomodo-container-sm, .quomodo-container-xl { max-width: 1140px } } @media (min-width:1400px) { .quomodo-container, .quomodo-container-lg, .quomodo-container-md, .quomodo-container-sm, .quomodo-container-xl, .quomodo-container-xxl { max-width: 1320px } } .quomodo-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .quomodo-col, .quomodo-col-1, .quomodo-col-10, .quomodo-col-11, .quomodo-col-12, .quomodo-col-2, .quomodo-col-3, .quomodo-col-4, .quomodo-col-5, .quomodo-col-6, .quomodo-col-7, .quomodo-col-8, .quomodo-col-9, .quomodo-col-auto, .quomodo-col-lg, .quomodo-col-lg-1, .quomodo-col-lg-10, .quomodo-col-lg-11, .quomodo-col-lg-12, .quomodo-col-lg-2, .quomodo-col-lg-3, .quomodo-col-lg-4, .quomodo-col-lg-5, .quomodo-col-lg-6, .quomodo-col-lg-7, .quomodo-col-lg-8, .quomodo-col-lg-9, .quomodo-col-lg-auto, .quomodo-col-md, .quomodo-col-md-1, .quomodo-col-md-10, .quomodo-col-md-11, .quomodo-col-md-12, .quomodo-col-md-2, .quomodo-col-md-3, .quomodo-col-md-4, .quomodo-col-md-5, .quomodo-col-md-6, .quomodo-col-md-7, .quomodo-col-md-8, .quomodo-col-md-9, .quomodo-col-md-auto, .quomodo-col-sm, .quomodo-col-sm-1, .quomodo-col-sm-10, .quomodo-col-sm-11, .quomodo-col-sm-12, .quomodo-col-sm-2, .quomodo-col-sm-3, .quomodo-col-sm-4, .quomodo-col-sm-5, .quomodo-col-sm-6, .quomodo-col-sm-7, .quomodo-col-sm-8, .quomodo-col-sm-9, .quomodo-col-sm-auto, .quomodo-col-xl, .quomodo-col-xl-1, .quomodo-col-xl-10, .quomodo-col-xl-11, .quomodo-col-xl-12, .quomodo-col-xl-2, .quomodo-col-xl-3, .quomodo-col-xl-4, .quomodo-col-xl-5, .quomodo-col-xl-6, .quomodo-col-xl-7, .quomodo-col-xl-8, .quomodo-col-xl-9, .quomodo-col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px } .quomodo-col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .quomodo-col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .quomodo-col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .quomodo-col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .quomodo-col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .quomodo-col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .quomodo-col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .quomodo-col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .quomodo-col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .quomodo-col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .quomodo-col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .quomodo-col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .quomodo-col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } @media (min-width:576px) { .quomodo-col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .quomodo-col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .quomodo-col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .quomodo-col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .quomodo-col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .quomodo-col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .quomodo-col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .quomodo-col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .quomodo-col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .quomodo-col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .quomodo-col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .quomodo-col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .quomodo-col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .quomodo-col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } } @media (min-width:768px) { .quomodo-col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .quomodo-row-cols-md-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .quomodo-row-cols-md-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .quomodo-row-cols-md-3>* { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .quomodo-row-cols-md-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .quomodo-row-cols-md-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .quomodo-row-cols-md-6>* { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .quomodo-col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .quomodo-col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .quomodo-col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .quomodo-col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .quomodo-col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .quomodo-col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .quomodo-col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .quomodo-col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .quomodo-col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .quomodo-col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .quomodo-col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .quomodo-col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .quomodo-col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } } @media (min-width:1200px) { .quomodo-col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .quomodo-col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .quomodo-col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .quomodo-col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .quomodo-col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } } .quomodo_switch_common>li { margin-right: 30px; vertical-align: middle } .quomodo_switch_common>li:last-child { margin-right: 0 } .quomodo_switch_common .quomodo_switch { visibility: hidden; margin-left: -9999px; position: absolute } .quomodo_switch_common label { margin-bottom: 0 } .quomodo_switch_common .quomodo_switch+label { display: inline-block; position: relative; cursor: pointer; outline: 0; border-radius: 80px; border: 2px solid #3467ff; user-select: none; float: right } .quomodo_switch_common .quomodo_switch+label:before { right: 0; background: #f1f1f1; border-radius: 75px } .quomodo_switch_common .quomodo_switch+label:after { background-color: #fff; border-radius: 100%; box-shadow: 0 0 3px rgba(0, 0, 0, .3) } .quomodo_switch_common .quomodo_switch+label:after, .quomodo_switch_common .quomodo_switch+label:before { content: ""; display: block; height: 100%; width: 100%; left: 0; position: absolute; top: 0 } .quomodo_switch_common .quomodo_switch:checked+label:before { background-color: #3467ff; width: 105%; left: -1px } .quomodo_switch_common .quomodo_switch:checked+label { border-color: #3467ff } .quomodo_sm_switch .quomodo_switch+label { height: 26px; width: 45px } .quomodo_sm_switch .quomodo_switch+label:after { width: 16px; height: 16px; top: 3px; left: 3px } .quomodo_sm_switch .quomodo_switch:checked+label:after { margin-left: 20px; top: 3px } .elements-ready-grid-style-one-wrappper { display: flex; flex-wrap: wrap; } .feature_grid { width: 50%; } .second_grid { flex: 1; min-width: 1px; display: flex; flex-wrap: wrap; } .grid-faeture { height: 562px; position: relative; overflow: hidden; border-radius: 5px; } .grid-faeture img, .second_grid .grid-item img { height: 100%; width: 100%; object-fit: cover; transition: 2s all; } .feature_grid:hover .grid-faeture img, .items_wrapper:hover .grid-item img { transform: scale(1.2); } .second_grid .grid-item { /* width: 50%; */ height: 200px; position: relative; overflow: hidden; border-radius: 5px; } .items_wrapper { width: 50%; height: auto; padding-left: 20px; } .taxonomy-wrapper { position: absolute; bottom: 32px; left: 32px; } .taxonomy-wrapper a { padding: 12px 18px; display: inline-block; background: #FFFFFF; text-decoration: none; font-size: 16px; color: #262626; border-radius: 5px; } a.taxonomy_absoulte { border: none; background: white; color: black; font-weight: 500; padding: 12px 18px; font-size: 16px; border-radius: 3px; text-decoration: none; } .post-grid-meta-top { display: flex; gap: 25px; margin-bottom: 12px; } .post-grid-details-box { display: flex; justify-content: center; align-items: center; gap: 10px; } .post-grid-details-box>p { color: #5E5454; font-size: 14px; font-weight: 400; } .post-grid-bottom-meta { margin-top: 25px; margin-bottom: 30px; } h3.blog-post-grid-title { font-size: 26px; line-height: 36px; font-weight: 500; } .elm-ready-five-wrapper { display: flex; flex-wrap: wrap; } .first-block { width: 50%; height: 472px; } .second_block { flex: 1; flex-wrap: wrap; display: flex; } .single-item-five { width: 50%; padding-left: 30px; position: relative; height: auto; } .feature-iteam-five { position: relative; } .feat-five-abs { position: absolute; bottom: 0; width: 100%; padding: 27px; } .normal-grid-meta { position: absolute; bottom: 27px; } .elm-ready-five-wrapper { display: flex; flex-wrap: wrap; } .first-block { width: 50%; } .second_block { flex: 1; flex-wrap: wrap; display: flex; padding-left: 0px; } .single-item-five { width: 50%; padding-left: 30px; position: relative; height: auto; } .feature-iteam-five { position: relative; height: 100%; width: 100%; } .feat-five-abs { position: absolute; bottom: 0; width: 100%; padding: 27px; } .normal-grid-meta { position: absolute; bottom: 0; z-index: 12; } .single-item-five { height: 220px; margin-bottom: 30px; } .single-item-five img { height: 100%; width: 100%; object-fit: cover; } .feature-iteam-five img { height: 100%; object-fit: cover; } /* .single-item-five:after { position: absolute; content: ""; top: 0; right: 0; left: 0; bottom: 0; background: black; opacity: 0.4; } */ .feat-five-abs { z-index: 12; } .normal-grid-meta { padding: 18px 20px; color: white; } .grid-5-img-wrapper img { width: 100%; } .grid-5-img-wrapper { height: 100%; width: 100%; position: relative; overflow: hidden; border-radius: 5px; } .grid-5-img-wrapper::after { position: absolute; content: ""; top: 0; right: 0; left: 0; bottom: 0; background: black; opacity: 0.4; } .grid-5-img-wrapper>img { transition: 1s all; } .grid-5-img-wrapper:hover>img { transform: scale(1.3); } .feat-five-abs { color: white; } .feat-five-abs .post-grid-date, .feat-five-abs .post-grid-author-name, .normal-grid-meta .post-grid-date, .normal-grid-meta .post-grid-author-name { color: white; } @media screen and (min-width: 768px) and (max-width: 1090px) { .feature_grid { width: 100%; padding: 20px; } .elm-ready-five-wrapper { flex-direction: column; gap: 30px; } .second_block { gap: 4%; } .first-block { width: 100%; height: 701px; } .single-item-five { height: 360px; width: 48%; padding-left: 0; } .grid-faeture { height: 701px; position: relative; } .second_grid .grid-item { height: 360px; } .items_wrapper { padding-right: 20px; } } @media screen and (max-width: 767px) { .elm-ready-five-wrapper { flex-direction: column; gap: 30px; } .first-block { width: 100%; height: 300px; } .second_block { flex-direction: column; } .single-item-five { padding-left: 0px; width: 100%; height: 300px; } .feature_grid { width: 100%; padding: 10px; } .grid-faeture { height: 300px; } .second_grid .grid-item { height: 300px; } .items_wrapper { width: 100%; height: auto; padding: 10px; } } .er-ready-dr-wrapper.grid-two { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } .er-ready-dr-wrapper.grid-two { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } .medical-grid-item { display: flex; gap: 17px; justify-content: space-between; align-items: center; background-color: #ffebeb; padding: 30px; border-radius: 10px; } .medical-post-meta { flex: 60%; } .medical-image-wrapper { flex: 30%; /* overflow: hidden; */ } .medical-image-wrapper img { height: 150px; width: 150px; object-fit: cover; border-radius: 50%; } .top_category a { color: #5E5454; font-size: 14px; font-weight: 400; } .top_category { display: flex; align-items: center; gap: 10px; } .top_category span i { color: #7575FF; } .post_title h3 { font-size: 26px; font-weight: 700; margin: 25px 0; line-height: 36px; } .author_thumb img { height: 70px; width: 70px; object-fit: cover; border-radius: 50%; } .author_thumb { width: 80px; height: 80px; background: #c4c1c1; display: flex; justify-content: center; align-items: center; border-radius: 50%; } .medical-feat-img-wrapper { display: flex; justify-content: end; } .author_details { display: flex; align-items: center; gap: 15px; } .author_name h3 { font-size: 18px; font-weight: bold; color: #262626; margin-bottom: 12px; } .author_name span { font-size: 14px; line-height: 18px; font-weight: 400; color: #5E5454; } /* blog */ .er-ready-blog-wrapper.grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; } .er-grid-items { background: rgb(228, 227, 227); border-radius: 7px; overflow: hidden; } .grid-img-wrapper img { width: 100%; object-fit: cover; } .post_bottom_meta { padding: 30px 36px; } .top_author_comment { display: flex; gap: 30px; font-size: 16px; font-weight: 400; color: #535353; } .random_title_section h3 a { text-decoration: none; color: #1C1C1C; line-height: 35px; font-size: 26px; font-weight: 700; padding: 15px 0; border-bottom: 2px solid #C6E2FF; display: block; } .random_read_more { margin-top: 13px; display: flex; align-items: center; gap: 10px; } .random_read_more i { color: #1C1C1C; } .random_read_more:hover a { color: #007CFB; } .random_read_more:hover i { color: #007CFB; } .random_read_more a { font-size: 16px; color: #1C1C1C; text-decoration: none; font-weight: 800; transition: 0.4s all; } .industry-meta { padding: 30px; border: 1px solid #E7E7E7; } .industry_titile h3 a { color: #333333; font-size: 26px; line-height: 36px; text-decoration: none; font-weight: 700; display: block; } button.read-more-btn { padding: 15px 30px; margin-top: 30px; border: 1px solid #FF5E14; background: none; border-radius: 5px; } .industry_titile h3 a { text-decoration: none; } .industry_titile h3:hover a { color: #FF5E14; } button.read-more-btn a { text-decoration: none; color: #151222; font-size: 18px; font-weight: 400; transition: 0.4s all; } button.read-more-btn:hover { background-color: #FF5E14; } button.read-more-btn:hover a { color: white; } .abs_category { position: absolute; bottom: 11px; left: 27px; } .category_button a { background: #FF5E14; color: white; padding: 12px 15px; font-size: 16px; } .grid-img-wrapper { position: relative; height: 260px; overflow: hidden; } .grid-img-wrapper:hover img { transform: rotate(45deg) scale(1.8); filter: grayscale(60%) } .grid-img-wrapper img { height: 100%; transition: 1.3s all; } /* TWO GRID */ .er-ready-two-grid-rwapper { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } .er-two-grid-item { background: #F3F3F3; padding: 25px; border-radius: 5px; } .two-grid-img-wrapper { border-radius: 5px; overflow: hidden; height: 400px; width: 100%; position: relative; } .two-grid-img-wrapper:hover img { transform: scale(1.5); } .two-grid-img-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: 1.5s all; } .er-two-grid-bottom-meta-wrapper { margin: 25px 0; } .er-two-grid-meta-top { display: flex; gap: 25px; margin-bottom: 12px; } .er-two-grid-details-box.element-ready-meta-list { display: flex; justify-content: center; align-items: center; gap: 10px; } .er-two-grid-details-box>p { color: #5E5454; font-size: 14px; font-weight: 400; } .er-two-grid-details-box+i { color: #007CFB; } .er-two-grid-bottom-meta-wrapper h3 { font-size: 26px; line-height: 36px; font-weight: 700; } .er-two-grid-bottom-meta-wrapper h3 a { color: #151222; text-decoration: none; } .read_more_two_grid { display: inline-block; background: #1666FF; padding: 10px 25px; margin-top: 20px; border-radius: 5px; } .read_more_two_grid a { color: white; text-decoration: none; font-size: 18px; } .er-two-taxonomy { position: absolute; z-index: 888; top: 25px; left: 25px; } .er-two-taxonomy a { padding: 12px 18px; display: inline-block; background: #FFFFFF; text-decoration: none; font-size: 16px; color: #262626; border-radius: 5px; } .read_more_two_grid i { color: white; position: relative; top: 1px; transition: 0.8s all; font-size: 15px; left: 3px; } .read_more_two_grid:hover i { left: 6px; font-size: 18px; } @media screen and (min-width: 768px) and (max-width: 1090px) { .er-ready-blog-wrapper.grid-3 { grid-template-columns: 1fr 1fr; } .er-ready-dr-wrapper.grid-two { grid-template-columns: 1fr; } } @media screen and (max-width: 767px) { .er-ready-blog-wrapper.grid-3 { grid-template-columns: 1fr; } .er-ready-two-grid-rwapper { grid-template-columns: 1fr; } }
Save
Cancel