Gecko [ dp-client.com ]

Name	Size	Permission
customstyle.css	18.12 KB	-rw-r--r--
font-awesome.min.css	30.3 KB	-rw-r--r--
index.html	131 B	-rw-r--r--
owl.carousel.min.css	4.23 KB	-rw-r--r--
owl.theme.default.min.css	1.25 KB	-rw-r--r--

Code Editor : customstyle.css

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@300;400;500;600;700&display=swap');

@import url('../css/owl.carousel.min.css');

*::before,

*::after {

margin: 0;

padding: 0;

box-sizing: border-box;

outline: none;

}

*:focus {

outline: none;

}

body {

/*font-family: 'Anton', sans-serif; overflow-x: hidden;*/

font-family: 'Inter', sans-serif;

font-weight: 400;

font-size: 16px;

line-height: 24px;

color: #19120E;

}

a {

text-decoration: none;

background-color: transparent;

color: #19120E;

}

button,

select {

text-transform: none;

}

button,

input,

optgroup,

select,

textarea {

margin: 0;

font-family: inherit;

font-size: inherit;

line-height: inherit;

}

img {

vertical-align: middle;

border-style: none;

max-width: 100%;

}

svg {

overflow: hidden;

vertical-align: middle;

}

ul,

ol {

padding: 0;

margin: 0;

list-style: none;

list-style-type: none;

}

.custom-container {

max-width: 1370px;

width: 100%;

margin: 0 auto;

padding: 0 15px;

}

.flex-equal {

display: flex;

width: 100%;

align-items: center;

justify-content: space-between;

}

.flex-center {

display: flex;

justify-content: center;

align-items: center;

}

.pos-relative {

position: relative;

}

.font-10 {

font-weight: 500;

font-size: 10px;

letter-spacing: 1.4px;

}

.font-12 {

font-weight: 600;

font-size: 12px;

line-height: 15px;

}

.font-13 {

font-weight: 400;

font-size: 13px;

line-height: 18px;

}

.font-11 {

font-weight: 600;

font-size: 11px;

line-height: 16px;

letter-spacing: 1.8px

}

.font-15 {

font-weight: 400;

font-size: 15px;

line-height: 22px;

letter-spacing: -0.225px;

}

.font-17 {

font-weight: 500;

font-size: 17px;

line-height: 22px;

letter-spacing: -0.225px;

}

.font-18 {

font-weight: 400;

font-size: 18px;

line-height: 22px;

letter-spacing: -0.225px;

}

.font-32 {

font-weight: 600;

font-size: 32px;

line-height: 48px;

}

.font-42 {

font-weight: 600;

font-size: 42px;

line-height: 50px;

}

.font-48 {

font-weight: 600;

font-size: 48px;

line-height: 72px;

}

.counteyQ

{

padding: 12px 17px;

border: 1.5px solid #3E322B;

display:flex;

gap:9px;

font-size:11px;

line-height:19px;

}

.Grids-4 {

display: grid;

width: 100%;

grid-template-columns: repeat(4, 1fr);

gap: 20px;

}

.Grids-3 {

display: grid;

width: 100%;

grid-template-columns: repeat(3, 1fr);

gap: 20px;

}

.h2heading {

font-weight: 400;

font-size: 19px;

line-height: 24px;

letter-spacing: 1.8px;

text-transform: uppercase;

}

.stickY {

position: sticky;

top: 0;

}

.today_story_items a {

display: block;

height: 100%;

}

/* header serch */

body.overflow-active {

overflow: hidden;

}

.navbar-mb {

display: flex;

flex-direction: column;

justify-content: center;

align-items: center;

height: calc(100% - 10%);

}

.mobile_menu {

background-color: #FFFFFF;

position: absolute;

max-width: 320px;

width: 100%;

padding: 40px 20px;

width: 100%;

height: 100%;

/* height: calc(100% - 30px); left: -101%;*/

z-index: 999;

top: 0;

left: -320px;

overflow: auto;

transition: all 0.6s ease-in-out;

box-shadow: 0px 9px 14px #00000029;

border: 1px solid #70707029;

}

.mob_menu__call_row {

display: flex;

align-items: center;

justify-content: end;

}

