.eap-post-meta{margin-bottom: 30px;}.eap-post-meta li { line-height: 1;} .eap-post-meta li:not(:first-child) { margin-left: 10px; border-left: 1px #ddd solid; padding-left: 10px; } .eap-blog-related .main-listing .blog-card { margin-bottom: 40px; } .eap-blog-related .main-listing .blog-card .featured-image { height: 270px; background-color: #ddd; border-radius: 10px; position: relative; } .eap-blog-related .main-listing .blog-card .featured-image .image-holder { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 10px; overflow: hidden; } .eap-blog-related .main-listing .blog-card .featured-image .image-holder img { width: 100%; height: 100%; object-fit: cover; } .eap-blog-related .main-listing .blog-card .featured-image .post-date { position: absolute; width: 70px; height: 70px; background-color: #fff; box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.15); border-radius: 12px; bottom: -20px; right: 25px; } .eap-blog-related .main-listing .blog-card .featured-image .post-date span { font-size: 12px; text-align: center; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1; } .eap-blog-related .main-listing .blog-card .featured-image .post-date span i { font-size: 13px; font-style: normal; font-family: 'Raleway', sans-serif; font-weight: 400; color: #181a20; } .eap-blog-related .main-listing .blog-card .featured-image .post-date span strong { font-size: 20px; display: block; line-height: 1; margin-top: 5px; font-family: 'Raleway', sans-serif; font-weight: 600; } .eap-blog-related .main-listing .blog-card .blog-card-content h5 { font-size: 13px; font-weight: 400; color: #717171; margin-top: 20px; } .eap-blog-related .main-listing .blog-card .blog-card-content ul { list-style: none; margin: 20px 0 0; padding: 0; } .eap-blog-related .main-listing .blog-card .blog-card-content ul li { display: inline-block; } .eap-blog-related .main-listing .blog-card .blog-card-content ul li:not(:first-child) { margin-left: 10px; } .eap-blog-related .main-listing .blog-card .blog-card-content ul li a { display: block; font-size: 13px; font-weight: 400; color: #717171; } .eap-blog-related .main-listing .blog-card .blog-card-content h4 { font-size: 15px; font-weight: 500; color: var(--accent); line-height: 26px; } .eap-blog-related .main-listing .blog-card .blog-card-content h4 a { color: var(--accent); } .eap-widget-categories { padding: 30px; border-radius: 12px; border: 1px solid #DDD; background: #FFF; box-shadow: 0px 1px 4px 0px rgba(24, 26, 32, 0.07); margin-bottom: 30px; } .eap-widget-categories h4 { margin-top: 0; color: #181A20; font-size: 15px; font-weight: 600; line-height: 22.5px; margin-bottom: 28.5px; } .eap-widget-categories ul li:not(:last-child) { margin-bottom: 15px; } .eap-widget-categories ul li a { color: #181A20; font-size: 14px; font-weight: 400; line-height: 20px; display: block; } .eap-widget-latest-posts { padding: 30px; border-radius: 12px; border: 1px solid #DDD; background: #FFF; box-shadow: 0px 1px 4px 0px rgba(24, 26, 32, 0.07); margin-bottom: 30px; } .eap-widget-latest-posts h4 { color: #181A20; font-size: 15px; font-weight: 600; line-height: 22.5px; margin-bottom: 21.5px; } .eap-widget-latest-posts .blog-deck .blog-card:not(:last-child) { margin-bottom: 20px; } .eap-widget-latest-posts .blog-deck .blog-card .featured-image { width: 90px; height: 80px; background-color: #ddd; float: left; border-radius: 3px; overflow: hidden; } .eap-widget-latest-posts .blog-deck .blog-card .featured-image img { width: 100%; height: 100%; object-fit: cover; } .eap-widget-latest-posts .blog-deck .blog-card .blog-content { float: left; width: calc(100% - 90px); padding: 0 0 0 16px; } .eap-widget-latest-posts .blog-deck .blog-card .blog-content h5 { color: #181A20; font-size: 14px; font-weight: 400; line-height: 25.9px; margin-bottom: 0; } .eap-widget-latest-posts .blog-deck .blog-card .blog-content h5 a { color: inherit; } .eap-widget-latest-posts .blog-deck .blog-card .blog-content p { color: #717171; font-size: 14px; font-weight: 400; line-height: 26px; margin-bottom: 0; } .eap-widget-search { padding: 30px; border-radius: 12px; border: 1px solid #DDD; background: #FFF; box-shadow: 0px 1px 4px 0px rgba(24, 26, 32, 0.07); margin-bottom: 30px; } .eap-widget-search form { position: relative; } .eap-widget-search form span { position: absolute; top: 17px; left: 14px; } .eap-widget-search form input[type="search"] { color: #181A20; font-size: 14px; font-weight: 400; padding: 16px 12px 16px 42px; height: 53px; width: 100%; border-radius: 8px; border: 1px solid #DDD; background: #FFF; } .eap-widget-tags { padding: 30px; border-radius: 12px; border: 1px solid #DDD; background: #FFF; box-shadow: 0px 1px 4px 0px rgba(24, 26, 32, 0.07); margin-bottom: 30px; } .eap-widget-tags h4 { color: #181A20; font-size: 15px; font-weight: 600; line-height: 22.5px; margin-bottom: 21.5px; } .eap-widget-tags ul li { margin-bottom: 10px; } .eap-widget-tags ul li a { padding: 7px 21px; border-radius: 60px; border: 1px solid #DDD; color: #181A20; font-size: 14px; font-weight: 400; line-height: 26px; display: block; } .eap-breadcrumbs, .eap-breadcrumbs * { color: #FFF; font-size: 14px; font-weight: 400; line-height: 26px; } .eap-breadcrumbs.light, .eap-breadcrumbs.light * { color: rgb(24, 26, 32, 0.5); font-family: Poppins; font-size: 20px; font-weight: 500; line-height: 32px; letter-spacing: -0.1px; } .eap-breadcrumbs.light { margin-bottom: 36px; } .eap-breadcrumbs.post, .eap-breadcrumbs.post * { color: #181A20; font-size: 14px; font-weight: 400; } .eap-breadcrumbs.post { margin-bottom: 30px; } .eap-post-blockquote { padding: 30px 50px; border-top: 2px #181A20 dashed; border-bottom: 2px #181A20 dashed; margin: 30px 0; position: relative; } .eap-post-blockquote .post-content { text-align: center; } .eap-post-blockquote .post-content p { color: #181A20; font-size: 18px; font-weight: 500; line-height: 32px; margin-bottom: 0; } .eap-post-blockquote .quote { position: absolute; } .eap-post-blockquote .quote.left { left: 0; top: 30px; } .eap-post-blockquote .quote.right { right: 0; bottom: 30px; } .eap-alternate-content-image { position: relative; } .eap-alternate-content-image .post-image { width: 215px; max-width: 100%; height: 352px; background-color: #ddd; float: left; border-radius: 12px; overflow: hidden; } .eap-alternate-content-image .post-image img { width: 100%; height: 100%; object-fit: cover; } .eap-alternate-content-image .post-content { width: calc(100% - 430px); max-width: 100%; padding: 0 30px; float: left; } .eap-alternate-content-image .post-content p { color: #181A20; font-size: 14px; font-weight: 300; line-height: 32px; } .eap-post-socials li { color: #181A20; font-size: 18px; font-weight: 500; line-height: 32px; vertical-align: middle; } .eap-post-socials li:not(:first-child) { margin-left: 15px; } .eap-post-socials li a { display: inline-block; line-height: 32px; margin-top: 11px; } .sharer-container { padding: 0 15px; margin-bottom: 30px; } .eap-social-share { margin: 0; padding: 10px 15px; background: rgba(208, 185, 114, 0.20); border: none; color: #AE8C63; display: inline-block; font-size: 16px; width: 100%; font-weight: 600; line-height: 24px; padding: 12px 24px; border-radius: 8px; border: 1.5px solid rgba(174, 140, 99, 0.40); } .eap-post-tax-tags { margin-top: 60px; margin-bottom: 100px; } .blog-content p, .blog-content li { color: #181A20; font-size: 14px; font-weight: 300; line-height: 32px; } .blog-content h4 { color: #181A20; font-size: 20px; font-weight: 500; margin-bottom: 30px; } .eap-single-sidebar { position: sticky; top: 80px; } .eap-post-content-image .content-image { background-color: #ddd; border-radius: 10px; overflow: hidden; height: 100%; } .eap-post-content-image .content-image img { width: 100%; height: 100%; object-fit: cover; } .eap-blog-below-widget { margin-top: 100px; } .eap-social-share-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.01); z-index: -1; opacity: 0; } .eap-social-share-modal .sharer-modal { position: absolute; opacity: 0; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.3); background-color: #fff; border-radius: 12px; overflow: hidden; width: 300px; max-width: 100%; padding: 0 20px; transition: opacity 0.3s ease, transform 0.3s ease; box-shadow: 0px 10px 15px rgba(0,0,0,0.1); } .eap-social-share-modal.active .sharer-modal { opacity: 1; transform: translate(-50%, -50%) scale(1); } .eap-social-share-modal .sharer-modal .head { padding: 20px 0; border-bottom: 1px #ddd solid; position: relative; } .eap-social-share-modal .sharer-modal .head button { border: none; background-color: #ddd; border-radius: 100px; position: absolute; top: 20px; right: 0; width: 35px; height: 35px; font-size: 20px; text-align: center; } .eap-social-share-modal .sharer-modal .head h2 { margin: 0; } .eap-social-share-modal .sharer-modal .body { border-bottom: 1px #ddd solid; } .eap-social-share-modal .sharer-modal .body .share-block { padding: 20px 0; } .eap-social-share-modal .sharer-modal .body ul li button { color: #1877F2; border-color: #b7d4fb; height: 50px; width: 50px; font-size: 20px; text-decoration: none; border: 1px solid #b7d4fb; border-radius: 50px; background-color: transparent; line-height: 50px; transition: all 0.3s ease; } .eap-social-share-modal .sharer-modal .body ul li button:hover { background-color: #b7d4fb; } .eap-social-share-modal .sharer-modal .body ul li:not(:first-child) { margin-left: 15px; } .eap-social-share-modal .sharer-modal .body .facebook button svg { fill: #1877f2; } .eap-social-share-modal .sharer-modal .body .twitter button svg { fill: #1da1f2; } .eap-social-share-modal .sharer-modal .body .linked-in button svg { fill: #0a66c2; } .eap-social-share-modal .sharer-modal .body .whatsapp button svg { fill: #25d366; } .eap-social-share-modal .sharer-modal .body .pinterest button svg { fill: #bd081c; } .eap-social-share-modal .sharer-modal .body .messenger button svg { fill: #006AFF; } .eap-social-share-modal .sharer-modal .body .sms button svg { fill: var(--accent); } .eap-social-share-modal .sharer-modal .body .facebook button:hover { background-color: #1877f2; border-color: #1877f2; } .eap-social-share-modal .sharer-modal .body .twitter button:hover { background-color: #1da1f2; border-color: #1da1f2; } .eap-social-share-modal .sharer-modal .body .linked-in button:hover { background-color: #0a66c2; border-color: #0a66c2; } .eap-social-share-modal .sharer-modal .body .whatsapp button:hover { background-color: #25d366; border-color: #25d366; } .eap-social-share-modal .sharer-modal .body .pinterest button:hover { background-color: #bd081c; border-color: #bd081c; } .eap-social-share-modal .sharer-modal .body .messenger button:hover { background-color: #006AFF; border-color: #006AFF; } .eap-social-share-modal .sharer-modal .body .sms button:hover { background-color: var(--accent); border-color: var(--accent); } .eap-social-share-modal .sharer-modal .body button:hover svg { fill: #fff; } .eap-social-share-modal .sharer-modal .foot { padding: 20px 0; } .eap-social-share-modal .sharer-modal .foot label { border: 1px #ddd solid; display: block; padding: 5px; border-radius: 5px; } .eap-social-share-modal .sharer-modal .foot label span { display: inline-block; } .eap-social-share-modal .sharer-modal .foot label input { border: none; display: inline-block; width: calc(100% - 130px); } .eap-social-share-modal .sharer-modal .foot label button { background-color: var(--accent); border: none; color: #fff; display: inline-block; padding: 5px 0; margin: 0; border-radius: 5px; text-align: center; width: 100px; } .eap-social-share-modal.active { opacity: 1; z-index: 5; }