@charset "UTF-8"; @import url(afs-header-style-clean.css); @import url(afs-footer-style-clean.css); @font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/poppins/poppins-400.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Poppins"; font-style: italic; font-weight: 400; font-display: swap; src: url(/fonts/poppins/poppins-italic-400.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url(/fonts/poppins/poppins-500.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url(/fonts/poppins/poppins-600.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/poppins/poppins-700.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Poppins"; font-style: normal; font-weight: 900; font-display: swap; src: url(/fonts/poppins/poppins-900.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Poppins"; font-style: italic; font-weight: 900; font-display: swap; src: url(../fonts/poppins/poppins-italic-900.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /*** The new CSS reset - version 1.8.3 (last updated 21.1.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where( :not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *) ) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ pre { all: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } body { background-color: var(--clr-body-bg, white); color: var(--clr-body-txt, #000); } .page__content { overflow: hidden; width: 100%; max-width: 100vw; min-height: 100dvh; display: grid; grid-template-rows: auto 1fr auto; } .main-content { font-family: "Poppins", sans-serif; } .post__title { font-size: clamp(24px, 5vw, 40px); font-family: var(--font); font-weight: 900; font-style: var(--title-style, normal); line-height: clamp(32px, 6vw, 48px); letter-spacing: -0.6px; text-transform: capitalize; margin: 0 0 16px 0; color: var(--post-title, var(--title, #0ab4ff)); } .post__content p { margin-bottom: 25px; } .post__content h2 { margin: 40px 0 10px 0; font-weight: 600; font-size: clamp(22px, 3vw, 29px); line-height: 33px; } .readMoreBtn { margin-top: 15px; font-family: arial, sans-serif; font-size: 15px; cursor: pointer; } .readMoreBtn:hover, .readMoreBtn:active { color: var(--hover); } .readMoreBtn:after { content: " >>"; font-family: inherit; font-size: 12px; color: currentColor; } .post .post__img { width: 100%; height: auto; } .post .wp-cation-text { font-size: 12px; font-style: italic; font-weight: 400; } .widget__container { display: inline-block; aspect-ratio: 300/250; position: relative; overflow: hidden; } .widget__container:hover .widget__image { scale: 1.2; } .widget__container:hover .widget__title { text-shadow: 0px 0px 2px rgb(250, 250, 250); } .widget__image { aspect-ratio: 300/250; object-fit: cover; transition: scale 0.4s; } .widget__overlay { height: 100%; width: 100%; position: absolute; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent 50%); top: 0; } .widget__title { position: absolute; bottom: 0; margin-bottom: 15px; padding: 0 15px; text-transform: capitalize; font-weight: 600; font-size: 18px; line-height: 20px; color: white; transition: all 0.2s; } .about { margin: 15px 0; padding: 15px 0; border-top: 2px solid var(--clr-body-txt, black); border-bottom: 2px solid var(--clr-body-txt, black); } .about__title { font-weight: 700; font-size: 19px; } div[id^="relatedsearches"] { margin-bottom: 15px; } .main-content { display: grid; grid-template-columns: minmax(470px, 1fr) 300px; width: 95vw; max-width: var(--page-width, var(--post-page-width)); margin: clamp( var(--margin-top-tst, 20px), var(--margin-top-vw-tst, 3vw), 40px ) auto 0; gap: clamp(10px, 2vw, 40px); padding: var(--padding-body-txt, 15px); } @media screen and (max-width: 860px) { .main-content { grid-template-columns: 1fr; } } .post-grid-right { direction: ltr; } @media screen and (max-width: 860px) { .post-grid-right { display: none; } } /* widget style start */ .container-1-button__link, .container__link { display: flex; align-items: stretch; box-shadow: 2px 4px 7px rgb(0 0 0 / 50%); transition: all 0.2s; } .container-1-button__link:hover, .container__link:hover { transform: translateY(-3px); box-shadow: 2px 4px 12px rgb(0 0 0 / 50%); } .container-1-button__link:active, .container__link:active { transform: translateY(0); box-shadow: 2px 4px 7px rgb(0 0 0 / 50%); } .cls-1 { fill: white; stroke: #2a56c6; stroke-miterlimit: 10; } .container-1-button__permlink, .container__permlink { display: flex; align-items: center; font-family: Poppins, sans-serif; line-height: clamp(21px, 2.8vw, 36px); color: #000; text-decoration: none; /* background: #f6cd77; */ min-height: 90px; width: 100%; font-size: clamp(19px, 2.5vw, 32px); font-weight: 500; /* padding: 15px 23px; */ /* text-transform: capitalize; */ } .container__img { aspect-ratio: 1; object-fit: cover; max-width: clamp(90px, 15vw, 130px); } .container__title { padding: 5px 10px; margin: 0; color: white; } .container-1-button__link--icon-container, .container__link--icon-container { display: flex; align-items: center; justify-content: center; width: 60px; background: #2a56c6; } .container-1-button__link--icon-image, .container__link--icon-image { height: 38.5px; width: 38.5px; } .container-search__buttons { display: flex; flex-direction: column; margin: 10px auto; } .container-search__buttons h3 { margin-bottom: 5px; } .container--title { color: currentColor; font-family: Poppins, sans-serif; font-weight: 300; font-size: 16px; line-height: 24px; } @media (min-width: 555px) { .container__links { display: flex; flex-direction: column; justify-content: space-between; row-gap: 6px; } } @media (min-width: 555px) { .container__link { flex-basis: 48.8%; } } .container__link:not(last-child) { margin-bottom: 8px; border-radius: 10px; overflow: hidden; background: blue; } /* widget style end */ /* Add margins to widget */ .intext-content-widget-container { margin: 25px 0; }