.search-Klink {

font-weight: 600;

letter-spacing: 1.66154px;

text-transform: uppercase;

color: #19120E;

}

.css_list_menu {

display: flex;

justify-content: center;

margin-bottom: 15px;

}

.mobile_menu.active-mm {

left: 0px;

transition: all 0.6s ease-in-out;

}

.Menu-cross,

.itailor_header_menu {

cursor: pointer;

}

.itailor_header_top {

border-bottom: 1px solid #E0E0E0;

padding: 15px 0;

}

.itailor_header_ul {

gap: 15px;

}

.itailor_header_bottom {

padding: 17px 0;

box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);

}

.itailor_header_ul li a.itailor_li {

letter-spacing: 1.66154px;

text-transform: uppercase;

color: #19120E;

}

.search-button {

position: absolute;

right: 20px;

top: 50%;

transform: translate(0, -50%);

}

.search-input:focus {

outline: none;

}

.addmclass .search-box {

position: absolute;

bottom: 0;

left: 0;

width: 100%;

height: 100%;

max-height: 0;

transform: translateY(100%);

background-color: #19120E;

transition: all 0.3s;

}

.addmclass .search-box .search-input {

width: 100%;

height: 100%;

padding: 0 1em;

border: 0;

background-color: transparent;

opacity: 0;

color: #fff;

}

.addmclass .search-box .search-input::-webkit-input-placeholder {

color: rgba(255, 255, 255, 0.4);

}

.addmclass.show .search-box {

max-height: 40px;

display: flex;

}

.searchSubmit {

border: 0;

background: transparent;

padding-right: 1em;

/* width: 50px; */

cursor: pointer;

}

.addmclass.show .search-box .search-input {

opacity: 1;

}

.itailor_header_menu svg

{

display:none;

}

/* header serarch */

/* footer */

footer {

padding: 50px 0 56px 0;

background: #19120E;

color: #FFF9EB;

}

footer a {

color: #FFF9EB;

}

.itailor-footer-lang {

padding: 70px 0 35px 0;

}

.itailor-footer-list {

gap: 15.5%;

align-items: unset;

}

.itailor-footer-logo {

flex: 0 0 40.75%;

}

.itailor-footer-link {

flex: 0 0 43.75%;

}

.itailor-footer-logo p {

padding: 15px 0 60px 0;

letter-spacing: -0.0923077px;

color: #FFF9EB;

}

.itailor_socialmedia {

display: flex;

gap: 39px;

}

.itailor-footer-link {

display: flex;

gap: 5%;

}

.itailor_footer_linkList {

flex: 0 0 47.5%;

}

.itailor_footer_linkList h2 {

font-weight: 600;

text-transform: uppercase;

margin-bottom: 30px;

}

.itailor-footer_mi {

line-height: 12px;

text-transform: uppercase;

margin-bottom: 28px;

}

.itailor-footer_mi:last-child {

margin-bottom: 0;

}

.itailor_lang_li ul li,

.itailor_lang_li ul {

display: flex;

}

.itailor_lang_li ul li+li:before {

content: " | ";

width: 20px;

display: flex;

justify-content: center;

}

.itailor_lang_li_a {

text-transform: uppercase;

font-size: 11px;

}

.itailor-footer-copywrite p {

font-weight: 400;

line-height: 16px;

letter-spacing: -0.2px;

color: #636363;

font-size: 11.9px;

}

.itailor-footer-copywrite p a {

color: #636363;

text-decoration: underline;

}

/* footer end  */

/* top story */

.today-story {

padding: 42px 0 100px 0;

}

.Blog_h2Heading {

padding: 17px 0;

text-align: center;

border-bottom: 1px solid #E0E0E0;

margin-bottom: 16px;

}

.today_story_items img {

width: 100%;

height: 320px;

object-fit: cover;

}

.today_story_txt {

margin-top: 15px;

}

.today_story_blog {

margin: 8px 0;

}

.today_story_tag,

.today_story_auth {

letter-spacing: 1.85px;
  font-weight:500;
  text-transform: uppercase;

}

.must-read {

background: #F8F8F8;

}

/* top story end */

/* adv */

