/*************************** Reset CSS ***************************/ * { box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: 'Montserrat', serif; vertical-align: baseline; font-weight: 500; } :focus { outline: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; -moz-appearance: none; } input[type="search"] { -webkit-appearance: none; -moz-appearance: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } textarea { overflow: auto; vertical-align: top; resize: vertical; font-family: inherit; font-size: inherit; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; max-width: 100%; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 16px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } @media only screen and (max-width: 768px) { html { font-size: 14px; } } a { text-decoration: none; } a:focus { outline: 0; } a:active, a:hover { outline: 0; } img { border: 0; -ms-interpolation-mode: bicubic; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } html, button, input, select, textarea { color: #222; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } img { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: unset; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /*************************** Typography ***************************/ .text-title { color: #111; } .text-subTitle { color: #444; } .text-regular { color: #888; } .text-border { color: #e1e1e1; } .text-lightOverlay { color: #f5f5f5; } .text-yellow { color: #e49c86; } .text-blue { color: #11d2ef; } .text-violet { color: #537bdf; } .text-trans { color: transparent; } .center-line-title { display: flex; align-items: center; margin-bottom: 1.5em; font-size: 16px; } .center-line-title:after { content: ""; height: 1px; flex-grow: 1; display: block; background-color: #e1e1e1; } .center-line-title h5 { color: #111; font-size: 1.125em; font-weight: 600; line-height: 1; text-transform: uppercase; margin-right: 15px; } .center-line-title.-large h5 { font-size: 1.625em; } .center-line-title.-medium h5 { font-size: 1.125em; } .center-line-title.-mb-0 { margin-bottom: 10px; } .center { text-align: center; } /*************************** Player color ***************************/ .plyr--full-ui input[type="range"] { color: #e49c86; } .plyr--audio { color: #111; } .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded="true"] { background: #e49c86; } .plyr--audio input[type="range"] { color: #111; } .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded="true"] { background: #e49c86; } .plyr__control--overlaid { background: rgba(228, 156, 134, 0.8); } .plyr__control.plyr__tab-focus { box-shadow: 0 0 0 5px rgba(228, 156, 134, 0.5); } .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before { background: #e49c86; } /*************************** Header ***************************/ header.theme-default { font-size: 14px; top: 0; left: 0; right: 0; z-index: 100; background-color: #fff; position: relative; } header .header-wrapper { padding: 25px 0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } header .header-wrapper .custom-logo-link img { object-fit: contain; width: auto; max-height: 40px; } header .header-wrapper nav ul>li { display: inline-block; padding: 0 1.78571em; position: relative; } header .header-wrapper nav ul>li:first-child { margin-left: 0; padding-left: 0; position: relative; } header .header-wrapper nav ul>li:last-child { margin-right: 0; padding-right: 0; } header .header-wrapper nav ul>li.active>a:after { left: 0; } header .header-wrapper nav ul>li.active>a:hover:after { animation: reSlide 1s forwards; } header .header-wrapper nav ul>li>a { text-transform: uppercase; color: #111; font-size: 1em; font-weight: 600; text-decoration: none; line-height: 1em; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; text-transform: uppercase; position: relative; padding: 8px 0; overflow: hidden; display: inline-block; } header .header-wrapper nav ul>li>a:hover { color: #111; } header .header-wrapper nav ul>li>a:after { content: ""; position: absolute; bottom: 0; left: -100%; height: 3px; width: 100%; background-color: #a05252; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } header .header-wrapper nav ul>li>a:hover:after { left: 0; } header .header-wrapper nav ul>li.focus > .children, header .header-wrapper nav ul>li:hover > .children, header .header-wrapper nav ul>li.focus > .sub-menu, header .header-wrapper nav ul>li:hover > .sub-menu { left: 0; right: auto; -webkit-animation: zoomIn .3s ease-in; -moz-animation: zoomIn .3s ease-in; animation: zoomIn .3s ease-in; } header .header-wrapper nav ul>li > .children, header .header-wrapper nav ul>li > .sub-menu { display: block; left: -999em; margin: 0; position: absolute; z-index: 99999; text-align: left; background-color: #fff; box-shadow: 0px 5px 5px 0 rgba(48, 68, 78, 0.1); z-index: 10; } header .header-wrapper nav ul>li > .children li, header .header-wrapper nav ul>li > .sub-menu li { display: block; margin: 0; padding: 15px 50px; } header .header-wrapper nav ul>li .children li:last-child, header .header-wrapper nav ul>li .sub-menu li:last-child { margin-bottom: 0; } header .header-wrapper nav ul>li .children li a, header .header-wrapper nav ul>li .sub-menu li a { white-space: pre; vertical-align: middle; } header .header-wrapper .header__icon-group { display: flex; flex-direction: row; align-items: center; justify-content: center; } header .header-wrapper .header__icon-group a { color: #111; font-size: 1.4em; font-weight: 600; text-decoration: none; line-height: 0; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; text-transform: uppercase; } header .header-wrapper .header__icon-group a:hover { color: #e49c86; } header .header-wrapper .header__icon-group #search { padding-right: 0.875em; margin-right: 0.875em; border-right: 1px solid #e1e1e1; } header .header-wrapper .header__icon-group #search.active { color: #e49c86; } header .header-wrapper .header__icon-group .social a { margin: 0 0.3em; } header .header-wrapper .header__icon-group .social a:first-child { margin-left: 0; } header .header-wrapper .header__icon-group .social a:last-child { margin-right: 0; padding-right: 0; } header .header-wrapper .header__icon-group .social #mobile-menu-controller { display: none; } header .header-wrapper nav ul>li > .children li.focus > .children, header .header-wrapper nav ul>li > .sub-menu li.focus > .sub-menu, header .header-wrapper nav ul>li > .children li:hover > .children, header .header-wrapper nav ul>li > .sub-menu li:hover > .sub-menu { left: 100%; } header .header-wrapper nav ul>li > .children li > .children, header .header-wrapper nav ul>li > .sub-menu li > .sub-menu { right: auto; margin-left: 0; top: 25%; } @media only screen and (max-width: 992px) { header { font-size: 13px; } } header.scroll-down .header-wrapper { padding: 20px 0; } header.theme-default { font-size: 15px; } header #search-box { font-size: 22px; } header nav.toggled { position: absolute; top: 87%; left: 0; right: 0; z-index: 100; box-shadow: 0px 5px 5px 0 rgba(48, 68, 78, 0.1); overflow-y: auto; height: 100vh; } .header-layout--three header nav.toggled { top: 7%; } header nav.toggled ul { padding: 30px 20px 100px; } header nav.toggled ul>li { display: block; border-bottom: 1px solid #e1e1e1; margin: 0; padding: 20px 0 20px; z-index: 100; } header nav.toggled ul>li:last-child { border-bottom: 0; } header nav.toggled ul>li>a { padding: 0; } header nav.toggled ul>li>a:after { display: none; } header nav.toggled ul>li .children, header nav.toggled ul>li .sub-menu { display: none; opacity: 1; visibility: visible; box-shadow: none; z-index: 200; position: unset; padding: 0; } header nav.toggled ul>li .children li, header nav.toggled ul>li .sub-menu li { border-bottom: 0; padding: 15px 20px; } header nav.toggled ul>li .children.show, header nav.toggled ul>li .sub-menu.show { display: block; } header nav.toggled ul>li .sub-menu__controller { float: right; } header .header__icon-group #search { padding-right: 1.33333em; margin-right: 1.33333em; } header .header__icon-group .social #mobile-menu-controller { display: block; margin: 0; } header.-theme--blue .header-wrapper nav ul>li>a:hover { color: #11d2ef; } header.-theme--blue .header-wrapper nav ul>li>a:after { background-color: #11d2ef; } header.-theme--blue .header-wrapper .header__icon-group a:hover { color: #11d2ef; } header.-theme--blue .header-wrapper .header__icon-group #search.active { color: #11d2ef; } header.-theme--violet .header-wrapper nav ul>li>a:hover { color: #537bdf; } header.-theme--violet .header-wrapper nav ul>li>a:after { background-color: #537bdf; } header.-theme--violet .header-wrapper .header__icon-group a:hover { color: #537bdf; } header.-theme--violet .header-wrapper .header__icon-group #search.active { color: #537bdf; } @keyframes reSlide { from { left: -100%; } to { left: 0; } } /*************************** Post card ***************************/ .post-card { font-size: 16px; } @media only screen and (max-width: 992px) { .post-card { font-size: 15px; } } @media only screen and (max-width: 576px) { .post-card { font-size: 14px; } } @media only screen and (max-width: 768px) { .post-card.-full { font-size: 14px; } } .post-card.-full .card__content { padding: 0 1.875em; } @media only screen and (max-width: 768px) { .post-card.-full .card__content { padding: 0; } .post-card.-full .card__content-description { display: none; } .post-card.-full .card__content .card__content-info { margin-bottom: 1.25em; justify-content: space-around; } .post-card.-full .card__content .card__content-info i { margin-right: 0.3125em; margin-bottom: 0.625em; } .post-card.-full .card__content .card__content-info .info__time { margin-right: 0; } } .post-card.-full .card__content-title { font-size: 1.625em; line-height: 1.23077em; margin-bottom: 0.38462em; } .post-card.-audio { background-color: #f5f5f5; padding: 2.5em; border-radius: 0.3125em; } @media only screen and (max-width: 992px) { .post-card.-audio { padding: 1.875em 1.5625em; } } @media only screen and (max-width: 768px) { .post-card.-audio { padding: 1.5625em 0.625em; } } .post-card.-audio .plyr { margin-bottom: 2.5em; } .post-card.-video .plyr, .post .post-card.post-standard.-audio .plyr, .post .post-card.post-standard.-quote .plyr { margin-bottom: 1.25em; } .post-card.-center .card__content { text-align: center; } .post-card.-center .card__content-info { justify-content: center; } .post-card.-right .card__content { text-align: right; } .post-card.-right .card__content-info { justify-content: flex-end; } .post-card.-inner-text { position: relative; border-radius: 0.3125em; overflow: hidden; } .post-card.-inner-text::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.9) 100%); z-index: 2; } .post-card.-inner-text .card__cover { margin-bottom: 0; } .post-card.-inner-text .card__content { position: absolute; bottom: 0; left: 0; right: 0; max-width: 65%; margin: 0 auto; z-index: 3; padding-bottom: 1.875em; } .post-card.-inner-text .card__content-category { color: #fff; } .post-card.-inner-text .card__content-title { color: #fff; } .post-card.-inner-text .card__content-info p { color: #fff; } .post-card.-inner-text .card__content-info .info__author p { color: #fff; } .post-card.-inner-text.-banner { margin-bottom: 3.125em; } .post-card.-inner-text.-banner .card__content-title { font-size: 1.875em; line-height: 30, 39; margin-bottom: 0.53333em; } @media only screen and (max-width: 768px) { .post-card.-inner-text.-banner .card__content-title { font-size: 1.75em; } } @media only screen and (max-width: 576px) { .post-card.-inner-text.-banner::before { display: none; } .post-card.-inner-text.-banner .card__cover { margin-bottom: 1.875em; } .post-card.-inner-text.-banner .card__content { position: unset; max-width: 100%; padding: 0 20px, .post-card.-inner-text.-banner .card__content -category; padding-color: #111; } .post-card.-inner-text.-banner .card__content-title { color: #111; } .post-card.-inner-text.-banner .card__content-info .info__author p { color: #111; } .post-card.-inner-text.-banner .card__content-info p { color: #888; } } .post-card.-inner-text.-middle::before { content: ""; background: #0008; opacity: 0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .post-card.-inner-text.-middle:hover::before { opacity: 1; } .post-card.-inner-text.-middle:hover .card__content { opacity: 1; } .post-card.-inner-text.-middle .card__cover { height: 100%; } .post-card.-inner-text.-middle .card__content { padding-bottom: 0; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .post-card.-inner-text.-middle.-small { font-size: 14px; } .post-card.-inner-text.-middle.-small .card__content { color: red; } .post-card.-inner-text.-middle.-small .card__content-title { font-size: 1.28571em; } .post-card.-inner-text.-middle.-long .card__content { max-width: 85%; } .post-card.-inner-text.-middle.-big .card__content-title { font-size: 1.85714em; } @media only screen and (max-width: 768px) { .post-card.-inner-text.-middle::before { opacity: 1; } .post-card.-inner-text.-middle .card__content { opacity: 1; } } .post-card.-image-less { display: flex; align-items: center; } .post-card.-image-less .category-icon { margin-right: 2.5em; } .post-card.-image-less .category-icon img { height: 3.125em; width: 3.125em; object-fit: cover; } .post-card.-image-less .card__content-title { font-size: 1.875em; line-height: 1.23333em; } @media only screen and (max-width: 576px) { .post-card.-image-less .card__content-info i { margin-bottom: 1em; } .post-card.-horizontal .card__cover, .post-card.-horizontal .card__content, .post-card.-horizontal .wp-block-gallery { flex: 1 1 100%; max-width: 100%; } } .post-card.-horizontal { display: flex; } .post-card.-horizontal .card__cover, .post-card.-horizontal .card__content, .post-card.-horizontal .wp-block-gallery { flex: 1 1 50%; max-width: 50%; } .post-card.-horizontal .card__cover { margin-bottom: 0; } .post-card.-horizontal.-small .card__cover { margin-right: 1.875em; } .post-card.-horizontal.-small .card__content-description { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; } .post-card.-horizontal.-large .card__cover { min-height: 100%; height: auto; } .post-card.-horizontal.-large .card__content { padding: 3.125em; background-color: #f5f5f5; } @media only screen and (max-width: 576px) { .post-card.-horizontal.-large .card__content-description { display: none; } } @media only screen and (max-width: 992px) { .post-card.-horizontal.-large { flex-direction: column; } .post-card.-horizontal.-large .card__cover, .post-card.-horizontal.-large .card__content { flex: 1 1 100%; max-width: 100%; } } .post-card.-box-text { position: relative; } .post-card.-box-text .card__cover { margin-bottom: 0; position: inherit; } .post-card.-box-text .card__content { background-color: #fff; padding: 2.5em; margin-top: -2.5em; z-index: 2; position: inherit; margin-left: 1.875em; margin-right: 1.875em; } .post-card.-tiny { display: flex; margin-bottom: 0.9375em; } .post-card.-tiny:last-child { margin-bottom: 0; } .post-card.-tiny .card__cover { border-radius: 3px; margin-right: 1.25em; overflow: hidden; height: 70px; width: 105px; flex: 1 1 30%; max-width: 30%; margin-bottom: 0; } .post-card.-tiny .card__cover img { height: 100%; width: 100%; object-fit: cover; } .post-card.-tiny .card__content { flex: 1 1 70%; max-width: 70%; } .post-card.-tiny .card__content-category { display: none; } .post-card.-tiny .card__content-title { font-size: 1em; margin-bottom: 0.3125em; } .post-card.-tiny .card__content-info i { color: #888; } .post-card-quote { padding: 1.5em; background-color: #f5f5f5; border-radius: 0.3125em; text-align: center; } .post-card-quote .qoute__icon { font-size: 1em; color: #111; height: 3.125em; width: 3.125em; background-color: #e49c86; border-radius: 999px; margin: 0 auto; margin-bottom: 1.875em; display: flex; flex-direction: row; align-items: center; justify-content: center; } .post-card-quote .quote__content { color: #111; font-size: 1.375em; font-weight: 700; line-height: 1.22727em; margin-bottom: 0.90909em; } .post-card-quote .quote__author { color: #111; font-size: 0.9375em; font-weight: 700; line-height: 1; text-transform: uppercase; } .post-card-quote.-border { border: 2px solid #e49c86; background-color: transparent; padding-top: 0; margin-top: 3.125em; } .post-card-quote.-border .qoute__icon { margin-top: -1.5625em; } .post-card:hover .card__cover>img { transform: scale(1.1); } .post-card .card__cover { display: flex; margin-bottom: 1.25em; border-radius: 0.3125em; overflow: hidden; position: relative; } .post-card .card__cover img { height: 100%; width: 100%; object-fit: cover; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .post-card .card__cover.-slide-splited .card__cover__slide-item { padding: 0 0.3125em; } .post-card .card__cover.-slide .slick-arrow { background-color: #fff; border: 0; color: #888; font-size: 1em; top: 50%; transform: translateY(-50%); padding: 15px; position: absolute; z-index: 1; } .post-card .card__cover.-slide .slick-arrow.slick-next { right: 0; } .post-card .card__cover.-slide .slick-arrow.slick-prev { left: 0; } .post-card .card__content-category { color: #111; font-size: 0.75em; font-weight: 700; line-height: 1; text-transform: uppercase; position: relative; display: inline-block; z-index: 1; margin-bottom: 1.3em; margin-right: 3px; margin-left: 3px; } .post-card .card__content-category a{ color: inherit; font-weight: 500; } .post-card .card__content-category:after { content: ""; position: absolute; bottom: -4px; left: 0; width: 100%; height: 1.9px; background-color: #11d2ef; z-index: -1; transform: translateY(40%); } .post-card .card__content-title { display: block; margin-bottom: 0.625em; color: #111; font-size: 1.375em; font-weight: 700; text-decoration: none; line-height: 1.375em; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; text-transform: capitalize; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; } .post-card .card__content-title:hover { color: #11d2ef; } .post-card .card__content-title:hover { text-decoration: underline; } .post-card .card__content-info { display: flex; align-items: center; } .post-card .card__content-info .info__time { margin-right: 0.9375em; } .post-card .card__content-info .info__author p { color: #111; } #armonia-about-author-section { background-color: #f1cdc240; } .post-card .card__content-info i, .post-card .card__content-info p { display: inline-block; color: #888; font-size: 0.8125em; font-weight: 400; line-height: 1; } .post-card .card__content-info i { color: #11d2ef; margin-right: 0.625em; margin-bottom: 0.3125em; } .post-card .card__content-description { color: #111; font-size: 1em; font-weight: 400; line-height: 1.73333em; } .post-card .card__content .more-btn { color: #111; font-size: 0.9375em; font-weight: 700; text-decoration: none; line-height: 1; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; text-transform: uppercase; position: relative; padding: 8px 0; overflow: hidden; display: inline-block; } .post-card .card__content .more-btn:hover { color: #e49c86; } .post-card .card__content .more-btn:after { content: ""; position: absolute; bottom: 0; left: -100%; height: 3px; width: 100%; background-color: #e49c86; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .post-card .card__content .more-btn:hover:after { left: 0; } .post-card .card__content .more-btn:after { left: 0; } .post-card .card__content-title:hover { color: #11d2ef; } .post-card.-theme--blue .card__content .more-btn:hover { color: #11d2ef; } .post-card.-theme--blue .card__content .more-btn:after { background-color: #11d2ef; } .post-card.-theme--violet .card__content-category:after { content: none; background-color: #11d2ef; } .post-card.-theme--violet .card__content .more-btn:hover { color: #11d2ef; } .post-card.-theme--violet .card__content .more-btn:after { background-color: #11d2ef; } /*************************** Instagram ***************************/ .instagrams { font-size: 15px; } .instagrams .instagrams-container .instagrams-item { position: relative; } .instagrams .instagrams-container .instagrams-item:hover .instagrams-item__content { opacity: 1; } .instagrams .instagrams-container .instagrams-item img { width: 100%; } .instagrams .instagrams-container .instagrams-item .instagrams-item__content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #e49c86ad; opacity: 0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; color: #fff; font-size: 1em; font-weight: 400; line-height: 1; } .instagrams .instagrams-container .instagrams-item .instagrams-item__content i { font-size: 2em; margin-bottom: 0.5em; } .instagrams.-theme--violet .instagrams-container .instagrams-item .instagrams-item__content { background-color: #537bdfbd; } .instagrams.-theme--blue .instagrams-container .instagrams-item .instagrams-item__content { background-color: #11d1efbd; } /*************************** Footer ***************************/ footer { font-size: 16px; } footer .footer-content { padding: 5rem 0 3.75rem; } @media only screen and (max-width: 992px) { footer .footer-content .footer-col { margin-bottom: 2.5em; } } footer .footer-content .footer-col.-about p { color: #444; font-size: 0.9375em; font-weight: 400; line-height: 1.73333em; } footer .footer-content .footer-col.-about .contact-method { margin-top: 15px; } footer .footer-content .footer-col.-about .contact-method p i { width: 8px; margin-right: 1.3125em; color: #e49c86; text-align: center; font-size: 0.9375em; } footer .footer-content .footer-col.-util .tags-group { margin-bottom: 2.1875em; } footer .copyright { padding: 1.5625em; border-top: 1px solid #e1e1e1; text-align: center; color: #111; font-size: 0.875em; font-weight: 400; line-height: 1.42857em; } /*************************** Tag ***************************/ .tag-btn { color: #444; font-size: 15px; font-weight: 400; line-height: 1; border-radius: 0; background-color: #f5f5f5; padding: 15px; text-align: center; border: 0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; display: inline-block; margin-right: 15px; margin-bottom: 15px; } .tag-btn:hover { background-color: #e1e1e1; } #search-box { font-size: 30px; position: absolute; top: 100%; left: 0; right: 0; background-color: #fff; box-shadow: 0px 5px 5px 0 rgba(48, 68, 78, 0.1); padding: 0.66667em 0; z-index: 99; } #search-box form { position: relative; } #search-box form input { background-color: white; border: 1px solid #e1e1e1; height: 2.5em; width: 100%; transition: 0.2s ease-in-out; -webkit-appearance: none; padding: 0.71429em 1.07143em 0.71429em 2.85714em; color: #444; font-size: 0.93333em; font-weight: 500; line-height: 2.5em; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; background-image: url("../images/icons/search.svg"); background-size: 1.07143em; background-position: 1.07143em center; background-repeat: no-repeat; } #search-box form input:focus { outline: 0; box-shadow: none; } #search-box form input:-webkit-input-placeholder { color: #aeaeae; font-size: 0.93333em; font-weight: 500; line-height: 2.5em; } #search-box form input::-webkit-input-placeholder { color: #aeaeae; font-size: 0.93333em; font-weight: 500; line-height: 2.5em; } #search-box form input:-moz-input-placeholder { color: #aeaeae; font-size: 0.93333em; font-weight: 500; line-height: 2.5em; line-height: -moz-block-height; } #search-box form input::-moz-input-placeholder { color: #aeaeae; font-size: 0.93333em; font-weight: 500; line-height: 2.5em; line-height: -moz-block-height; } #search-box form input:-ms-input-placeholder { color: #aeaeae; font-size: 0.93333em; font-weight: 500; line-height: 2.5em; } #search-box form input::-ms-input-placeholder { color: #aeaeae; font-size: 0.93333em; font-weight: 500; line-height: 2.5em; } #search-box form input:-o-input-placeholder { color: #aeaeae; font-size: 0.93333em; font-weight: 500; line-height: 2.5em; } #search-box form input::-o-input-placeholder { color: #aeaeae; font-size: 0.93333em; font-weight: 500; line-height: 2.5em; } #search-box form input:input-placeholder { color: #aeaeae; font-size: 0.93333em; font-weight: 500; line-height: 2.5em; } #search-box form input::input-placeholder { color: #aeaeae; font-size: 0.93333em; font-weight: 500; line-height: 2.5em; } #search-box form button { position: absolute; right: 1em; top: 50%; transform: translateY(-50%); color: #aeaeae; font-size: 0.93333em; font-weight: 500; text-decoration: none; line-height: 1; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; border: 0; background-color: transparent; } #search-box form button:hover { color: #111; } @keyframes slideInDown { from { transform: translateY(-500px); opacity: 0; visibility: hidden; } to { transform: translateY(0); opacity: 1; visibility: visible; } } /*************************** Category ***************************/ .category .category__background { -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; background-position: center; background-size: cover; background-repeat: no-repeat; } .category.-bar { font-size: 14px; position: relative; display: flex; align-items: center; justify-content: space-between; padding: 1.78571em; overflow: hidden; border-radius: 0.35714em; margin-bottom: 1.5em; } .category.-bar:hover .category__background { transform: scale(1.1); } .category.-bar .category__background { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; } .category.-bar h5 { color: #fff; font-size: 1em; font-weight: 700; line-height: 1; text-transform: uppercase; } .category.-bar h5.quantity { height: 2.5em; width: 2.5em; background-color: #ebebeb; text-align: center; line-height: 2.5em; border-radius: 999px; color: #111; } .category.-round { display: block; text-align: center; color: #111; font-size: 16px; font-weight: 500; text-decoration: none; line-height: 1; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; text-transform: uppercase; } .category.-round:hover { color: #e49c86; } .category.-round:hover .category__background { transform: rotate(10deg); } .category.-round .category__background { height: 12.5em; width: 12.5em; margin-bottom: 1.875em; border-radius: 999px; margin: 0 auto; margin-bottom: 1.875em; } .category.-round h5 { display: inline-block; font-weight: 700; } .category.-round h5.quantity::before { content: "("; } .category.-round h5.quantity::after { content: ")"; } .category.-square { display: block; text-align: center; color: #111; font-size: 16px; font-weight: 500; text-decoration: none; line-height: 1; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; text-transform: uppercase; } .category.-square:hover { color: #e49c86; } .category.-square:hover .category__background { transform: translateY(-5px); } .category.-square .category__background { height: 6.5625em; width: 100%; border-radius: 0.3125em; margin: 0 auto; margin-bottom: 0.9375em; } .category.-square h5 { display: inline-block; font-weight: 700; } .category.-square h5.quantity { display: none; } .category.-theme--violet.-round:hover { color: #537bdf; } .category.-theme--violet.-square:hover { color: #537bdf; } .category.-theme--blue.-round:hover { color: #11d2ef; } .category.-theme--blue.-square:hover { color: #11d2ef; } .blog-sidebar { font-size: 16px; padding-left: 1.875em; } @media only screen and (max-width: 992px) { .blog-sidebar { padding-left: 0; } } @media only screen and (max-width: 768px) { .blog-sidebar { margin-bottom: 3.125em; } } @media only screen and (max-width: 576px) { .blog-sidebar { font-size: 15px; } } .blog-sidebar .blog-sidebar-section { margin-bottom: 3.75rem; } .blog-sidebar .blog-sidebar-section.-category .category { margin-bottom: 0.9375em; } .blog-sidebar .blog-sidebar-section.-category .category:last-child { margin-bottom: 0; } .blog-sidebar .blog-sidebar-section.-trending-post .trending-post { margin-bottom: 1.875em; } .blog-sidebar .blog-sidebar-section.-trending-post .trending-post:last-child { margin-bottom: 0; } .trending-post { font-size: 16; display: flex; } .trending-post .trending-post_image { height: 6.25em; width: 6.25em; margin-right: 1.5625em; position: relative; } .trending-post .trending-post_image img { height: 100%; width: 100%; object-fit: cover; border-radius: 999px; } .trending-post .trending-post_image .rank { position: absolute; top: 0.25em; left: 0.25em; font-size: 0.75em; height: 1.66667em; width: 1.66667em; background-color: #000; text-align: center; line-height: 1.66667em; border-radius: 999px; color: #fff; } .trending-post .trending-post_content { flex: 1; } .trending-post .trending-post_content h5 { color: #111; font-size: 0.75em; font-weight: 700; line-height: 1; text-transform: uppercase; position: relative; display: inline-block; z-index: 1; margin-bottom: 1.25em; } .trending-post .trending-post_content h5:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #11d2efcc; z-index: -1; transform: translateY(40%); } .trending-post .trending-post_content a { color: #111; font-size: 1em; font-weight: 700; text-decoration: none; line-height: 1.25em; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; text-transform: capitalize; display: block; margin-bottom: 0.625em; } .trending-post .trending-post_content a:hover { color: #e49c86; } .trending-post .trending-post_content .info__time p { display: inline-block; color: #888; font-size: 0.8125em; font-weight: 400; line-height: 1; } .trending-post .trending-post_content .info__time i { margin-right: 0.5em; font-size: 0.75em; color: #888; } /*************************** Subcribe box ***************************/ .subcribe-box { font-size: 16; padding: 2.5em; background-color: #f5f5f5; border-radius: 0.3125em; } .subcribe-box h5 { color: #111; font-size: 1.125em; font-weight: 700; line-height: 1; text-transform: uppercase; margin-bottom: 1.66667em; } .subcribe-box p { color: #111; font-size: 0.9375em; font-weight: 400; line-height: 1.73333em; margin-bottom: 1em; } .subcribe-box input { background-color: white; border: 1px solid #e1e1e1; height: auto; width: 100%; transition: 0.2s ease-in-out; -webkit-appearance: none; padding: 0.9375em 1.25em; color: #444; font-size: 14px; font-weight: 400; line-height: auto; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; margin-bottom: 1.25em; } .subcribe-box input:focus { outline: 0; box-shadow: none; } .subcribe-box input:-webkit-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box input::-webkit-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box input:-moz-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; line-height: -moz-block-height; } .subcribe-box input::-moz-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; line-height: -moz-block-height; } .subcribe-box input:-ms-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box input::-ms-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box input:-o-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box input::-o-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box input:input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box input::input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box .btn.-normal { display: block; padding: 0.9375em; } .subcribe-box.-theme--yellow { background-color: #e49c86; } .subcribe-box.-theme--yellow h5 { color: #fff; } .subcribe-box.-theme--yellow p { color: #fff; } .subcribe-box.-theme--yellow input { background-color: transparent; border: 1px solid #e1e1e1; height: auto; width: 100%; transition: 0.2s ease-in-out; -webkit-appearance: none; padding: 0.9375em 1.25em; color: #fff; font-size: 14px; font-weight: 400; line-height: auto; -webkit-border-radius: 0.3125em; -moz-border-radius: 0.3125em; -ms-border-radius: 0.3125em; -o-border-radius: 0.3125em; border-radius: 0.3125em; } .subcribe-box.-theme--yellow input:focus { outline: 0; box-shadow: none; } .subcribe-box.-theme--yellow input:-webkit-input-placeholder { color: #fff7; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box.-theme--yellow input::-webkit-input-placeholder { color: #fff7; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box.-theme--yellow input:-moz-input-placeholder { color: #fff7; font-size: 14px; font-weight: 400; line-height: auto; line-height: -moz-block-height; } .subcribe-box.-theme--yellow input::-moz-input-placeholder { color: #fff7; font-size: 14px; font-weight: 400; line-height: auto; line-height: -moz-block-height; } .subcribe-box.-theme--yellow input:-ms-input-placeholder { color: #fff7; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box.-theme--yellow input::-ms-input-placeholder { color: #fff7; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box.-theme--yellow input:-o-input-placeholder { color: #fff7; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box.-theme--yellow input::-o-input-placeholder { color: #fff7; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box.-theme--yellow input:input-placeholder { color: #fff7; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box.-theme--yellow input::input-placeholder { color: #fff7; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box.-theme--yellow .btn.-normal { background-color: #fff; color: #e49c86; } .subcribe-box.-theme--violet { background-color: #537bdf; } .subcribe-box.-theme--violet h5 { color: #fff; } .subcribe-box.-theme--violet p { color: #fff; } .subcribe-box.-theme--violet input { background-color: transparent; border: 1px solid #e1e1e1; height: auto; width: 100%; transition: 0.2s ease-in-out; -webkit-appearance: none; padding: 0.9375em 1.25em; color: #fff; font-size: 14px; font-weight: 400; line-height: auto; -webkit-border-radius: 0.3125em; -moz-border-radius: 0.3125em; -ms-border-radius: 0.3125em; -o-border-radius: 0.3125em; border-radius: 0.3125em; } .subcribe-box.-theme--violet input:focus { outline: 0; box-shadow: none; } .subcribe-box.-theme--violet input:-webkit-input-placeholder { color: #fff7; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box.-theme--violet input::-webkit-input-placeholder { color: #fff7; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box.-theme--violet input:-moz-input-placeholder { color: #fff7; font-size: 14px; font-weight: 400; line-height: auto; line-height: -moz-block-height; } .subcribe-box.-theme--violet input::-moz-input-placeholder { color: #fff7; font-size: 14px; font-weight: 400; line-height: auto; line-height: -moz-block-height; } .subcribe-box.-theme--violet input:-ms-input-placeholder { color: #fff7; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box.-theme--violet input::-ms-input-placeholder { color: #fff7; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box.-theme--violet input:-o-input-placeholder { color: #fff7; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box.-theme--violet input::-o-input-placeholder { color: #fff7; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box.-theme--violet input:input-placeholder { color: #fff7; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box.-theme--violet input::input-placeholder { color: #fff7; font-size: 14px; font-weight: 400; line-height: auto; } .subcribe-box.-theme--violet .btn.-normal { background-color: #fff; color: #537bdf; } /*************************** Subcribe bar ***************************/ .subcribe-bar { font-size: 16px; background-color: #f5f5f5; } @media only screen and (max-width: 768px) { .subcribe-bar { font-size: 14px; } } .subcribe-bar__content h5 { color: #111; font-size: 0.9375em; font-weight: 500; line-height: 1; margin-bottom: 1em; } .subcribe-bar__content h3 { color: #111; font-size: 1.875em; font-weight: 700; line-height: 1; } @media only screen and (max-width: 768px) { .subcribe-bar__content { margin-bottom: 1.875em; } } .subcribe-bar__form { display: flex; } .subcribe-bar__form input { background-color: white; border: 1px solid #e1e1e1; height: 50px; width: 100%; transition: 0.2s ease-in-out; -webkit-appearance: none; padding: 0 1.25em; color: #444; font-size: 14px; font-weight: 400; line-height: 50px; -webkit-border-radius: 0.3125em; -moz-border-radius: 0.3125em; -ms-border-radius: 0.3125em; -o-border-radius: 0.3125em; border-radius: 0.3125em; margin-right: 0.9375em; } .subcribe-bar__form input:focus { outline: 0; box-shadow: none; } .subcribe-bar__form input:-webkit-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: 50px; } .subcribe-bar__form input::-webkit-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: 50px; } .subcribe-bar__form input:-moz-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: 50px; line-height: -moz-block-height; } .subcribe-bar__form input::-moz-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: 50px; line-height: -moz-block-height; } .subcribe-bar__form input:-ms-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: 50px; } .subcribe-bar__form input::-ms-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: 50px; } .subcribe-bar__form input:-o-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: 50px; } .subcribe-bar__form input::-o-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: 50px; } .subcribe-bar__form input:input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: 50px; } .subcribe-bar__form input::input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: 50px; } .subcribe-bar__form .btn { height: 50px; padding: 0 1.25em; } @media only screen and (max-width: 768px) { .subcribe-bar__form input { margin-right: 0; } } @media only screen and (max-width: 576px) { .subcribe-bar__form .btn.-normal { padding: 0 0.9375em; } } .btn { color: #fff; font-size: 0.875em; font-weight: 700; line-height: 1; text-transform: uppercase; border-radius: 0.35714em; background-color: #e49c86; padding: 1.42857em 2.14286em; text-align: center; border: 0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; display: inline-block; } .btn:hover { background-color: #dd8165; } @media only screen and (max-width: 576px) { .btn { font-size: 14px; } } .btn.-gray { color: #444; font-size: 0.875em; font-weight: 700; line-height: 1; text-transform: uppercase; border-radius: 0.35714em; background-color: #fff; padding: 1.42857em 2.14286em; text-align: center; border: 0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; border: 1px solid #e1e1e1; } .btn.-gray:hover { background-color: #ebebeb; } .btn.-light-overlay { color: #111; font-size: 0.875em; font-weight: 700; line-height: 1; text-transform: uppercase; border-radius: 0.35714em; background-color: #f5f5f5; padding: 1.42857em 2.14286em; text-align: center; border: 0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; display: inline-block; } .btn.-light-overlay:hover { background-color: #e1e1e1; } /*************************** News block ***************************/ .news-block { margin: 2em 0; } .news-block.-theme--blue .news-block__header .header__controller .header__controller__tab .tab-item.active { color: #11d2ef; } .news-block.-theme--violet .news-block__header .header__controller .header__controller__tab .tab-item.active { color: #537bdf; } .news-block .news-block__header { font-size: 18px; display: flex; align-items: center; } @media only screen and (max-width: 576px) { .news-block .news-block__header { flex-direction: column; } .news-block .news-block__header .header__controller__title { margin-bottom: 0.83333em; } } .news-block .news-block__header .header__controller__title { flex: 1; } .news-block .news-block__header .header__controller { display: flex; } @media only screen and (max-width: 576px) { .news-block .news-block__header .header__controller .header__controller__tab { text-align: center; } } .news-block .news-block__header .header__controller .header__controller__tab .tab-item { color: #888; font-size: 0.83333em; font-weight: 500; text-decoration: none; line-height: 1; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; text-transform: capitalize; display: inline-block; margin: 0 0.55556em; } .news-block .news-block__header .header__controller .header__controller__tab .tab-item:hover { color: #111; } @media only screen and (max-width: 576px) { .news-block .news-block__header .header__controller .header__controller__tab .tab-item { line-height: 2.22222em; } } .news-block .news-block__header .header__controller .header__controller__tab .tab-item.active { color: #e49c86; } .news-block .news-block__tab { font-size: 16; } .news-block .news-block__tab:hover .slick-arrow { opacity: 1; } .news-block .news-block__tab .slick-arrow { background-color: #bebebe; border: 0; color: #888; font-size: 1em; top: 50%; transform: translateY(-50%); padding: 15px; position: absolute; z-index: 1; opacity: 0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .news-block .news-block__tab .slick-arrow.slick-next { right: 0em; } .news-block .news-block__tab .slick-arrow.slick-prev { left: 0em; } @media only screen and (max-width: 1200px) { .news-block .news-block__tab .slick-arrow { opacity: 1; } .news-block .news-block__tab .slick-arrow.slick-next { right: 0; } .news-block .news-block__tab .slick-arrow.slick-prev { left: 0; } } .news-block .news-block__tab .news-block__tab__item { display: none; } @media only screen and (max-width: 768px) { .news-block .news-block__tab .news-block__tab__item { font-size: 15px; } } .news-block .news-block__tab .news-block__tab__item.active { display: block; } .news-block .news-block__tab .news-block__tab__item .news-block__content { color: red; } @media only screen and (max-width: 992px) { .news-block .news-block__tab .news-block__tab__item .news-block__content .news-block__content__slide .post-card.-large { display: none; } } @media only screen and (max-width: 576px) { .news-block .news-block__tab .news-block__tab__item .news-block__content .news-block__content__slide .post-card.-large { display: none; } } .news-block .news-block__tab .news-block__tab__item .news-block__content.-default .news-block__content__slide .post-card { margin-bottom: 1.875em; } .news-block .news-block__tab .news-block__tab__item .news-block__content.-default .news-block__content__slide .post-card.-large .card__cover { align-items: center; } .news-block .news-block__tab .news-block__tab__item .news-block__content.-default .news-block__content__slide .post-card.-small .card__cover { align-items: center; } .news-block .news-block__tab .news-block__tab__item .news-block__content.-default .news-block__content__slide .post-card.-small .card__content .card__content-title { font-size: 1.125em; line-height: 1.22222em; } .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz .news-block__content__slide .post-card.-large { margin-bottom: 1.875em; } .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz .news-block__content__slide .post-card.-small .card__cover { align-items: center; } @media only screen and (max-width: 768px) { .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz .news-block__content__slide .post-card.-small { margin-bottom: 1.875em; } } .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz-small .news-block__content__slide .post-card.-small { margin-bottom: 1.875em; } .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz-small .news-block__content__slide .post-card.-small .card__cover { align-items: center; } .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz-small .news-block__content__slide .post-card.-small .card__content-title { font-size: 1.125em; margin-bottom: 0.625em; } .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz-small .news-block__content__slide .post-card.-small .card__content-description { margin-top: 0.625em; margin-bottom: 0.8em; } @media only screen and (max-width: 576px) { .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz-small .news-block__content__slide .post-card.-small .card__content-info { flex-direction: column; align-items: flex-start; } .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz-small .news-block__content__slide .post-card.-small .card__content-info .info__time { margin-right: 0; margin-bottom: 0.3125em; } } @media only screen and (max-width: 768px) { .news-block .news-block__tab .news-block__tab__item .news-block__content.-hoz-small .news-block__content__slide .post-card.-small { margin-bottom: 1.875em; } } /*************************** Video block ***************************/ .video-block { font-size: 16px; margin-bottom: 4.375rem; } .video-block .video-view { position: relative; } .video-block .video-view #video-list__title { position: absolute; top: 20px; left: 20px; z-index: 5; color: #fff; font-size: 1.375em; font-weight: 500; line-height: 1.18182em; text-transform: capitalize; } .video-block .video-view #video-list-player { height: 475px; } .video-block .video-list { height: 475px; overflow-y: auto; } .video-block .video-list::-webkit-scrollbar { width: 5px; } .video-block .video-list::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.6); } .video-block .video-list::-webkit-scrollbar-thumb { background: #11d2ef; } .video-block .video-list::-webkit-scrollbar-thumb:hover { background: #000; } .video-block .video-list__header { background-color: #11d2ef; padding: 1.875em; } .video-block .video-list__header h5 { color: #fff; font-size: 1.25em; font-weight: 500; line-height: 1; text-transform: uppercase; margin-bottom: 0.625em; } .video-block .video-list__header p { color: rgba(255, 255, 255, 0.7); font-size: 1em; font-weight: 400; line-height: 1; } .video-block .video-list__content { background-color: #111; padding: 0.625em 0; } .video-block .video-list__content__item { display: flex; padding: 0.625em 1.875em; color: #fff; font-size: 1em; font-weight: 500; text-decoration: none; line-height: 1.3125em; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; text-transform: capitalize; } .video-block .video-list__content__item:hover { color: #dedede; } .video-block .video-list__content__item.active { background-color: #11d2ef; } .video-block .video-list__content__item:hover { background-color: #11d2ef; } .video-block .video-list__content__item .item__image img { height: 70px; width: 105px; object-fit: cover; } .video-block .video-list__content__item .item__detail { padding-left: 1.25em; } .video-block .video-list__content__item .item__detail h5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; margin-bottom: 0.625em; } .video-block .video-list__content__item .item__detail p { color: rgba(255, 255, 255, 0.5); font-size: 0.8125em; font-weight: 500; line-height: 1; } /*************************** Pagination ***************************/ .pagination ul li { display: inline-block; margin-right: 5px; } .pagination ul li:first-child { margin-left: 0; padding-left: 0; } .pagination ul li:last-child { margin-right: 0; padding-right: 0; } .pagination span.current { background-color: #000; color: #fff; } .pagination span, .pagination a { color: #444; font-size: 15px; font-weight: 400; line-height: 1; border-radius: 999px; background-color: #f5f5f5; padding: 0; text-align: center; border: 0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; height: 40px; width: 40px; line-height: 40px; display: block; } .pagination a:hover { background-color: #e1e1e1; } /*************************** Social block ***************************/ .social-block a { color: #111; font-size: 15px; font-weight: 600; line-height: 3.33333em; border-radius: 999px; background-color: #f5f5f5; padding: 0; text-align: center; border: 0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; display: inline-block; height: 3.33333em; width: 3.33333em; margin-right: 1em; } .social-block a:hover { background-color: #e1e1e1; } .social-block a:first-child { margin-left: 0; padding-left: 0; } .social-block a:last-child { margin-right: 0; padding-right: 0; } /*************************** Post footer ***************************/ .post-footer { font-size: 16px; } .post-footer__tags { margin-bottom: 3.125em; } .post-footer__tags .tags-group .tag-btn { margin-bottom: 0; padding: 0.9375em 0.9375em; font-size: 0.875em; } .post-footer__tags .tags-group .tag-btn:last-child { margin-right: 0; } .post-footer__author { margin-bottom: 3.75em; text-align: center; background-color: #f5f5f5; position: relative; } .post-footer__author::after { content: ""; position: absolute; top: 0; left: 0; right: 0; background-color: #fff; height: 3.75em; z-index: 0; } .post-footer__author .author__avatar { height: 120px; width: 120px; border-radius: 999px; overflow: hidden; margin: 0 auto; margin-bottom: 1.13636em; position: inherit; z-index: 1; } .post-footer__author .author__avatar img { height: 100%; width: 100%; object-fit: contain; } .post-footer__author .author__info { padding: 0 3.75em 1.875em; } @media only screen and (max-width: 768px) { .post-footer__author .author__info { padding: 0 1.875em 1.25em; } } .post-footer__author .author__info h5 { color: #111; font-size: 1.375em; font-weight: 700; line-height: 1; margin-bottom: 0.45455em; } .post-footer__author .author__info p { color: #111; font-size: 0.9375em; font-weight: 400; line-height: 1.8em; margin-bottom: 0.66667em; } .post-footer__author .author__info .social-media a { color: #111; font-size: 1em; font-weight: 500; text-decoration: none; line-height: 1; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; margin: 0 0.625em; } .post-footer__author .author__info .social-media a:hover { color: #e49c86; } .post-footer__author .author__info .social-media a:first-child { margin-left: 0; padding-left: 0; } .post-footer__author .author__info .social-media a:last-child { margin-right: 0; padding-right: 0; } .navigation.post-navigation .nav-links{ display: flex; margin-bottom: 3.75em; } .navigation.post-navigation .nav-previous, .navigation.post-navigation .nav-next { flex: 1 1 50%; max-width: 50%; transition: 0.5s; } .navigation.post-navigation .nav-previous:hover a i { margin-right: 1.25em; transition: 0.5s; } .navigation.post-navigation .nav_thumb_wrap.no-thumb { display: none; } .navigation.post-navigation .nav-next:hover a i { margin-left: 1.25em; transition: 0.5s; } .post-footer__related__item a { margin-bottom: 1.25em; display: block; color: #111; font-size: 0.9375em; font-weight: 600; text-decoration: none; line-height: 1; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; text-transform: uppercase; } .post-footer__related__item a:hover { color: #e49c86; } .post-footer__related__item a i { -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .nav-links .nav-thumb { display: flex; align-items: center; margin-top: 5px; } .nav-links .nav-thumb img { height: 4.375em; width: 6.5625em; object-fit: cover; border-radius: 0.1875em; } .nav-links .nav-thumb .nav-title { font-size: 1.125em; } .post-footer__related__item.-prev a i { margin-right: 0.625em; } .nav-links .nav-previous .nav-thumb img { margin-right: 1.4375em; } .nav-links .nav-previous i { padding-right: 5px; } .nav-links .nav-next { margin-right: 1.3em; } .nav-links .nav-next .nav-thumb { justify-content: flex-end; } .nav-links .nav-next a { text-align: right; } .nav-links .nav-next a i { margin-left: 0.625em; } .nav-links .nav-next img { margin-left: 1.4375em; } @media only screen and (max-width: 576px) { .post-footer__related { flex-direction: column; } .post-footer__related__item { flex: 1 1 100%; max-width: 100%; } .post-footer__related__item.-prev { margin-bottom: 1.875em; } } .post-footer__comment__detail { margin-bottom: 3.75em; } .post-footer__comment__detail .comment__item { margin-bottom: 2.5em; } .post-footer__comment__detail .comment__item__avatar { height: 5.625em; width: 5.625em; float: left; margin-right: 1.5625em; } .post-footer__comment__detail .comment__item__avatar img { height: 100%; width: 100%; object-fit: cover; } .post-footer__comment__detail .comment__item__content__header { display: flex; justify-content: space-between; margin-bottom: 1.25em; } .post-footer__comment__detail .comment__item__content__header h5 { color: #111; font-size: 1.125em; font-weight: 600; line-height: 1; text-transform: capitalize; } .post-footer__comment__detail .comment__item__content__header .data p { color: #888; font-size: 0.8125em; font-weight: 500; line-height: 1; text-transform: capitalize; display: inline-block; margin: 0 0.76923em; } .post-footer__comment__detail .comment__item__content__header .data p:first-child { margin-left: 0; padding-left: 0; } .post-footer__comment__detail .comment__item__content__header .data p:last-child { margin-right: 0; padding-right: 0; } .post-footer__comment__detail .comment__item__content__header .data p i { margin-right: 0.625em; } @media only screen and (max-width: 576px) { .post-footer__comment__detail .comment__item__content__header { flex-direction: column; } .post-footer__comment__detail .comment__item__content__header h5 { margin-bottom: 0.625em; } } .post-footer__comment__detail .comment__item__content p { color: #111; font-size: 0.9375em; font-weight: 400; line-height: 1.8em; } .post-footer__comment__detail .comment__item__reply { padding-left: 7.1875em; margin-top: 2.5em; } .post-footer__comment__detail .comment__item__reply .comment__item { margin-bottom: 0; } @media only screen and (max-width: 576px) { .post-footer__comment__detail .comment__item .comment__item__reply { padding-left: 1.875em; } } .post-footer__comment__form input { margin-bottom: 1.25em; background-color: white; border: 1px solid #e1e1e1; height: auto; width: 100%; transition: 0.2s ease-in-out; -webkit-appearance: none; padding: 0.9375em 1.25em; color: #444; font-size: 0.875em; font-weight: 400; line-height: auto; -webkit-border-radius: 0.3125em; -moz-border-radius: 0.3125em; -ms-border-radius: 0.3125em; -o-border-radius: 0.3125em; border-radius: 0.3125em; } .post-footer__comment__form input:focus { outline: 0; box-shadow: none; } .post-footer__comment__form input:-webkit-input-placeholder { color: #aeaeae; font-size: 0.875em; font-weight: 400; line-height: auto; } .post-footer__comment__form input::-webkit-input-placeholder { color: #aeaeae; font-size: 0.875em; font-weight: 400; line-height: auto; } .post-footer__comment__form input:-moz-input-placeholder { color: #aeaeae; font-size: 0.875em; font-weight: 400; line-height: auto; line-height: -moz-block-height; } .post-footer__comment__form input::-moz-input-placeholder { color: #aeaeae; font-size: 0.875em; font-weight: 400; line-height: auto; line-height: -moz-block-height; } .post-footer__comment__form input:-ms-input-placeholder { color: #aeaeae; font-size: 0.875em; font-weight: 400; line-height: auto; } .post-footer__comment__form input::-ms-input-placeholder { color: #aeaeae; font-size: 0.875em; font-weight: 400; line-height: auto; } .post-footer__comment__form input:-o-input-placeholder { color: #aeaeae; font-size: 0.875em; font-weight: 400; line-height: auto; } .post-footer__comment__form input::-o-input-placeholder { color: #aeaeae; font-size: 0.875em; font-weight: 400; line-height: auto; } .post-footer__comment__form input:input-placeholder { color: #aeaeae; font-size: 0.875em; font-weight: 400; line-height: auto; } .post-footer__comment__form input::input-placeholder { color: #aeaeae; font-size: 0.875em; font-weight: 400; line-height: auto; } .post-footer__comment__form textarea { margin-bottom: 1.875em; background-color: white; border: 1px solid #e1e1e1; height: auto; width: 100%; transition: 0.2s ease-in-out; padding: 0.9375em 1.25em; font-family: "DM Sans", sans-serif !important; -webkit-appearance: none; color: #444; font-size: 0.875em; font-weight: 400; line-height: auto; -webkit-border-radius: 0.3125em; -moz-border-radius: 0.3125em; -ms-border-radius: 0.3125em; -o-border-radius: 0.3125em; border-radius: 0.3125em; } .post-footer__comment__form textarea:focus { outline: 0; box-shadow: none; } .post-footer__comment__form textarea::-webkit-placeholder { color: #aeaeae; font-size: 0.875em; font-weight: 400; line-height: auto; } .post-footer__comment__form textarea::-moz-placeholder { color: #aeaeae; font-size: 0.875em; font-weight: 400; line-height: auto; } .post-footer__comment__form textarea::-ms-placeholder { color: #aeaeae; font-size: 0.875em; font-weight: 400; line-height: auto; } .post-footer__comment__form textarea::-o-placeholder { color: #aeaeae; font-size: 0.875em; font-weight: 400; line-height: auto; } .post-footer__comment__form textarea::placeholder { color: #aeaeae; font-size: 0.875em; font-weight: 400; line-height: auto; } .post-footer .comment-title { color: #111; font-size: 1.375em; font-weight: 500; line-height: 1; text-transform: uppercase; text-align: center; position: relative; margin-bottom: 2.5em; } .post-footer .comment-title span { background-color: #fff; padding: 0 0.9375em; } .post-footer .comment-title:after { content: ""; position: absolute; left: 0; right: 0; top: 0.45455em; height: 1px; background-color: #e1e1e1; z-index: -1; } /*************************** Author ***************************/ .author-info-block { font-size: 16px; background-color: #e49c86; padding: 1.5625em 0 2.5em; border-radius: 0.3125em; margin-bottom: 4.375rem; } .author-info-block__avatar { height: 120px; width: 120px; border-radius: 999px; overflow: hidden; margin: 0 auto; margin-bottom: 1.5625em; } .author-info-block__avatar img { height: 100%; width: 100%; object-fit: cover; } .author-info-block__info { text-align: center; max-width: 70%; margin: 0 auto; } .author-info-block__info h5 { color: #111; font-size: 1.375em; font-weight: 600; line-height: 1; margin-bottom: 1.13636em; } .author-info-block__info p { color: #111; font-size: 0.9375em; font-weight: 400; line-height: 1.8em; margin-bottom: 1em; } .author-info-block__info .social-media a { color: #111; font-size: 1em; font-weight: 500; text-decoration: none; line-height: 1; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; margin: 0 0.625em; } .author-info-block__info .social-media a:hover { color: #fff; } .author-info-block__info .social-media a:first-child { margin-left: 0; padding-left: 0; } .author-info-block__info .social-media a:last-child { margin-right: 0; padding-right: 0; } @media only screen and (max-width: 768px) { .author-info-block__info { max-width: 100%; padding: 0 0.9375em; } } /*************************** Checkbox customed ***************************/ .checkbox-group.-round.customed .checkmark { border-radius: 999px; } .checkbox-group.customed { display: block; position: relative; padding-left: 1.875em; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #111; font-size: 0.9375em; font-weight: 500; line-height: 1; text-transform: capitalize; } .checkbox-group.customed:hover input~.checkmark { background-color: #e6e6e6; } .checkbox-group.customed .checkmark { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: #d8d8d8; border-radius: 0.2em; } .checkbox-group.customed .checkmark:after { content: "\f00d"; font-family: "Font Awesome 5 Pro"; left: 4px; top: 2px; position: absolute; font-size: 12px; color: #fff; } .checkbox-group.customed input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkbox-group.customed input:checked~.checkmark { background-color: #e49c86; } .checkbox-group.customed input:checked~.checkmark:after { content: "\f00c"; font-size: 10px; left: 2.5px; top: 3px; } /*************************** Product ***************************/ .product__image { position: relative; overflow: hidden; margin-bottom: 1.5625em; display: flex; align-items: center; justify-content: center; } .product__image:hover::after { opacity: 1; } .product__image:hover .btn { top: 50%; transform: translateY(-50%); } .product__image::after { content: ""; background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .product__image img { height: 100%; width: 100%; object-fit: cover; } .product__image .btn { z-index: 2; display: inline-block; position: absolute; top: -200px; } .product__content { display: flex; align-items: center; justify-content: space-between; } .product__content__left { color: red; } .price del{ font-size: 70%; font-weight: 400; } ul.products li.product .woocommerce-loop-product__title { color: #111; font-size: 1.1em; font-weight: 500; text-decoration: none; line-height: 1; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; text-transform: capitalize; display: block; margin-bottom: 0.3125em; } ul.products li.product .woocommerce-loop-product__title:hover { color: #e49c86; } .product__content__left .star i { font-size: 0.625em; color: #e3c01c; } ul.products li.product .price .amount { color: #111; font-size: 1.375em; font-weight: 700; line-height: 1; } /*************************** Tab ***************************/ .tab .tab-header { margin-bottom: 2.8125em; } @media only screen and (max-width: 768px) { .tab .tab-header ul { overflow-x: auto; white-space: nowrap; } } .tab .tab-header ul>li { display: inline-block; margin: 0 1.5625em; } .tab .tab-header ul>li:first-child { margin-left: 0; padding-left: 0; } .tab .tab-header ul>li:last-child { margin-right: 0; padding-right: 0; } .tab .tab-header ul>li>a { color: #888; font-size: 1.125em; font-weight: 600; text-decoration: none; line-height: 1; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .tab .tab-header ul>li>a:hover { color: #111; } .tab .tab-header ul>li>a.active { color: #111; } .tab .tab-content__item { display: none; } .tab .tab-content__item.active { display: block; } /*************************** Quantity controller ***************************/ .quantity-controller { padding: 0 1.25em; border: 1px solid #e49c86; display: flex; align-items: center; margin-right: 0.625em; height: 3.125em; } .quantity-controller input { border: 0; text-align: center; max-width: 3.75em; color: #111; font-size: 0.9375em; font-weight: 600; line-height: 1; } .quantity-controller a { color: #111; font-size: 1em; font-weight: 500; text-decoration: none; line-height: 1; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .quantity-controller a:hover { color: #e49c86; } .breadcrumb { padding: 3.125rem 0 4.375rem; } .breadcrumb ul>li { display: inline-block; } .breadcrumb ul>li>a { color: #111; font-size: 0.9375em; font-weight: 500; text-decoration: none; line-height: 1; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .breadcrumb ul>li>a:hover { color: #111; } .breadcrumb ul>li>a i { margin-right: 0.625em; } .breadcrumb ul>li>a:after { content: ">"; padding: 0 0.66667em; } .breadcrumb ul>li.active>a { color: #888; font-size: 0.9375em; font-weight: 500; text-decoration: none; line-height: 1; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .breadcrumb ul>li.active>a:hover { color: #111; } .breadcrumb ul>li.active>a:after { display: none; } /*************************** 404 error ***************************/ .error-404 { font-size: 16px; margin-bottom: 5rem; } @media only screen and (max-width: 768px) { .error-404__content { margin-bottom: 3.125em; } } .error-404__content h2 { color: #111; font-size: 2.25em; font-weight: 700; line-height: 1; margin-bottom: 0.27778em; } .error-404__content p { color: #111; font-size: 1.0625em; font-weight: 500; line-height: 1.58824em; margin-bottom: 2.1875em; } .error-404__content form { position: relative; margin-bottom: 1.875em; } .error-404__content form input { background-color: white; border: 1px solid #e1e1e1; height: auto; width: 100%; transition: 0.2s ease-in-out; -webkit-appearance: none; padding: 1.07143em 1.42857em; color: #444; font-size: 14px; font-weight: 400; line-height: auto; -webkit-border-radius: 0.35714em; -moz-border-radius: 0.35714em; -ms-border-radius: 0.35714em; -o-border-radius: 0.35714em; border-radius: 0.35714em; } .error-404__content form input:focus { outline: 0; box-shadow: none; } .error-404__content form input:-webkit-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .error-404__content form input::-webkit-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .error-404__content form input:-moz-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; line-height: -moz-block-height; } .error-404__content form input::-moz-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; line-height: -moz-block-height; } .error-404__content form input:-ms-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .error-404__content form input::-ms-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .error-404__content form input:-o-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .error-404__content form input::-o-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .error-404__content form input:input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .error-404__content form input::input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .error-404__content form button { background-color: transparent; border: 0; color: #111; font-size: 1em; font-weight: 500; text-decoration: none; line-height: 1; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; position: absolute; top: 50%; right: 1.5625em; transform: translateY(-50%); } .error-404__content form button:hover { color: #e49c86; } .error-404__image { padding-left: 1.875em; } .error-404__image img { height: 100%; width: 100%; object-fit: cover; } @media only screen and (max-width: 768px) { .error-404__image { padding-left: 0; } } /*************************** About us ***************************/ .about-us { font-size: 16; margin-bottom: 4.375rem; } .about-us__image { width: 100%; padding-right: 1.875em; } @media only screen and (max-width: 768px) { .about-us__image { margin-bottom: 1.875em; padding-right: 0; } } .about-us__image img { height: 100%; width: 100%; object-fit: cover; } .about-us__content h3 { color: #111; font-size: 1.875em; font-weight: 700; line-height: 1; margin-bottom: 1.16667em; } .about-us__content p { color: #111; font-size: 0.9375em; font-weight: 400; line-height: 1.8em; margin-bottom: 2em; } .about-us__content .follow p { color: #111; font-size: 0.9375em; font-weight: 600; line-height: 1; } /*************************** Blog layouts ***************************/ .load-more-btn { margin-bottom: 5rem; } .load-more-btn.mb-0 { margin-bottom: 0; } .blog-masonry { margin: 1.7rem 0; width: 100%; } .blog-masonry .post-card { width: calc(33.3333% - 20px); margin-bottom: 2.5em; } @media only screen and (max-width: 768px) { .blog-masonry .post-card { width: calc(50% - 15px); } } @media only screen and (max-width: 576px) { .blog-masonry .post-card { width: calc(100%); } } .blog-masonry-sidebar { margin-bottom: 5rem; } .blog-masonry-sidebar .blog-masonry-sidebar__content { margin-bottom: 0; } .blog-masonry-sidebar .blog-masonry-sidebar__content .post-card { width: calc(50% - 15px); } @media only screen and (max-width: 576px) { .blog-masonry-sidebar .blog-masonry-sidebar__content .post-card { width: 100%; } } .blog-imageless { margin-bottom: 1.875rem; } .blog-imageless .post-card.-image-less { padding-bottom: 3.125em; margin-bottom: 3.125em; border-bottom: 1px solid #e1e1e1; } .blog-imageless-mansonry { font-size: 18px; } @media only screen and (max-width: 1200px) { .blog-imageless-mansonry { font-size: 17px; } } @media only screen and (max-width: 768px) { .blog-imageless-mansonry { font-size: 17px; } } @media only screen and (max-width: 576px) { .blog-imageless-mansonry { font-size: 16px; } } .blog-imageless-mansonry__categories { margin-bottom: 4.375rem; } .blog-imageless-mansonry__categories .category { margin-bottom: 0; } .blog-imageless-mansonry__categories .category .category__background { height: 11.11111em; width: 11.11111em; } @media only screen and (max-width: 1200px) { .blog-imageless-mansonry__categories .category .category__background { height: 8.88889em; width: 8.88889em; } } @media only screen and (max-width: 768px) { .blog-imageless-mansonry__categories .category .category__background { height: 8.33333em; width: 8.33333em; } } @media only screen and (max-width: 576px) { .blog-imageless-mansonry__categories .category .category__background { height: 8.33333em; width: 8.33333em; } } .blog-imageless-mansonry__content { margin-bottom: 2.22222em; } .blog-imageless-mansonry__content .post-card { width: calc(25% - 15px); margin-bottom: 1.11111em; } .blog-imageless-mansonry__content .post-card.-big { width: calc(50% - 15px); height: 388px; } .blog-imageless-mansonry__content .post-card.-long { height: 388px; } .blog-imageless-mansonry__content .post-card.-small { height: 187px; } @media only screen and (max-width: 992px) { .blog-imageless-mansonry__content .post-card { width: calc(50% - 15px) !important; } } @media only screen and (max-width: 576px) { .blog-imageless-mansonry__content .post-card { width: 100% !important; } } .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide { width: 100%; margin-bottom: 1.875em; } .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide:after { content: ""; display: block; clear: both; } .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-sizer, .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item { width: 16.66667%; } .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item { float: left; margin-bottom: 1em; padding: 0 0.625em; } .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item .post-card { height: 100%; } .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-large { height: 848px; width: 33.3333%; } .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-big { height: 414px; width: 33.3333%; } .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-long { height: 414px; } .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-small { height: 197px; } @media only screen and (max-width: 1400px) { .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-large, .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-big, .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-long, .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-small { height: auto; width: 33.333333%; } } @media only screen and (max-width: 992px) { .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-large, .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-big, .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-long, .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-small { height: auto; width: 50%; } } @media only screen and (max-width: 576px) { .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-large, .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-big { height: auto; width: 100%; } .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-long, .blog-imageless-mansonry.-wide .blog-imageless-mansonry__content__wide .grid-item.-small { height: auto; width: 100%; } } .blog-ocean__slider { font-size: 16px; margin-bottom: 5em; } @media only screen and (max-width: 576px) { .blog-ocean__slider { font-size: 15px; } } .blog-ocean__slider__item { position: relative; } .blog-ocean__slider__item .slider-item__image { height: 100%; height: 40em; } .blog-ocean__slider__item .slider-item__image img { height: 100%; width: 100%; object-fit: cover; } .blog-ocean__slider__item .slider-item__content { position: absolute; top: 50%; left: 50%; max-width: 600px; background-color: #fff; transform: translate(-50%, -50%); padding: 1.875em 4.375em; } @media only screen and (max-width: 576px) { .blog-ocean__slider__item .slider-item__content { padding: 0.9375em 1.875em; width: 70%; } } .blog-ocean__slider .slick-arrow { background-color: #fff; border: 0; color: #888; font-size: 1em; top: 50%; transform: translateY(-50%); padding: 15px; position: absolute; z-index: 1; } .blog-ocean__slider .slick-arrow.slick-next { right: 0; } .blog-ocean__slider .slick-arrow.slick-prev { left: 0; } .blog-food { margin-bottom: 2rem; } .blog-food .blog-food__slide__wrapper { padding: 3.125em; margin-bottom: 2rem; } .blog-food .blog-food__slide__wrapper .blog-food__slide { margin: 0 -0.3125em; } .blog-food .blog-food__slide__wrapper .blog-food__slide .slick-arrow { background-color: #fff; border: 0; color: #888; font-size: 1em; top: 50%; transform: translateY(-50%); padding: 15px; position: absolute; z-index: 1; } .blog-food .blog-food__slide__wrapper .blog-food__slide .slick-arrow.slick-next { right: 0; } .blog-food .blog-food__slide__wrapper .blog-food__slide .slick-arrow.slick-prev { left: 0; } .blog-food .blog-food__slide__wrapper .blog-food__slide .blog-food__slide__item { padding: 0.3125em; } .blog-food .blog-food__slide__wrapper .blog-food__slide .blog-food__slide__item .post-card .card__content { max-width: 80%; padding-bottom: 2px; } @media only screen and (max-width: 992px) { .blog-food .blog-food__section.-trending .news-block .news-block__tab .news-block__tab__item .news-block__content .news-block__content__slide .post-card.-large { display: block; } .blog-food .blog-food__section.-trending .news-block .news-block__tab .news-block__tab__item .news-block__content .news-block__content__slide .post-card.-large .card__cover { height: 17.5em; } } .blog-food .blog-food__section.-video, .blog-food .post .blog-food__section.post-standard.-audio, .post .blog-food .blog-food__section.post-standard.-audio, .blog-food .post .blog-food__section.post-standard.-quote, .post .blog-food .blog-food__section.post-standard.-quote { padding: 3.125em; background-color: #f5f5f5; margin-bottom: 4.375rem; } .blog-food .blog-food__section.-video .news-block, .blog-food .post .blog-food__section.post-standard.-audio .news-block, .post .blog-food .blog-food__section.post-standard.-audio .news-block, .blog-food .post .blog-food__section.post-standard.-quote .news-block, .post .blog-food .blog-food__section.post-standard.-quote .news-block { margin-bottom: 0; } .blog-food .blog-food__section.-video .news-block .video-container, .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container, .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container, .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container, .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container { margin-bottom: 0.3125em; position: relative; } .blog-food .blog-food__section.-video .news-block .video-container a, .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container a, .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container a, .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container a, .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container a { position: absolute; bottom: 0.9375em; left: 0.9375em; right: 0.9375em; z-index: 5; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; } @media only screen and (max-width: 576px) { .blog-food .blog-food__section.-video .news-block .video-container a, .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container a, .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container a, .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container a, .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container a { display: none; } } .blog-food .blog-food__section.-video .news-block .video-container.-big, .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-big, .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-big, .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-big, .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-big { margin-bottom: 0; min-height: 100%; padding-bottom: 0.3125em; padding-right: 0.15625em; } .blog-food .blog-food__section.-video .news-block .video-container.-big a, .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-big a, .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-big a, .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-big a, .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-big a { color: #fff; font-size: 1.375em; font-weight: 500; text-decoration: none; line-height: 1.18182em; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .blog-food .blog-food__section.-video .news-block .video-container.-big a:hover, .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-big a:hover, .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-big a:hover, .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-big a:hover, .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-big a:hover { color: #e49c86; } .blog-food .blog-food__section.-video .news-block .video-container.-big a:hover, .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-big a:hover, .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-big a:hover, .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-big a:hover, .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-big a:hover { text-decoration: underline; } .blog-food .blog-food__section.-video .news-block .video-container.-small, .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-small, .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-small, .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-small, .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-small { padding: 0 0.15625em; } .blog-food .blog-food__section.-video .news-block .video-container.-small a, .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-small a, .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-small a, .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-small a, .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-small a { color: #fff; font-size: 1.125em; font-weight: 500; text-decoration: none; line-height: 1.27778em; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; bottom: 0.27778em; } .blog-food .blog-food__section.-video .news-block .video-container.-small a:hover, .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-small a:hover, .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-small a:hover, .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-small a:hover, .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-small a:hover { color: #e49c86; } .blog-food .blog-food__section.-video .news-block .video-container.-small a:hover, .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.-small a:hover, .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.-small a:hover, .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.-small a:hover, .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.-small a:hover { text-decoration: underline; } .blog-food .blog-food__section.-video .news-block .video-container.mb-0, .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container.mb-0, .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container.mb-0, .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container.mb-0, .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container.mb-0 { margin-bottom: 0; } .blog-food .blog-food__section.-video .news-block .video-container .plyr__video-embed, .blog-food .post .blog-food__section.post-standard.-audio .news-block .video-container .plyr__video-embed, .post .blog-food .blog-food__section.post-standard.-audio .news-block .video-container .plyr__video-embed, .blog-food .post .blog-food__section.post-standard.-quote .news-block .video-container .plyr__video-embed, .post .blog-food .blog-food__section.post-standard.-quote .news-block .video-container .plyr__video-embed { border-radius: 0.3125em; } @media only screen and (max-width: 768px) { .blog-food .blog-food__section.-video, .blog-food .post .blog-food__section.post-standard.-audio, .post .blog-food .blog-food__section.post-standard.-audio, .blog-food .post .blog-food__section.post-standard.-quote, .post .blog-food .blog-food__section.post-standard.-quote { padding: 1.875em; } } .blog-food .blog-food__section.-lastest-post .news-block { margin-bottom: 0; } .blog-food .blog-food__section.-lastest-post .news-block .post-card .card__cover { flex: 1 1 40%; max-width: 40%; } .blog-food .blog-food__section.-lastest-post .news-block .post-card .card__content { flex: 1 1 60%; max-width: 60%; } .blog-food .blog-food__section.-lastest-post .news-block .post-card .card__content a { font-size: 1.375em !important; } .blog-food .blog-sidebar .blog-sidebar-section .category-block { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25em; } @media only screen and (max-width: 768px) { .blog-food .blog-sidebar .blog-sidebar-section .category-block { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media only screen and (max-width: 576px) { .blog-food .blog-sidebar .blog-sidebar-section .category-block { grid-template-columns: 1fr 1fr; } } .blog-food .blog-sidebar .blog-sidebar-section .category-block .category { margin-bottom: 0; } .blog-food .blog-sidebar .blog-sidebar-section .category-block .category h5 { font-size: 0.875em; } .blog-flower .blog-flower__slide__wrapper { padding: 1.875em 0; margin: 0 1.875em; border-bottom: 1px solid #e1e1e1; margin-bottom: 2rem; } .blog-flower .blog-flower__slide__wrapper .blog-flower__slide { margin: 0 -0.3125em; } .blog-flower .blog-flower__slide__wrapper .blog-flower__slide .slick-arrow { background-color: #fff; border: 0; color: #888; font-size: 1em; top: 50%; transform: translateY(-50%); padding: 15px; position: absolute; z-index: 1; } .blog-flower .blog-flower__slide__wrapper .blog-flower__slide .slick-arrow.slick-next { right: 0; } .blog-flower .blog-flower__slide__wrapper .blog-flower__slide .slick-arrow.slick-prev { left: 0; } .blog-flower .blog-flower__slide__wrapper .blog-flower__slide .blog-flower__slide__item { padding: 0 0.3125em; } .blog-flower .blog-sidebar .blog-sidebar-section .category-block { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25em; } @media only screen and (max-width: 768px) { .blog-flower .blog-sidebar .blog-sidebar-section .category-block { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media only screen and (max-width: 576px) { .blog-flower .blog-sidebar .blog-sidebar-section .category-block { grid-template-columns: 1fr 1fr; } } .blog-flower .blog-sidebar .blog-sidebar-section .category-block .category { margin-bottom: 0; } .blog-flower .blog-sidebar .blog-sidebar-section .category-block .category h5 { font-size: 0.875em; } .blog-flower .blog-flower__section.-video, .blog-flower .post .blog-flower__section.post-standard.-audio, .post .blog-flower .blog-flower__section.post-standard.-audio, .blog-flower .post .blog-flower__section.post-standard.-quote, .post .blog-flower .blog-flower__section.post-standard.-quote { padding: 3.125em; background-color: #f5f5f5; margin-bottom: 4.375rem; } .blog-flower .blog-flower__section.-video .news-block, .blog-flower .post .blog-flower__section.post-standard.-audio .news-block, .post .blog-flower .blog-flower__section.post-standard.-audio .news-block, .blog-flower .post .blog-flower__section.post-standard.-quote .news-block, .post .blog-flower .blog-flower__section.post-standard.-quote .news-block { margin-bottom: 0; } .blog-flower .blog-flower__section.-video .news-block .video-container, .blog-flower .post .blog-flower__section.post-standard.-audio .news-block .video-container, .post .blog-flower .blog-flower__section.post-standard.-audio .news-block .video-container, .blog-flower .post .blog-flower__section.post-standard.-quote .news-block .video-container, .post .blog-flower .blog-flower__section.post-standard.-quote .news-block .video-container { padding: 0 0.3125em; position: relative; padding: 0 0.15625em; } .blog-flower .blog-flower__section.-video .news-block .video-container a, .blog-flower .post .blog-flower__section.post-standard.-audio .news-block .video-container a, .post .blog-flower .blog-flower__section.post-standard.-audio .news-block .video-container a, .blog-flower .post .blog-flower__section.post-standard.-quote .news-block .video-container a, .post .blog-flower .blog-flower__section.post-standard.-quote .news-block .video-container a { position: absolute; bottom: 0.9375em; left: 0.9375em; right: 0.9375em; z-index: 5; display: block; color: #fff; font-size: 1.125em; font-weight: 500; text-decoration: none; line-height: 1.27778em; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; } .blog-flower .blog-flower__section.-video .news-block .video-container a:hover, .blog-flower .post .blog-flower__section.post-standard.-audio .news-block .video-container a:hover, .post .blog-flower .blog-flower__section.post-standard.-audio .news-block .video-container a:hover, .blog-flower .post .blog-flower__section.post-standard.-quote .news-block .video-container a:hover, .post .blog-flower .blog-flower__section.post-standard.-quote .news-block .video-container a:hover { color: #537bdf; } .blog-flower .blog-flower__section.-video .news-block .video-container a:hover, .blog-flower .post .blog-flower__section.post-standard.-audio .news-block .video-container a:hover, .post .blog-flower .blog-flower__section.post-standard.-audio .news-block .video-container a:hover, .blog-flower .post .blog-flower__section.post-standard.-quote .news-block .video-container a:hover, .post .blog-flower .blog-flower__section.post-standard.-quote .news-block .video-container a:hover { text-decoration: underline; } @media only screen and (max-width: 576px) { .blog-flower .blog-flower__section.-video .news-block .video-container a, .blog-flower .post .blog-flower__section.post-standard.-audio .news-block .video-container a, .post .blog-flower .blog-flower__section.post-standard.-audio .news-block .video-container a, .blog-flower .post .blog-flower__section.post-standard.-quote .news-block .video-container a, .post .blog-flower .blog-flower__section.post-standard.-quote .news-block .video-container a { display: none; } } .blog-flower .blog-flower__section.-video .news-block .video-container .plyr__video-embed, .blog-flower .post .blog-flower__section.post-standard.-audio .news-block .video-container .plyr__video-embed, .post .blog-flower .blog-flower__section.post-standard.-audio .news-block .video-container .plyr__video-embed, .blog-flower .post .blog-flower__section.post-standard.-quote .news-block .video-container .plyr__video-embed, .post .blog-flower .blog-flower__section.post-standard.-quote .news-block .video-container .plyr__video-embed { border-radius: 0.3125em; } /*************************** Content ***************************/ #content.no-pd { padding-top: 4.375rem; } #content.breadcrumb-pd { padding-top: 8.75rem; } /*************************** Contact ***************************/ .contact-us { font-size: 16px; margin-bottom: 3.75rem; } .contact-us .contact-title { color: #111; font-size: 1.375em; font-weight: 700; line-height: 1; margin-bottom: 1.36364em; } .contact-us__info { margin-bottom: 1.875rem; } .contact-us__info .contact-description { color: #111; font-size: 0.9375em; font-weight: 400; line-height: 1.73333em; margin-bottom: 2em; } .contact-us__info .contact-method__item { display: flex; align-items: center; margin-bottom: 1.25em; } .contact-us__info .contact-method__item i { height: 3.125em; width: 3.125em; border: 1px solid #e1e1e1; border-radius: 999px; text-align: center; line-height: 3.125em; color: #e49c86; margin-right: 1.25em; } @media only screen and (max-width: 768px) { .contact-us__form { margin-top: 3.125rem; } } .contact-us__form form input { background-color: white; border: 1px solid #e1e1e1; height: auto; width: 100%; transition: 0.2s ease-in-out; -webkit-appearance: none; padding: 1.07143em 1.42857em; color: #444; font-size: 14px; font-weight: 400; line-height: auto; -webkit-border-radius: 0.35714em; -moz-border-radius: 0.35714em; -ms-border-radius: 0.35714em; -o-border-radius: 0.35714em; border-radius: 0.35714em; margin-bottom: 1.42857em; } .contact-us__form form input:focus { outline: 0; box-shadow: none; } .contact-us__form form input:-webkit-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .contact-us__form form input::-webkit-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .contact-us__form form input:-moz-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; line-height: -moz-block-height; } .contact-us__form form input::-moz-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; line-height: -moz-block-height; } .contact-us__form form input:-ms-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .contact-us__form form input::-ms-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .contact-us__form form input:-o-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .contact-us__form form input::-o-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .contact-us__form form input:input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .contact-us__form form input::input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .contact-us__form form textarea { background-color: white; border: 1px solid #e1e1e1; height: auto; width: 100%; transition: 0.2s ease-in-out; padding: 1.42857em; font-family: "DM Sans", sans-serif !important; -webkit-appearance: none; color: #444; font-size: 14px; font-weight: 400; line-height: auto; -webkit-border-radius: 0.35714em; -moz-border-radius: 0.35714em; -ms-border-radius: 0.35714em; -o-border-radius: 0.35714em; border-radius: 0.35714em; margin-bottom: 1.42857em; } .contact-us__form form textarea:focus { outline: 0; box-shadow: none; } .contact-us__form form textarea::-webkit-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .contact-us__form form textarea::-moz-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .contact-us__form form textarea::-ms-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .contact-us__form form textarea::-o-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .contact-us__form form textarea::placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } /*************************** Load ***************************/ #load { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 1000; display: flex; align-items: center; justify-content: center; } #load .load__content .load__icon img { height: 80px; width: 80px; } /*************************** Post Category ***************************/ .category { font-size: 16px; } @media only screen and (max-width: 768px) { .category { font-size: 14px; } } .category .category__header { display: flex; justify-content: space-between; } .category .category__header .category__header__text h5 { color: #111; font-size: 1.375em; font-weight: 500; line-height: 1; display: inline-block; margin-right: 0.22727em; } .category .category__header .category__header__text a { color: #111; font-size: 1.375em; font-weight: 700; text-decoration: none; line-height: 1; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; display: inline-block; text-decoration: underline; } .category .category__header .category__header__text a:hover { color: #444; } .category .category__header .category__header__filter a { color: #888; font-size: 18px; } .category .category__header .category__header__filter a:first-child { margin-right: 0.83333em; } .category .category__header .category__header__filter a.active { color: #111; } .category .category_content { margin-bottom: 1.25rem; width: 100%; } .category .category_content .post-card { margin-bottom: 1.875em; } .category .category_content.-grid .post-card { width: calc(50% - 10px); } @media only screen and (max-width: 576px) { .category .category_content.-grid .post-card { width: 100%; } } .category .category_content.-list .post-card .card__cover { max-height: 13.75em; } /*************************** Post detail ***************************/ .post { font-size: 16px; } .post .post-standard { margin-bottom: 5rem; } .post .post-standard #post-share { position: absolute; top: 0; left: -80px; top: 5px; display: flex; flex-direction: column; } .post .post-standard #post-share h5 { color: #111; font-size: 0.9375em; font-weight: 600; line-height: 1; text-transform: uppercase; margin-bottom: 2em; } .post .post-standard #post-share .social-media a { color: #fff; font-size: 0.875em; font-weight: 600; line-height: 2.85714em; border-radius: 999px; background-color: #f5f5f5; padding: 0; text-align: center; border: 0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; display: block; height: 2.85714em; width: 2.85714em; margin: 0 auto; margin-bottom: 1.07143em; } .post .post-standard #post-share .social-media a:hover { background-color: #e1e1e1; } @media only screen and (max-width: 1400px) { .post .post-standard #post-share { position: unset; flex-direction: row; align-items: center; margin-bottom: 3.125em; } .post .post-standard #post-share h5 { margin-bottom: 0; margin-right: 2em; } .post .post-standard #post-share .social-media a { display: inline-block; margin-bottom: 0; margin: 0 0.35714em; } .post .post-standard #post-share .social-media a:first-child { margin-left: 0; padding-left: 0; } .post .post-standard #post-share .social-media a:last-child { margin-right: 0; padding-right: 0; } } .post .post-standard__banner { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 3.75em; } @media only screen and (max-width: 768px) { .post .post-standard__banner { height: 30em; } } .post .post-standard__banner:hover .post-standard__banner__image img { transform: scale(1.15); transition: 5s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .post .post-standard__banner__image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; overflow: hidden; } .post .post-standard__banner__image img { height: 100%; width: 100%; object-fit: cover; transition: 3s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .post .post-standard__banner__content { background-color: #fff; padding: 2.5em; margin: 0 1.875em; } .post .post-standard__content { position: relative; } .post .post-standard__content .paragraph { color: #111; font-size: 0.9375em; font-weight: 500; line-height: 1.8em; margin-bottom: 2em; } .post .post-standard__content .post-card-quote { margin-bottom: 1.875em; } .post .post-standard__content .image { float: left; margin-right: 1.875em; max-width: 100%; } .post .post-standard__content .image.left { float: left; margin-right: 1.875em; } .post .post-standard__content .image.right { float: right; margin-left: 1.875em; } @media only screen and (max-width: 768px) { .post .post-standard__content .image { max-width: 50%; } } @media only screen and (max-width: 576px) { .post .post-standard__content .image { width: 100%; max-width: 100%; margin-bottom: 1.875em; } .post .post-standard__content .image.left { margin-right: 0; } .post .post-standard__content .image.right { margin-left: 0; } } .post .post-standard.-full .post-standard__banner__content .post-card .card__content { max-width: 600px; } .post .post-standard.-full .post-standard__banner__content .post-card .card__content .card__content-title { font-size: 1.875em; } @media only screen and (max-width: 768px) { .post .post-standard.-full .post-standard__banner__content .post-card .card__content .card__content-title { font-size: 1.375em; } } .post .post-standard.-slide .post-title { margin-bottom: 3.125em; } .post .post-standard.-slide .post-title .card__content .card__content-title { font-size: 1.875em; } .post .post-standard.-video .post-title, .post .post-standard.-audio .post-title, .post .post-standard.-quote .post-title { margin-bottom: 3.125em; } .post .post-standard.-video .post-video, .post .post-standard.-audio .post-video, .post .post-standard.-quote .post-video { margin-bottom: 1.875em; } .post .post-standard.-audio .post-audio { margin-bottom: 1.875em; } .post .post-standard.-audio .post-audio .plyr__controls { background-color: #f5f5f5; } .post .post-standard.-quote .post-quote { text-align: center; background-color: #e49c86; padding: 2.5em 5.625em; border-radius: 0.3125em; margin-bottom: 1.875em; } @media only screen and (max-width: 768px) { .post .post-standard.-quote .post-quote { padding: 1.25em 2.5em; } } .post .post-standard.-quote .post-quote .post-quote-info { display: flex; align-items: center; justify-content: center; margin-bottom: 1.25em; } .post .post-standard.-quote .post-quote .post-quote-info .info__time { margin-right: 0.9375em; } .post .post-standard.-quote .post-quote .post-quote-info i, .post .post-standard.-quote .post-quote .post-quote-info p { display: inline-block; color: #fff; font-size: 0.8125em; font-weight: 400; line-height: 1; } .post .post-standard.-quote .post-quote .post-quote-info i { margin-right: 0.625em; } .post .post-standard.-quote .post-quote h3 { color: #fff; font-size: 1.625em; font-weight: 700; line-height: 1.46154em; margin-bottom: 0.625em; position: relative; } .post .post-standard.-quote .post-quote h3:before { content: "\f10d"; font-family: "Font Awesome 5 Pro"; position: absolute; top: 0; left: -30px; font-size: 1em; } .post .post-standard.-quote .post-quote h3:after { content: "\f10e"; font-family: "Font Awesome 5 Pro"; position: absolute; bottom: 0; right: -30px; font-size: 1em; } .post .post-standard.-quote .post-quote p { color: #fff; font-size: 0.8125em; font-weight: 400; line-height: 1; } /*************************** Shop ***************************/ .shop { font-size: 16px; } .shop__filter-sibebar { padding-right: 1.875em; } @media only screen and (max-width: 768px) { .shop__filter-sibebar { padding-right: 0; } } .shop__filter-sibebar__section { margin-bottom: 3.75rem; } .shop__filter-sibebar__section.-price form { display: flex; align-items: center; } .shop__filter-sibebar__section.-price form span { margin: 0 0.625em; flex: 1 1 10%; max-width: 10%; text-align: center; } .shop__filter-sibebar__section.-price form .range-input { display: flex; align-items: center; background-color: #f5f5f5; padding: 0.9375em 1.25em; flex: 1 1 45%; max-width: 45%; } .shop__filter-sibebar__section.-price form .range-input input { max-width: 100px; background-color: transparent; border: 1px solid #e1e1e1; height: auto; width: 60px; transition: 0.2s ease-in-out; -webkit-appearance: none; padding: 0 10px; color: #444; font-size: 14px; font-weight: 400; line-height: auto; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; border: 0; } .shop__filter-sibebar__section.-price form .range-input input:focus { outline: 0; box-shadow: none; } .shop__filter-sibebar__section.-price form .range-input input:-webkit-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .shop__filter-sibebar__section.-price form .range-input input::-webkit-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .shop__filter-sibebar__section.-price form .range-input input:-moz-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; line-height: -moz-block-height; } .shop__filter-sibebar__section.-price form .range-input input::-moz-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; line-height: -moz-block-height; } .shop__filter-sibebar__section.-price form .range-input input:-ms-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .shop__filter-sibebar__section.-price form .range-input input::-ms-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .shop__filter-sibebar__section.-price form .range-input input:-o-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .shop__filter-sibebar__section.-price form .range-input input::-o-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .shop__filter-sibebar__section.-price form .range-input input:input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .shop__filter-sibebar__section.-price form .range-input input::input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .shop__products__header { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 2.5em; } .shop__products__header h5 { color: #111; font-size: 15; font-weight: 400; line-height: 1; } .shop__products__header h5 span { font-weight: 600; margin-right: 0.66667em; } @media only screen and (max-width: 768px) { .shop__products__header { flex-direction: column; } } @media only screen and (max-width: 576px) { .shop__products__header h5 { margin-bottom: 0.9375em; } } .shop__products__header .product-filter { display: flex; } .shop__products__header .product-filter .select-group span { color: #111; font-size: 0.9375em; font-weight: 500; line-height: 1; } .shop__products__header .product-filter .select-group select { border: 0; cursor: pointer; color: #111; font-size: 0.9375em; font-weight: 700; line-height: 1; } .shop__products__header .product-filter .select-group:first-child { margin-right: 1.875em; } @media only screen and (max-width: 768px) { .shop__products__header .product-filter { flex-direction: column; align-items: center; } .shop__products__header .product-filter .select-group:first-child { margin-right: 0; margin-bottom: 0.9375em; } } .shop__products__content .product { margin-bottom: 2.5em; } /*************************** Shop detail ***************************/ .shop-detail { font-size: 16px; } .shop-detail .onsale { position: absolute; margin: 17px 0px; z-index: 9999; background: #41dbf2; padding: 6px 14px; border-radius: 0px 14px; color: #fff; } .shop-detail .shop-detail__content__bottom .product_meta > span { display: flex; justify-content: space-between; margin-bottom: 1.25em; } .shop-detail .shop-detail__content__bottom .product_meta:last-child { margin-bottom: 0; } .shop-detail .shop-detail__content__bottom .product_meta span span { color: #111; font-size: 0.9375em; font-weight: 500; line-height: 1.73333em; } .shop-detail__image { max-width: calc(100% - 30px); } @media only screen and (max-width: 768px) { .shop-detail__image { max-width: 100%; margin-bottom: 1.875em; } } .shop-detail__image .slider div img { height: 100%; width: 100%; object-fit: cover; } .shop-detail__image .slider-single { margin-bottom: 1.25em; } .shop-detail .woocommerce-product-gallery .flex-control-thumbs { margin: 0 -0.625em; } .shop-detail .woocommerce-product-gallery .flex-control-thumbs > li { padding: 0 0.625em; } .shop-detail .woocommerce-product-gallery .flex-control-thumbs > li img { border: 2px solid transparent; } .shop-detail .woocommerce-product-gallery .flex-control-thumbs > li.slick-active img { border: 2px solid #e49c86; border-radius: 0.3125em; } .shop-detail .woocommerce-product-gallery .flex-control-thumbs .slick-arrow { background-color: #fff; border: 0; color: #888; font-size: 0.875em; top: 50%; transform: translateY(-50%); padding: 1.07143em; position: absolute; z-index: 1; } .shop-detail .woocommerce-product-gallery .flex-control-thumbs .slick-arrow.slick-next { right: 0.625em; } .shop-detail .woocommerce-product-gallery .flex-control-thumbs .slick-arrow.slick-prev { left: 0.625em; } @media only screen and (max-width: 768px) { .shop-detail__content { padding-left: 0; } } .shop-detail__content__top { border-bottom: 1px solid #e1e1e1; margin-bottom: 2.5em; } .shop-detail__content__top h1.product_title { color: #111; font-size: 1.875em; font-weight: 700; line-height: 1.6em; } .shop-detail__content__top .brand { color: #111; font-size: 0.875em; font-weight: 500; line-height: 1.85714em; } .shop-detail__content__top .woocommerce-product-rating { margin-bottom: 1.875em; } .shop-detail__content__top .woocommerce-product-rating .star-rating { display: inline-block; margin-right: 0.625em; } .shop-detail__content__top .woocommerce-product-rating .woocommerce-review-link { color: #444; font-size: 0.75em; font-weight: 500; line-height: 1; } .shop-detail__content__top .price { display: flex; align-items: center; margin-bottom: 2.5em; } .shop-detail__content__top .price .amount { color: #111; font-size: 1.875em; font-weight: 700; line-height: 1; margin-right: 0.5em; } .shop-detail__content__top .price del .amount { color: #b1b0b0; font-size: 1.125em; font-weight: 400; line-height: 1; text-decoration: line-through; } .shop-detail__content__top .woocommerce-product-details__short-description { color: #111; font-size: 0.875em; font-weight: 400; line-height: 1.71429em; margin-bottom: 2.14286em; } .shop-detail__content__top .cart { display: flex; flex-wrap: wrap; margin-bottom: 2.5em; } .shop-detail__content__top .cart .quantity { display: flex; align-items: center; } .shop-detail__content__top .cart .quantity span { color: #111; font-size: 0.9375em; font-weight: 500; line-height: 1; margin-right: 0.66667em; } .shop-detail__content__top .cart .quantity { padding: 0 1.25em; border: 1px solid #e49c86; display: flex; align-items: center; margin-right: 0.625em; height: 3.125em; } .shop-detail__content__top .cart .quantity input { border: 0; text-align: center; max-width: 3.75em; color: #111; font-size: 0.9375em; font-weight: 600; line-height: 1; } @media only screen and (max-width: 768px) { .shop-detail__content__top .cart .quantity { margin-bottom: 1.07143em; } } #comments input[type="submit"], ul.products li.product .add_to_cart_button, .shop-detail__content__top .cart .single_add_to_cart_button { padding: 0 1.42857em; height: 2.57143em; line-height: 2.57143em; margin-right: 0.71429em; color: #fff; font-size: 0.875em; font-weight: 700; text-transform: uppercase; border-radius: 0.35714em; text-align: center; border: 0; transition: 0.2s ease-in-out; display: inline-block; margin-top: 10px; } .shop-detail__content__top .cart .single_add_to_cart_button { height: 3.57143em; line-height: 3.57143em; background-color: #e49c86; margin-top: 0px; } @media only screen and (max-width: 768px) { .shop-detail__content__top .cart .single_add_to_cart_button { margin-bottom: 1.07143em; } } .shop-detail .woocommerce-tabs { margin-top: 3.75rem; margin-bottom: 3.75rem; } .shop-detail .woocommerce-tabs ul.wc-tabs { margin-bottom: 1.8125em; } .shop-detail .woocommerce-tabs ul.wc-tabs > li { display: inline-block; margin: 0 1.5625em; } .shop-detail .woocommerce-tabs ul.wc-tabs > li.active a { color: #111; } .shop-detail .woocommerce-tabs ul.wc-tabs > li > a { color: #888; font-size: 1.125em; font-weight: 600; text-decoration: none; line-height: 1; cursor: pointer; transition: 0.2s ease-in-out; } .shop-detail .woocommerce-tabs ul.wc-tabs > li > a:hover { color: #111; } .shop-detail .woocommerce-tabs .woocommerce-Tabs-panel > h2 { display: none; } .shop-detail .woocommerce-tabs .woocommerce-Tabs-panel { margin : 0 1.5625em; } .shop-detail .woocommerce-tabs .woocommerce-Tabs-panel p { color: #111; font-size: 0.9375em; font-weight: 400; line-height: 1.8em; margin-bottom: 1.875em; } .shop-detail .woocommerce-tabs .woocommerce-Tabs-panel p:last-child { margin-bottom: 0; } @media only screen and (max-width: 768px) { .shop-detail__tab .tab-content__item[data-stand="reviews"] .review-block { margin-bottom: 1.875em; } } .shop-detail__tab .tab-content__item[data-stand="reviews"] .review-block__avatar { height: 9.375em; width: 9.375em; float: left; margin-right: 1.875em; } .shop-detail__tab .tab-content__item[data-stand="reviews"] .review-block__avatar img { height: 100%; width: 100%; object-fit: cover; } .shop-detail__tab .tab-content__item[data-stand="reviews"] .review-block__content h5 { color: #111; font-size: 1.375em; font-weight: 700; line-height: 1; margin-bottom: 0.90909em; } .shop-detail__tab .tab-content__item[data-stand="reviews"] .review-block__content p { color: #111; font-size: 0.875em; font-weight: 500; line-height: 1.71429em; margin-bottom: 0.9375em; } .shop-detail__tab .tab-content__item[data-stand="reviews"] .review-block__content .star { display: inline-block; margin-right: 0.625em; } .shop-detail__tab .tab-content__item[data-stand="reviews"] .review-block__content .star i { font-size: 0.75em; color: #e3c01c; } .shop-detail__slide h3 { color: #111; font-size: 1.375em; font-weight: 700; line-height: 1; text-transform: uppercase; text-align: center; margin-bottom: 1.81818em; } .shop-detail__slide .related-post-slide { margin: 0 -0.9375em; } .shop-detail__slide .related-post-slide__item { padding: 0 0.9375em; } .shop-detail__slide .related-post-slide .slick-arrow { background-color: #fff; border: 0; color: #888; font-size: 0.875em; top: 50%; transform: translateY(-50%); padding: 1.07143em; position: absolute; z-index: 1; } .shop-detail__slide .related-post-slide .slick-arrow.slick-next { right: 0.625em; } .shop-detail__slide .related-post-slide .slick-arrow.slick-prev { left: 0.625em; } /*************************** Shop cart ***************************/ .cart { font-size: 16px; } .cart__table { margin-bottom: 1.875em; overflow-y: auto; white-space: nowrap; } .cart__table table { width: 100%; } .cart__table table thead tr { border-bottom: 1px solid #e1e1e1; } .cart__table table thead th { color: #111; font-size: 1.125em; font-weight: 700; line-height: 1; padding: 0.83333em 0.83333em; } .cart__table table thead th:first-child { text-align: left; padding-left: 0; } .cart__table table tbody tr { border-bottom: 1px solid #e1e1e1; } .cart__table table tbody td { text-align: center; vertical-align: middle; padding: 1.875em 0.9375em; } .cart__table table tbody td:first-child { text-align: left; padding-left: 0; } .cart__table table tbody td:first-child .cart-product { display: flex; align-items: center; } .cart__table table tbody td:first-child .cart-product img { margin-right: 0.9375em; height: 5.625em; width: 5.625em; } .cart__table table tbody td:first-child .cart-product__content h5 { color: #111; font-size: 0.9375em; font-weight: 500; line-height: 1; margin-bottom: 0.33333em; } .cart__table table tbody td:first-child .cart-product__content .star { display: inline-block; margin-right: 0.625em; } .cart__table table tbody td:first-child .cart-product__content .star i { font-size: 0.625em; color: #e3c01c; } .cart__table table tbody td:nth-child(2), .cart__table table tbody td:nth-child(4) { color: #111; font-size: 1em; font-weight: 700; line-height: 1; } .cart__table table tbody td:nth-child(3) .quantity-controller { padding: 0; border: 0; margin-right: 0; justify-content: center; } .cart__table table tbody td:last-child { text-align: right; padding-right: 0; } .cart__table table tbody td:last-child a { color: #888; font-size: 15px; font-weight: 600; line-height: 3em; border-radius: 999px; background-color: #f5f5f5; padding: 0; text-align: center; border: 0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; height: 3em; width: 3em; display: inline-block; } .cart__table table tbody td:last-child a:hover { background-color: #e1e1e1; } .cart__footer { margin-bottom: 3.125em; } .cart__footer__actions { display: flex; justify-content: space-between; flex-wrap: wrap; } @media only screen and (max-width: 576px) { .cart__footer__actions .btn { margin-bottom: 1.875em; } } @media only screen and (max-width: 576px) { .cart__footer { margin-bottom: 0; } } .cart__total { margin-bottom: 5rem; } .cart__total__discount form { display: flex; align-items: center; flex-wrap: wrap; } .cart__total__discount form h3 { color: #111; font-size: 1.125em; font-weight: 500; line-height: 1; text-transform: uppercase; margin-right: 1.66667em; } @media only screen and (max-width: 768px) { .cart__total__discount form h3 { width: 100%; margin-bottom: 0.83333em; } } .cart__total__discount form input { margin-right: 0.625em; background-color: white; border: 1px solid #e1e1e1; height: 3.125em; width: auto; transition: 0.2s ease-in-out; -webkit-appearance: none; padding: 0 1.25em; color: #444; font-size: 14px; font-weight: 400; line-height: 3.125em; -webkit-border-radius: 0.3125em; -moz-border-radius: 0.3125em; -ms-border-radius: 0.3125em; -o-border-radius: 0.3125em; border-radius: 0.3125em; } .cart__total__discount form input:focus { outline: 0; box-shadow: none; } .cart__total__discount form input:-webkit-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: 3.125em; } .cart__total__discount form input::-webkit-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: 3.125em; } .cart__total__discount form input:-moz-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: 3.125em; line-height: -moz-block-height; } .cart__total__discount form input::-moz-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: 3.125em; line-height: -moz-block-height; } .cart__total__discount form input:-ms-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: 3.125em; } .cart__total__discount form input::-ms-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: 3.125em; } .cart__total__discount form input:-o-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: 3.125em; } .cart__total__discount form input::-o-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: 3.125em; } .cart__total__discount form input:input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: 3.125em; } .cart__total__discount form input::input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: 3.125em; } .cart__total__discount form .btn { padding: 0 1.875em; line-height: 3.125em; height: 3.125em; } @media only screen and (max-width: 768px) { .cart__total__discount { margin-bottom: 1.875em; } } .cart__total__content { padding: 2.1875em 2.5em; background-color: #f5f5f5; } .cart__total__content h3 { color: #111; font-size: 1.0625em; font-weight: 500; line-height: 1; text-transform: uppercase; margin-bottom: 1.17647em; } .cart__total__content .total__row { display: flex; justify-content: space-between; margin-bottom: 0.9375em; } .cart__total__content .total__row h5 { color: #111; font-size: 1em; font-weight: 600; line-height: 1; } .cart__total__content .btn { display: block; margin-top: 2.5em; } /*************************** Checkout ***************************/ .checkout { font-size: 16px; margin-bottom: 5rem; } .checkout-title { color: #111; font-size: 1.125em; font-weight: 600; line-height: 1; text-transform: uppercase; padding-bottom: 0.66667em; border-bottom: 1px solid #e1e1e1; display: block; margin-bottom: 1.875em; } .checkout__coupon-alert { color: #111; font-size: 0.9375em; font-weight: 500; line-height: 1.73333em; background-color: #e49c86; display: block; text-align: center; padding: 1em; margin-bottom: 3.75rem; } .checkout__coupon-alert:hover { text-decoration: underline; } .checkout__form form .input-group { margin-bottom: 1.875em; } .checkout__form form .input-group label { color: #111; font-size: 0.9375em; font-weight: 500; line-height: 1; display: block; margin-bottom: 0.9375em; } .checkout__form form .input-group input { background-color: white; border: 1px solid #e1e1e1; height: auto; width: 100%; transition: 0.2s ease-in-out; -webkit-appearance: none; padding: 0.9375em 1.25em; color: #444; font-size: 14px; font-weight: 400; line-height: auto; -webkit-border-radius: 0.35714em; -moz-border-radius: 0.35714em; -ms-border-radius: 0.35714em; -o-border-radius: 0.35714em; border-radius: 0.35714em; } .checkout__form form .input-group input:focus { outline: 0; box-shadow: none; } .checkout__form form .input-group input:-webkit-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .checkout__form form .input-group input::-webkit-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .checkout__form form .input-group input:-moz-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; line-height: -moz-block-height; } .checkout__form form .input-group input::-moz-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; line-height: -moz-block-height; } .checkout__form form .input-group input:-ms-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .checkout__form form .input-group input::-ms-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .checkout__form form .input-group input:-o-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .checkout__form form .input-group input::-o-input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .checkout__form form .input-group input:input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .checkout__form form .input-group input::input-placeholder { color: #aeaeae; font-size: 14px; font-weight: 400; line-height: auto; } .checkout__form form .input-group input.mb-20 { margin-bottom: 1.25em; } .checkout__form form .input-group.mb-15 { margin-bottom: 0.9375em; } .checkout__form form .checkbox-group { margin-bottom: 1.875em; } .checkout__form form .checkbox-group.mb-15 { margin-bottom: 0.9375em; } .checkout__form form .label-description { color: #111; font-size: 0.875em; font-weight: 400; line-height: 1.71429em; margin-bottom: 1.875em; } .checkout__total { background-color: #f5f5f5; padding: 1.5625em 1.875em; } .checkout__total table { width: 100%; } .checkout__total table th:first-child, .checkout__total table td:first-child { text-align: left; } .checkout__total table th:last-child, .checkout__total table td:last-child { text-align: right; } .checkout__total table.total__provisional { border-bottom: 1px solid #e1e1e1; margin-bottom: 0.625em; } .checkout__total table.total__provisional thead th { padding: 0.625em 0; color: #111; font-size: 1.125em; font-weight: 600; line-height: 1; } .checkout__total table.total__provisional tbody td { padding: 0.625em 0; } .checkout__total table.total__provisional tbody td:first-child span { float: left; color: #e49c86; font-size: 0.9375em; font-weight: 600; line-height: 1.5em; margin-right: 0.33333em; } .checkout__total table.total__provisional tbody td:first-child p { color: #111; font-size: 0.9375em; font-weight: 400; line-height: 1.5em; } .checkout__total table.total__final { border-bottom: 1px solid #e1e1e1; margin-bottom: 1.875em; } .checkout__total table.total__final tbody td { padding: 0.625em 0; } .checkout__total table.total__final tbody td:first-child { color: #111; font-size: 0.9375em; font-weight: 400; line-height: 1; } .checkout__total table.total__final tbody td:last-child { color: #111; font-size: 1.125em; font-weight: 600; line-height: 1; } .checkout__total .total__payment-method__block { margin-bottom: 1.5625em; } .checkout__total .total__payment-method__block .payment__content { color: #111; font-size: 0.875em; font-weight: 400; line-height: 1.71429em; } .checkout__total .btn { width: 100%; } /** Additional css **/ /** Menu part **/ .header-wrapper nav ul { margin: 0; } h1.site-title { margin: 2px 0; } .site-description{ margin: 2px 0; } .slick-dots { margin-top: -45px; } .slick-dots { position: absolute; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; margin-top: -40px; } .blog-ocean__slider.layout-one .slick-dots { margin-top: -40px; } .slick-dots li { position: relative; display: inline-block; width: 15px; height: 15px; margin: 0 7px; padding: 0; cursor: pointer; } .slick-dots li.slick-active { width: 25px; } .slick-dots li.slick-active button{ width: 25px; border-radius: 20%; } .slick-dots li.slick-active button { background: #11d2ef; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 5px; padding: 3px; cursor: pointer; color: transparent; border: 0; outline: none; background: #747474; border-radius: 20%; } .slick-dots li:hover { cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; cursor: pointer; } #armonia-top-full-width-section { margin: 2em 0; } /** Additional css armonial **/ h1.site-title { margin: 5px 0; } body.header-layout--three .logo_wrap { margin: 15px 0; } /* body.header-layout--three .site-title a.has_dot:after { display: none; content: ' '; } */ /* .menu_nav_content.row-full { width: 99.225vw; position: relative; margin-left: -49vw; left: 49%; }*/ /** site toggle menu **/ .armonial-side-wrapper { display: flex; justify-content: center; align-items: center; } .armonial-side-wrapper .burger { width: 50px; height: 35px; display: block; position: relative; margin: 0 auto; cursor: pointer; } .armonial-side-wrapper .burger span { display: block; width: 100%; height: 5px; background: #e49c86; margin: 10px 0; transition: 0.8s all ease; } .armonial-side-wrapper .burger span:nth-child(1) { margin: 0; width: 75%; } .armonial-side-wrapper .burger span:nth-child(3) { margin: 0; } .armonial-side-wrapper .burger:hover span:nth-child(1) { transform: rotate(-45deg) translate(-10px, 0); width: 50%; } .armonial-side-wrapper .burger:hover span:nth-child(3) { transform: rotate(45deg) translate(-10px, 0); width: 50%; } body.header-layout--three h1.site-title { line-height: 1; } .post-card .card__content-category:after { content: ""; position: absolute; bottom: 1px; left: 0; width: 100%; height: 8px; background-color: #f1cdc2; z-index: -1; transform: translateY(40%); } body.header-layout--three .site-title a { position: relative; } body.header-layout--three .site-title a.has_dot:after { content: ""; position: absolute; bottom: 19px; left: 0; width: 100%; height: 17px; background-color: #f1cdc2; z-index: -1; transform: translateY(40%); } .container-max.no-gutter { width: 99.225vw; position: relative; margin-left: -49vw; left: 49%; } .blog-ocean__slider.layout-four .slick-slide { padding: 0 10px; } .blog-ocean__slider.layout-four .blog-ocean__slider__item .slider-item__content { top: 70%; } #armonia-top-full-width-section { margin-top: 0px; } #armonia-top-full-width-section .container:first-child { margin-top: 2em; } .armonial-side-wrapper .burger { margin: 0px; } .armonial-side-wrapper { justify-content: flex-start; }