.itailor-adv {

margin-bottom: 25px;

}

.add_width {

max-width: 885px;

width: 100%;

margin: 0 auto;

text-align: center;

}

.add_width .font-11 {

color: #CBCBCB;
  font-weight:400;
  text-transform: uppercase;
}

.add_width img {

height: 103px;

object-fit:contain;

border: 0.5px solid #D9D9D9;

}

/* adv */

/* */

.must_read_items {

display: flex;

gap: 32px;

}

.must_read_items img.Story_Logo {

width: 125px;

height: 125px;

object-fit: cover;

}

.must_read_text .font-15 {

margin: 5px 0 12px 0;

}

.must_read_text .font-13 {

font-weight: 600;

text-transform: uppercase;

letter-spacing: 1.8px;

}

.theme-shop .owl-carousel .owl-stage-outer,

.css_reviewCas .owl-carousel .owl-stage-outer {

position: relative;

width: calc(100% + 4px);

height: calc(100% + 4px);

margin: 0 -4px;

padding: 2px 2px;

}

.theme-shop .owl-carousel .owl-nav button,

.css_reviewCas .owl-carousel .owl-nav button {

position: absolute;

top: 50%;

transform: translateY(-50%);

outline: 0;

margin: 0;

}

.theme-shop .owl-carousel .owl-nav button.disabled svg rect,

.css_reviewCas .owl-carousel .owl-nav button.disabled svg rect {

fill: #fff;

}

.theme-shop .owl-carousel .owl-nav button.disabled svg path,

.css_reviewCas .owl-carousel .owl-nav button.disabled svg path {

fill: #CDCDCD;

}

.theme-shop .owl-carousel .owl-nav button.disabled,

.nw_products .owl-carousel .owl-nav button.disabled {

opacity: 0;

}

.theme-shop .owl-carousel .owl-nav button.owl-prev,

.css_reviewCas .owl-carousel .owl-nav button.owl-prev {

left: 0;

}

.theme-shop .owl-carousel .owl-nav button.owl-next,

.css_reviewCas .owl-carousel .owl-nav button.owl-next {

right: 0;

}

.owl-theme .owl-nav [class*=owl-]:hover {

background: transparent;

}

.shop_theme .font-18 {

font-weight: 500;

margin-top: 15px;

}

/* itailor latest */

.latest-stories {

padding: 0px 0 84px 0;

}

.itailor_latest {

display: flex;

width: 100%;

gap: 2%;

}

.itailor_latest_story {

flex: 0 0 74.75%;

}

.itailor_latest_ad {

flex: 0 0 23.25%;

}

.story_v .today_story_items img {

height: 254px;

}

/* .subscription css */

.itailor-stories-data {

padding: 0 0 50px 0;

}

.bc {

background: #F8F8F8;

}

.itailor_data_wrap {

max-width: 1057px;

width: 100%;

margin: auto;

display: flex;

justify-content: center;

align-items: center;

gap: 7%;

/*padding: 157px 0 250px 0;*/
  padding: 125px 15px;

}

.itailor_data_text {

flex: 0 0 46%;

}

.itailor_data_input {

flex: 0 0 47%;

}

.itailor_data_text h2 {

margin-bottom: 30px;

}

.itailor_data_text .font-17 {

font-weight: 400;

}

.itailor_data_input .font-12 {

font-weight: 500;

}

.subscription form {

display: flex;

margin: 8px 0;

}

.subscription .sub_email {

flex: 0 0 67%;

padding: 0 0 0 15px;

}

.subscription .sub_submit {

flex: 0 0 33%;

cursor: pointer;

}

.sub_email,

.subscription input[type="email"],

.subscription input[type="text"] {

background: #FFFFFF;

outline: none;

border: 1px solid #E0E0E0;

}

.subscription .sub_submit,

.subscription input[type="submit"] {

background: #19120E;

border: 1px solid #19120E;

padding: 15px 25px;

font-weight: 600;

font-size: 14px;

line-height: 16px;

letter-spacing: 1.1929px;

text-transform: uppercase;

color: #FFFFFF;

border: none;

transition: all 0.3s ease-in;

}

.subscription input[type="submit"]:hover{

background-color: #F5FF00;

transition: all 0.3s ease-in;

}

/* .subscription css */

/* cat page css */

.Each-cat {

padding: 25px 0 75px 0;

}

.Each-cat .Grids-4.today_story_Grids .today_story_items:nth-child(1) .today_story_auth {

display: none;

}

.Each-cat .Grids-4.today_story_Grids .today_story_items:nth-child(1) .today_story_blog {

font-size: 22px;

line-height: 24px

}

.Each-cat .Grids-4.today_story_Grids {

gap: 20px 35px;

}

.center {

text-align: center;

}

.pagination {

display: inline-block;

margin-top: 45px;

}

.pagination a {

text-decoration: none;

color: #19120E;

float: left;

padding: 8px 16px;

transition: background-color 0.3s;

margin: 0 4px;

}

.pagination a:not(.active) {

border: 1px solid #DDD;

}

.pagination a.active {

border: 1px solid #19120E;

background-color: #19120E;

color: #FFF;

}

/* each cat */

/* single page css */

.itailor_singleBlog_wrap {

max-width: 735px;

width: 100%;

padding: 28px 0 15px;

margin: 0 auto;

text-align: center;

}

.singleBlog_h1 {

letter-spacing: -0.221053px;

margin: 15px 0;

}

.singleBlog_Date,

.singleBlog_Auth {

text-transform: uppercase;

}

.singleBlog_Date {

margin-top: 8px;

}

.itailorblog-editor .Story_Logo {

width: 100%;

height: 575px;

object-fit: cover;

}

.itailorblog-editor-wrap {

display: flex;

gap: 7.5%;

padding: 41px 0 50px;

}

.itailorblog_editor_left {

flex: 0 0 67.5%;

font-weight: 400;

font-size: 16px;

line-height: 30px;

}

.blog_editor p {

font-weight: 400;

font-size: 16px;

line-height: 30px;

margin-bottom: 25px;

}

.blog_editor img {

max-width: 100%;

padding: 50px 0 0 0;

}

.blog_editor figcaption {

padding: 6px 0 50px 0;

}

.blog_editor p:last-child {

margin: 0;

}

.blog_editor {

padding-bottom: 90px;

}

.blog_editor a {

text-decoration: underline;

}

.blog_editor p:nth-last-child {

margin-bottom: unset;

}

.toread_h2 {

padding: 0 0 17px 0;

margin-bottom: 17px;

font-weight: 400;

font-size: 20px;

line-height: 24px;

letter-spacing: 1.8px;

text-transform: uppercase;

border-bottom: 1px solid #E0E0E0;

}

.story_toread {

padding-left: 15px;

list-style: unset;

list-style-type: unset;

}

.story_toread .story_read_li {

font-weight: 400;

font-size: 16px;

line-height: 30px;

}

.story_toread .story_read_li a {

text-decoration: underline;

}

.dm_it .single-blogger {

max-width: 887px;

width: 100%;

background: #F8F8F8;

margin: 0 auto;

padding: 64px 106px;

}

.dm_it h2 {

text-align: center;

}

.dm_it .font-17 {

margin: 15px 0 17px;

font-weight: 400;

}

.dm_it .font-12 {

font-weight: 400;

}

.dm_it .font-12 a {

text-decoration: underline;

}

.bottom-ad {

margin: 90px 0 48px;

}

.itailorblog_editor_right {

flex: 0 0 25%;

}

.itailorblog_editor_right .add_width img {

height: 320px;

border: 0.5px solid #D9D9D9;

width: 100%;

}

.s_code

{

max-width:632px;

width:100%;

margin:50px auto;

display: grid;

grid-template-columns: repeat(2, 1fr);

gap: 20px;

}

.s_code .itemsAd

{

background: #F8F8F8;

}

.blog_editor  .s_code .itemsAd  img

{

margin:102px 0 145px;

width:100%;

height:148px;

object-fit:cover;

}

.blog_editor p.font-17

{

font-weight: 500;

font-size: 17px;

line-height: 22px;

letter-spacing: -0.225px;

margin:0;

padding:0;

text-align: center;

}

.blog_editor  .s_code a.bookT

{

margin-top: 15px;

padding: 14.61px 71.54px;

background: #FFFFFF;

border: 2px solid #19120E;

text-decoration: none;

width: 100%;

display: inline-block;

text-align: center;

letter-spacing: 1.10769px;

text-transform: uppercase;

}

/* single page css */

/* responsive */

@media (max-width: 1200px) {}

@media (max-width: 992px) {

.custom-container {

max-width: 720px;

}

.Grids-3,

.Grids-4 {

grid-template-columns: repeat(2, 1fr);

gap: 30px;

}

.itailor_data_wrap {

padding: 50px;

flex-direction: column;

gap: 30px;

align-items: unset;

}

.story_v .today_story_items img,

.today_story_items img {

height: 220px;

}

.singleBlog_h1 {

font-size: 32px;

line-height: 42px;

}

.itailorblog-editor .Story_Logo {

height: 310px;

}

.itailorblog-editor-wrap {

padding: 20px 0 30px;

}

.blog_editor figcaption {

padding: 6px 0 30px 0;

}

.blog_editor {

padding-bottom: 50px;

}

.dm_it .single-blogger {

padding: 50px;

}

@media (max-width: 767px) {

.itailor_header_menu svg

{

display:block;

}

.itailor_header_bottom

{

display:none;

}

.must_read_text .font-13,

.today_story_tag, .today_story_auth,

.font-10 {

letter-spacing: .4px;

}

.must_read_text

{

flex: 0 0 60%;

}

.Each-cat .Grids-4.today_story_Grids .today_story_items:nth-child(1) .today_story_blog {

font-size: 18px;

line-height: 22px;

}

.font-18 {

font-size: 16px;

line-height: 21px;

}

.font-15 {

font-size: 14px;

/* line-height: 18px;*/

}

.blog_editor,

.blog_editor p

{

font-size: 14px;

line-height: 21px;

}

.must_read_items {

gap: 10px;

justify-content: space-between;

width: 100%;

}

.today-story {

padding: 40px 0 70px 0;

}

/*
  .custom-container {

max-width: 360px;

}
*/

.blog_editor .s_code .itemsAd img {

margin: 30px 0 45px;

height: 155px;

}

.s_code,

.Grids-3,

.Grids-4 {

grid-template-columns: repeat(1, 1fr);

gap: 15px;

}

.itailor_data_wrap {

padding: 30px 0;

gap: 15px;

}

.itailor_data_text h2 {

margin-bottom: 15px;

font-size: 24px;

line-height: 24px;

}

.itailorblog-editor .Story_Logo,

.story_v .today_story_items img,

.today_story_items img {

height: 180px;

}

.itailor-footer-list {

gap: 30px;

align-items: unset;

flex-direction: column;

}

.itailor-footer-logo p {

padding: 15px 0 30px 0;

}

.itailor-footer_mi {

margin-bottom: 15px;

}

.itailor-footer-lang {

padding: 50px 0 35px 0;

flex-direction: column;

gap: 30px;

}

.itailor_lang_li ul li+li:before {

width: 10px;

}

.itailor_lang_li_a {

line-height: 18px;

}

footer {

padding: 50px 0 30px 0;

}

.itailor_socialmedia {

gap: 15px;

}

.subscription .sub_email {

flex: unset;

max-width: 192px;

padding: 0 0 0 10px;

font-size: 13px;

}

.subscription .sub_submit,

.subscription input[type="submit"] {

max-width: 130px;

flex: unset;

padding: 15px 10px;

font-size: 10px;

}

.dm_it h2,

.singleBlog_h1 {

font-size: 28px;

line-height: 32px;

}

.dm_it {

margin-left: -20px;

margin-right: -20px;

}

.itailorblog-editor-wrap {

flex-direction: column;

gap: 30px;

}

.blog_editor img {

padding: 30px 0 0 0;

}

.itailorblog_editor_right,

.itailorblog_editor_left {

flex: 0 0 100%;

}

.blog_editor figcaption {

padding: 6px 0 30px 0;

}

.blog_editor {

padding-bottom: 50px;

}

.dm_it .single-blogger {

padding: 20px;

}

${this.title}

Code Editor : customstyle.css