���ѧۧݧ�ӧ�� �ާ֧ߧ֧էا֧� - ���֧էѧܧ�ڧ��ӧѧ�� - /home/rickpfrv/dr.rickard.co/wp-content/themes/caster/style.css
���ѧ٧ѧ�
/* Theme Name: Caster Theme URI: https://caster.caliberthemes.com Description: Creative Portfolio WordPress Theme Author: CaliberThemes Author URI: https://www.caliberthemes.com Version: 1.2.5 Tested up to: 5.9 Requires PHP: 7.3 License: custom License URI: http://themeforest.net/licenses Tags: right-sidebar, featured-images, post-formats, sticky-post Text Domain: caster */ /*------------------------------------------------------------- Normalize Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css --------------------------------------------------------------*/ html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } figcaption, figure, main { display: block; } figure { margin: 1em 0; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: 1px #757575 dotted; text-decoration: none; } b, strong { font-weight: inherit; } b, strong { font-weight: 700; } code, kbd, samp { font-family: monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #eee; color: #222; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-size: 15px; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #bbb; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template, [hidden] { display: none; } /*-------------------------------------------------------------- Typography --------------------------------------------------------------*/ body { font-size: 15px; line-height: 1.6; font-weight: 400; color: #9a9a9a; } h1, h2, h3, h4, h5, h6 { font-weight: 500; color: #fff; clear: both; line-height: 1.4; margin: 0 0 20px; } h1 { font-size: 44px; } h2 { font-size: 32px; } h3 { font-size: 28px; } h4 { font-size: 22px; } h5 { font-size: 18px; } h6 { font-size: 16px; } p { font-size: 15px; line-height: 1.6; margin: 0 0 20px; padding: 0; color: #9a9a9a; } .elementor-text-editor p { font-size: inherit; line-height: inherit; color: inherit; font-weight: inherit; } a { color: #fff; -webkit-transition: color .2s ease-in; transition: color .2s ease-in; text-decoration: none; } dfn, em, i { font-style: italic; } blockquote { color: #fff; font-size: 22px; font-weight: 500; line-height: 32px; margin: 0 0 20px; position: relative; background-color: #0f1111; padding: 85px 45px 53px; } blockquote:before { position: absolute; content: ''; background-image: url(assets/images/svg/quote.svg); background-repeat: no-repeat; width: 24px; height: 22px; left: 45px; top: 40px; } blockquote p { font-size: inherit; line-height: inherit; color: inherit; margin-bottom: 0px; } blockquote cite { color: #9a9a9a; display: block; font-size: 14px; line-height: normal; font-style: normal; font-weight: 400; margin-top: 15px; } blockquote cite a { color: inherit; } address { margin: 0 0 1.5em; } pre { background: #1b1b1b; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #e9e9e9; cursor: help; } mark, ins { background: #eee; text-decoration: none; color: #090b0b; } big { font-size: 125%; } blockquote { quotes: """"; } strong { color: #fff; } blockquote:before, blockquote:after { content: ""; } cite { font-style: normal; color: #fff; } :focus { outline: none; } h1, h2, h3, h4, h5, h6, .link-more .more-link, .post .entry-footer .footer-links .tags-links, .attachment .entry-footer .footer-links .tags-links, .comment-author, .comment-author .fn, button, input[type="button"], input[type="submit"], .widget_rss li .rsswidget, .wp-block-button__link, .wp-block-file .wp-block-file__button, dt, blockquote, .wp-block-latest-comments .wp-block-latest-comments__comment-meta a, .wp-block-latest-posts.wp-block-latest-posts__list>li>a, .single-portfolio .portfolio .entry-header .entry-title, .testimonials .tml-content p, .cta .cta-background-text, .cta a, #masthead.site-header.standard #site-navigation .menu a, .vertical-text p, .caster-portfolio-wrap .cbp-l-grid-agency-title, .caster-portfolio-wrap .cbp-l-caption-title, .load-more a, .elementor-slideshow__title, .page-links, .elementor-widget-progress .elementor-title { font-family: 'Poppins', sans-serif; } body, .caster-portfolio-wrap .cbp-l-grid-agency-desc, .caster-portfolio-wrap .cbp-l-caption-desc, input, textarea, select, .caster-portfolio-wrap .cbp-l-filters-text .cbp-filter-item, .caster-portfolio-wrap .cbp-l-subfilters .cbp-filter-item, .page-links a, .page-links span, .tags-links a { font-family: 'roboto', sans-serif; } /*-------------------------------------------------------------- Forms --------------------------------------------------------------*/ label { color: #fff; display: block; font-weight: 600; margin-bottom: 15px; } fieldset { margin-bottom: 1em; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] { color: #9a9a9a; background-color: #202020; border: none; display: block; padding: 13px 15px; width: 100%; font-size: 12px; } textarea { color: #9a9a9a; background-color: #202020; border: none; display: block; padding: 15px; width: 100%; resize: none; height: 200px; font-size: 12px; } select { color: #9a9a9a; background-color: #202020; border: none; padding: 10px 5px; max-width: 100%; } input[type="radio"], input[type="checkbox"] { margin-right: 0.5em; } input[type="radio"]+label, input[type="checkbox"]+label { font-weight: 400; } button:not(.mfp-close), input[type="button"], input[type="submit"] { background-color: transparent; border: 1px solid #fff; -webkit-box-shadow: none; box-shadow: none; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 500; line-height: 1; padding: 13px 27px; text-shadow: none; -webkit-transition: .2s ease-in; transition: .2s ease-in; } button:not(.mfp-close):hover, input[type="button"]:hover, input[type="submit"]:hover { background-color: #fff; color: #090b0b; } div.wpcf7 .ajax-loader.is-active { visibility: hidden; } .wpcf7-form div.wpcf7-mail-sent-ok, .wpcf7-form div.wpcf7-response-output { border: 0; } .wpcf7-form div.wpcf7-response-output { margin-left: 0; padding-left: 0; } .wpcf7-form input:not(.wpcf7-submit), .wpcf7-form textarea { background-color: transparent; border: 0; border-bottom: 1px solid #343434; font-size: 14px; padding: 0 0 5px; position: relative; } .wpcf7-form>p { clear: both; margin-left: -20px; margin-right: -20px; } .wpcf7-form .wpcf7-form-control-wrap:not(.your-message) { display: inline-block; width: 33.33333333333333%; float: left; padding: 0 20px; } .wpcf7-form .wpcf7-form-control-wrap { display: block; width: 100%; } .wpcf7-form .wpcf7-form-control-wrap.your-message { clear: both; padding: 40px 20px 0; } .wpcf7-form input[type="submit"] { margin-top: 50px; margin-left: 20px; } .wpcf7-form span.wpcf7-not-valid-tip { color: #e8252e; margin-top: 10px; } .wpcf7-form div.wpcf7-validation-errors, .wpcf7-form div.wpcf7-acceptance-missing { border: none; color: #e8252e; margin: 0; padding: 0; font-size: 16px; font-weight: 500; } .wpcf7-form textarea { height: 20px; overflow: hidden; padding: 0; } .wpcf7-form .wpcf7-submit { background-color: transparent; color: #fff; } .wpcf7-form .wpcf7-submit:hover { opacity: .9; } div.wpcf7 .ajax-loader { position: absolute; bottom: -13px; } @media (max-width: 767px) { .left-block, .right-block { padding: 0 !important; } } ::-webkit-input-placeholder { color: #9a9a9a; } :-ms-input-placeholder { color: #9a9a9a; } ::-ms-input-placeholder { color: #9a9a9a; } ::placeholder { color: #9a9a9a; } :-ms-input-placeholder { color: #9a9a9a; } ::-ms-input-placeholder { color: #9a9a9a; } @media (max-width: 767px) { .wpcf7-form .wpcf7-form-control-wrap:not(.your-message) { float: none; width: 100%; display: block; margin-top: 30px; } .wpcf7-form .wpcf7-form-control-wrap:not(.your-message):first-of-type { margin-top: 0; } .wpcf7-form .wpcf7-form-control-wrap.your-message { padding-top: 32px; } } /*-------------------------------------------------------------- Lists --------------------------------------------------------------*/ ul, ol { margin: 0 0 1.5em; padding-left: 1.3em; } ul { list-style: disc; } ul ul { list-style: circle; } ol { list-style: decimal; } li>ul, li>ol { margin-bottom: 0; padding-left: 1em; } dt { font-weight: 700; color: #fff; } dd { margin: 0 0 15px 0; } /*-------------------------------------------------------------- Tables --------------------------------------------------------------*/ table { border-collapse: collapse; margin: 0 0 1.5em; width: 100%; } table a { text-decoration: none; } thead th { padding-bottom: 0.5em; } td, th { border: 1px solid #343434; padding: .5em .8em; word-break: break-all; } th { text-align: left; color: #fff; } td { color: #9a9a9a; } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: #3a3a3a; } /*-------------------------------------------------------------- Contents --------------------------------------------------------------*/ .vertical-text { position: fixed; left: 100px; top: 55%; -webkit-transform: translateY(-45%); transform: translateY(-45%); z-index: 3; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .vertical-text p { -webkit-writing-mode: vertical-rl; -ms-writing-mode: rl-tb; writing-mode: vertical-rl; -webkit-transform: rotate(180deg); transform: rotate(180deg); text-orientation: mixed; margin: 0; line-height: 1; font-size: 15px; color: rgba(255, 255, 255, 0.8); letter-spacing: .5px; } .background-circle { position: fixed; right: -180px; bottom: 100px; width: 300px; height: 300px; overflow: hidden; z-index: -1; } .background-circle div { position: absolute; width: 300px; height: 300px; border: 50px solid rgba(27, 29, 29, 0.5); border-radius: 50%; } @media (max-width: 1499px) { .vertical-text, .background-circle { display: none; } } a:hover, .post .entry-header .entry-meta span a:hover time, .post .entry-header .entry-meta span a:hover, .attachment .entry-header .entry-meta span a:hover time, .attachment .entry-header .entry-meta span a:hover, .post .entry-footer .footer-links .tags-links a:hover, .attachment .entry-footer .footer-links .tags-links a:hover, .post .entry-footer .socials-share-links ul li a:hover, .attachment .entry-footer .socials-share-links ul li a:hover, .comment-body .reply .comment-reply-link:hover, .widget_rss li .rsswidget:hover, .widget a:hover, .page-links a:hover span, .comment-metadata .comment-edit-link:hover, .wp-block-tag-cloud a:hover, .caster-portfolio-wrap .cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active, .caster-portfolio-wrap .cbp-l-subfilters .cbp-filter-item.cbp-filter-item-active, .caster-portfolio-wrap .cbp-l-filters-text .cbp-filter-item:hover, .caster-portfolio-wrap .cbp-l-subfilters .cbp-filter-item:hover, .accent-color, .cta a:hover, .single-portfolio .portfolio .entry-meta .meta-entries ul li a:hover, .single-portfolio .portfolio .entry-meta .meta-entries ul li.portfolio-social-share-links a:hover, .portfolio-navigation-wrap .portfolio-navigation .portfolio-navigation-title a:hover h3, .page-links>a:hover { color: #03a696; } .wp-block-button__link, .wp-block-file .wp-block-file__button, .wp-block-search .wp-block-search__button, #masthead.site-header.standard #site-navigation .menu>li>a:after, .cbp.cbp-caption-custom-effect .view-project:after, h2.widget-title:after, .widget-area .widget h1:after, .widget-area .widget h2:after, .widget-area .widget h3:after, .widget-area .widget h4:after, .widget-area .widget h5:after, .widget-area .widget h6:after { background-color: #03a696; } .wp-block-search .wp-block-search__button { background: #03a696; } @media (max-width: 991px) { #masthead.site-header #site-navigation .menu>li:hover>a, #masthead.site-header #site-navigation .menu>li.current-menu-item>a, #masthead.site-header #site-navigation .menu>li.current-menu-ancestor>a, #masthead.site-header #site-navigation .menu>li:hover>a, #masthead.site-header #site-navigation .menu>li ul>li:hover>a { color: #03a696; } } /*-------------------------------------------------------------- Light Skin --------------------------------------------------------------*/ body.light { color: #707070; background-color: #fff; } body.light h1, body.light h2, body.light h3, body.light h4, body.light h5, body.light h6, body.light a, body.light strong, body.light .widget-area .widget h1, body.light .widget-area .widget h2, body.light .widget-area .widget h3, body.light .widget-area .widget h4, body.light .widget-area .widget h5, body.light .widget-area .widget h6 { color: #0a0a0a; } body.light p { color: #707070; } body.light blockquote { background-color: #f5f5f5; color: #0a0a0a; } body.light blockquote cite { color: #707070; } body.light blockquote p { color: #0a0a0a; } body.light blockquote:before { opacity: 0.3; } body.light .caster-portfolio-wrap .cbp-l-grid-agency-title { font-size: 16px; } body.light .vertical-text p { color: #0a0a0a; } body.light .background-circle div { border-color: rgba(238, 238, 238, 0.5); } body.light #multiscroll-nav span { border: 1px solid #0a0a0a !important; } body.light #multiscroll-nav li .active span { background: #0a0a0a !important; } body.light .elementor-text-editor p { font-size: inherit; line-height: inherit; color: inherit; font-weight: inherit; } body.light .testimonials-slider-wrap:before { opacity: 0.15; } body.light .page-links, body.light .widget_rss .widget-title .rsswidget, body.light .widget_rss li .rsswidget, body.light .widget.widget_search .search-form .search-submit, body.light.search.search-no-results .search-form .search-submit, body.light .widget_text p strong, body.light .error-404.not-found .page-header h1, body.light .error-404.not-found .page-header div { color: #0a0a0a; } body.light .error-404.not-found .page-content a { color: #0a0a0a; border-color: #0a0a0a; } body.light .error-404.not-found .page-content a:hover { background-color: #0a0a0a; color: #fff; } body.light .swiper-container.single-project:before, body.light .caster-swiper-container.single-project:before { background-color: #fff; } body.light .widget_calendar table caption, body.light .widget ul li, body.light .widget ul li a, body.light .testimonials-slider-wrap .swiper-pagination-custom, body.light .testimonials-slider-wrap .swiper-pagination-fraction { color: #707070; } body.light #masthead.site-header.standard #site-navigation .menu>li>a { font-weight: 500; } body.light #masthead.site-header #ham-trigger-wrap .ham-trigger span:before, body.light #masthead.site-header #ham-trigger-wrap .ham-trigger span:after, body.light #masthead.site-header #ham-trigger-wrap .ham-trigger span { background-color: #0a0a0a; } body.light #masthead.site-header #ham-trigger-wrap.open .ham-trigger span { background-color: transparent; } body.light #masthead.standard.site-header.is-stuck { background-color: #fff; } body.light #masthead.site-header.left-sidebar-menu .contact-info, body.light #masthead.site-header.left-sidebar-menu .contact-info *, body.light #masthead.site-header.left-hamburger-menu .contact-info, body.light #masthead.site-header.left-hamburger-menu .contact-info a, body.light #masthead.site-header.fullscreen-hamburger-menu .contact-info-wrap .contact-info { color: #0a0a0a; } body.light #masthead.site-header.fullscreen-hamburger-menu #ham-trigger-wrap .ham-trigger span { background-color: transparent; } @media (max-width: 991px) { body.light .portfolio-split-slider .full-width-bg-image { opacity: .8; } body.light .portfolio-split-slider .caster-ms-section .title-wrap p { color: #0a0a0a !important; } } body.light .ms-section.ms-table { background-color: transparent; } body.light .portfolio-split-slider .btn-container a { color: #fff; border: 0; } body.light .portfolio-split-slider .btn-container a:hover { opacity: 0.8; } body.light.single-portfolio .portfolio .entry-meta-title h4 { font-size: 24px; } body.light .portfolio-navigation-wrap .portfolio-navigation span { font-weight: 500; } body.light.single-portfolio .portfolio .entry-meta-title h4, body.light .portfolio-navigation-wrap .portfolio-navigation .portfolio-navigation-title a h3 { font-weight: 600; } body.light.single-portfolio .portfolio .entry-meta .meta-entries ul li span:not(.portfolio-categories):not(.portfolio-tags) { font-weight: 500; } body.light .caster-portfolio-wrap .cbp.cbp-caption-custom-effect .cbp-item .cbp-caption:hover .cbp-caption-defaultWrap, body.light .swiper-container.multiple-projects .swiper-caption-wrap:hover .swiper-image-wrap, body.light .caster-swiper-container.multiple-projects .swiper-caption-wrap:hover .swiper-image-wrap { opacity: 1; } body.light .caster-portfolio-wrap .cbp-l-grid-agency-title, body.light .caster-portfolio-wrap .cbp-l-filters-text .cbp-filter-item:after, body.light .portfolio-split-slider .caster-ms-section .title-wrap p { color: #0a0a0a; } body.light .caster-portfolio-wrap .cbp-l-grid-agency-desc, body.light .caster-portfolio-wrap .cbp.cbp-caption-custom-effect .view-project { color: #707070; font-weight: 400; } body.light.single-portfolio .portfolio .entry-meta .meta-entries ul li span:not(.portfolio-categories):not(.portfolio-tags) { color: #0a0a0a; } body.light .portfolio-navigation-wrap .portfolio-navigation span { color: rgba(10, 10, 10, 0.5); } body.light.single-portfolio .portfolio .entry-meta .meta-entries ul li a { color: #707070; } body.light .post .entry-header .entry-title:hover, body.light .attachment .entry-header .entry-title:hover, body.light .post .entry-header .entry-title a:hover, body.light .attachment .entry-header .entry-title a:hover, body.light.search.search-no-results #primary.content-area #main.site-main>p { color: #0a0a0a; } body.light .post .entry-header .entry-meta span a, body.light .post .entry-header .entry-meta span a, body.light .post .entry-header .entry-meta span time, body.light .attachment .entry-header .entry-meta span, body.light .attachment .entry-header .entry-meta span a, body.light .attachment .entry-header .entry-meta span time { color: #808080; } body.light .wp-tag-cloud li a, body.light .entry-footer .tags-links a, body.light .wp-block-tag-cloud a, body.light .post .entry-content .wp-block-audio figcaption, body.light .post .entry-content .wp-block-video figcaption, body.light .post .entry-content .wp-block-image figcaption, body.light .wp-caption-text, body.light #secondary.widget-area .wp-block-latest-comments li span, body.light #secondary.widget-area .wp-block-latest-comments li a { color: #707070; } body.light .post .entry-footer .socials-share-links ul li a, body.light .attachment .entry-footer .socials-share-links ul li a { color: #0a0a0a; } body.light .post-navigation { border-top: 1px solid rgba(10, 10, 10, 0.2); border-bottom: 1px solid rgba(10, 10, 10, 0.2); } body.light .post-navigation .nav-previous .nav-subtitle:before, body.light .post-navigation .nav-next .nav-subtitle:after { background-image: url(assets/images/svg/chevron-dark.svg); } body.light .post-navigation .nav-previous:hover a, body.light .post-navigation .nav-next:hover a { color: #0a0a0a; } body.light .wp-block-button__link, body.light .wp-block-file .wp-block-file__button, body.light .wp-block-search .wp-block-search__button { color: #fff; } body.light .wp-block-button__link:hover, body.light .wp-block-file .wp-block-file__button:hover, body.light .wp-block-search .wp-block-search__button:hover { color: #fff; } body.light .wp-block-button.is-style-outline .wp-block-button__link { border-color: #0a0a0a; color: #0a0a0a; background-color: transparent; } body.light .wp-block-button.is-style-outline .wp-block-button__link:hover { background-color: #0a0a0a; color: #fff; } body.light .pagination .page-numbers, body.light .comments-pagination .page-numbers { color: #0a0a0a; } body.light .page-numbers.current { opacity: 0.7; } body.light .prev.page-numbers:before, body.light .next.page-numbers:before { border-color: transparent transparent transparent #0a0a0a; } body.light .prev.page-numbers:before { border-color: transparent #0a0a0a transparent transparent; } body.light .comment-list .comment { border-top: 1px solid rgba(10, 10, 10, 0.1); } body.light .comments-area>.comment-list>.comment:last-of-type { border-bottom: 1px solid rgba(10, 10, 10, 0.1); } body.light .comment-author, body.light .comment-author .fn { color: #0a0a0a; } body.light textarea, body.light input[type="text"], body.light input[type="email"], body.light input[type="url"], body.light input[type="password"], body.light input[type="search"], body.light input[type="number"], body.light input[type="tel"], body.light input[type="range"], body.light input[type="date"], body.light input[type="month"], body.light input[type="week"], body.light input[type="time"], body.light input[type="datetime"], body.light input[type="datetime-local"], body.light input[type="color"], body.light select { background-color: #eee; color: #707070; } body.light input[type="button"], body.light input[type="submit"] { border: 0; } body.light input[type="button"]:hover, body.light input[type="submit"]:hover { color: #fff; opacity: 0.8; } body.light ::-webkit-input-placeholder { color: #707070; } body.light :-ms-input-placeholder { color: #707070; } body.light ::-ms-input-placeholder { color: #707070; } body.light ::placeholder { color: #707070; } body.light :-ms-input-placeholder { color: #707070; } body.light ::-ms-input-placeholder { color: #707070; } body.light .wp-block-calendar table caption, body.light .widget_calendar table caption { color: #0a0a0a; font-weight: 500; } body.light th { color: #0a0a0a; font-weight: 500; } body.light td { color: #707070; } body.light .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: #eee; } body.light .widget_calendar table th, body.light .widget_calendar table td, body.light td, body.light th, body.light .wp-block-calendar tbody td, body.light .wp-block-calendar th { border-color: #dedede; } body.light .wpcf7-form input:not(.wpcf7-submit), body.light .wpcf7-form textarea { background-color: transparent; border-bottom-color: #b9b9b9; } body.light .post .entry-content .link-more .more-link, body.light .attachment .entry-content .link-more .more-link { border: 0; color: #fff; } body.light .post .entry-content .link-more .more-link:hover, body.light .attachment .entry-content .link-more .more-link:hover { opacity: 0.8; } body.light .button a { border-color: #000000; } body.light .button a:hover { background-color: #0a0a0a; color: #fff; } body.light .portfolio-listing-wide .btn-container a:hover, body.light .portfolio-listing-wrap .btn-container a:hover { color: #0a0a0a; } body.light .caster-swiper-preloader, body.light .caster-swiper-slider-wrap .caster-swiper-preloader, body.light .caster-swiper-slider-wrap .swiper-lazy-preloader, body.light .caster-swiper-container .swiper-lazy-preloader { background-color: #f7f7f7; } body.light .caster-portfolio-wrap .cbp-lazyload { background-color: #f7f7f7 !important; } body.light .portfolio-listing-wrap .portfolio-thumbnail:before { background-color: #f7f7f7; border-color: #f7f7f7; } body.light a:hover, body.light .post .entry-footer .socials-share-links ul li a:hover, body.light .attachment .entry-footer .socials-share-links ul li a:hover, body.light .post .entry-header .entry-meta span a:hover, body.light .attachment .entry-header .entry-meta span a:hover, body.light .post .entry-header .entry-meta span a:hover time, body.light .widget_rss li .rsswidget:hover, body.light .wp-tag-cloud li a:hover, body.light .widget ul li a:hover, body.light.single-portfolio .portfolio .entry-meta .meta-entries ul li a:hover { color: #18a558; } body.light .wp-block-button__link, body.light .wp-block-file .wp-block-file__button, body.light .wp-block-search .wp-block-search__button, body.light .post .entry-content .link-more .more-link, body.light .attachment .entry-content .link-more .more-link, body.light .post .entry-content .link-more .more-link:hover, body.light .attachment .entry-content .link-more .more-link:hover, body.light #masthead.site-header.standard #site-navigation .menu>li>a:after, body.light .cbp.cbp-caption-custom-effect .view-project:after, body.light h2.widget-title:after, body.light input[type="button"], body.light input[type="submit"] { background-color: #18a558; } body.light .caster-swiper-slider-wrap .swiper-pagination-bullet-active, body.light .caster-swiper-container .swiper-pagination-bullet-active { background: #18a558; } /*-------------------------------------------------------------- 404 Error --------------------------------------------------------------*/ .error404.has-left-sidebar-menu .site-content, .error404.has-left-hamburger-menu .site-content { min-height: calc(100vh - 80px); } .error-404.not-found { text-align: center; display: table; width: 100%; padding: 200px 0; } .error-404.not-found .error-404-content { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .error-404.not-found .page-header h1 { font-size: 120px; line-height: 100px !important; font-weight: 700; letter-spacing: 0; color: #fff; } .error-404.not-found .page-header div { font-size: 30px; color: #fff; font-weight: 500; } .error-404.not-found .page-content { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; } .error-404.not-found .page-content a { font-size: 14px; font-weight: 500; padding: 13px 27px; background-color: transparent; color: #fff; display: inline-block; -webkit-transition: .2s ease-in; transition: .2s ease-in; line-height: 1; text-decoration: none; border: 1px solid #fff; margin-top: 30px; } .error-404.not-found .page-content a:hover { background: #fff; color: #090b0b; } @media (min-width: 992px) { .error404.has-sidebar .wrap #primary.content-area { float: none; width: 100%; padding-right: 0; } } /*-------------------------------------------------------------- Comments --------------------------------------------------------------*/ #comments, #respond { clear: both; margin-top: 53px; } .comments-title { margin-bottom: 0px; } .comments-title, .comment-reply-title { font-size: 28px; line-height: 1; font-weight: 500; } .comment-reply-title small { text-align: right; float: right; display: inline-block; -webkit-transform: translateY(10px); transform: translateY(10px); font-size: 13px; } .comment-list { list-style: none; margin: 0; padding: 0; } .comment-list .comment { border-top: 1px solid #343434; } .comment-list .children { list-style: none; margin: 0; padding: 0; } .comment-list li:before { display: none; } .comment-list .comment-respond { margin-top: 0 !important; margin-bottom: 50px; } .comments-area>.comment-list>.comment:first-of-type { border-top: 0; } .comments-area>.comment-list>.comment:last-of-type { border-bottom: 1px solid #343434; } .comment-body { margin-left: 100px; padding: 40px 0 31px; } .comment-list>li.trackback:first-of-type, .comment-list>li.pingback:first-of-type { margin-top: 20px; } .comment-list li.trackback+li.comment, .comment-list li.pingback+li.comment { margin-top: 30px; } .comment-list .pingback .comment-body, .comment-list .trackback .comment-body { padding: 7px 0; } div.comment-body { margin-left: 0; } .comment-author { line-height: normal; margin-bottom: 4px; } .comment-author a { text-decoration: none; } .comment-author, .comment-author .fn { color: #fff; font-size: 17px; font-weight: 500; position: relative; text-transform: capitalize; line-height: normal; } .comment-author .avatar { height: 80px; left: -100px; position: absolute; width: 80px; border-radius: 50%; } .comment-author .says { display: none; } .comment-meta { margin-bottom: 12px; } .comment-metadata, .comment-metadata>a { color: #8e8e8e; font-size: 13px; font-weight: 400; line-height: normal; } .comment-edit-link { color: #fff; display: inline-block; margin-left: 11px; font-weight: 400; font-size: 12px; } .comment-content p { font-size: 14px; line-height: 1.6; margin-bottom: 13px; } .comment-content blockquote p { font-size: inherit; line-height: inherit; margin-bottom: 0; } .comment-content img { margin-top: 3px; } .comment-body .reply .comment-reply-link { font-size: 12px; font-weight: 400; color: #fff; position: relative; padding-left: 20px; } .comment-body .reply .comment-reply-link:before { position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3e5"; display: inline-block; top: -1px; left: 0; font-size: 11px; } ol .children { margin-left: 90px !important; } .no-comments, .comment-awaiting-moderation { color: #9a9a9a; font-size: 14px; margin-top: 20px; } .comments-pagination { margin: 2em 0 3em; } .comment-form { margin-left: -15px; margin-right: -15px; } .comment-form label { display: none; } .comment-form .comment-notes { margin-top: -11px; margin-bottom: 23px; } .comment-form .comment-form-comment, .comment-form .comment-notes, .comment-form .form-submit, .comment-form .logged-in-as { padding-left: 15px; padding-right: 15px; } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { display: inline-block; float: left; width: 33.33%; padding-left: 15px; padding-right: 15px; } .comment-form .comment-form-comment { margin-bottom: 30px; } .comment-form .comment-form-url { margin-bottom: 35px; } .comment-form .comment-form-cookies-consent label { display: inline; } .comment-form .form-submit { clear: both; margin-bottom: 0; } .comment-form .form-submit .submit { margin-top: 5px; } .logged-in-as { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #090b0b; margin-bottom: 33px; } .logged-in-as a { font-size: 15px; } .comment-form-cookies-consent { padding: 0 15px; } .comment-form-cookies-consent { display: none; } @media (max-width: 767px) { .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { display: block; float: none; width: 100%; } .comment-form .comment-form-author, .comment-form .comment-form-email { margin-bottom: 30px; } ol .children { margin-left: 35px !important; } } /*-------------------------------------------------------------- Footer --------------------------------------------------------------*/ .site-footer { padding-bottom: 45px; } .site-footer .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .site-footer .wrap:after { content: initial; } .site-footer .social-links-menu { list-style-type: none; margin: 0; padding: 0; } .site-footer .social-links-menu li { margin: 0 20px 0 0; display: inline-block; position: relative; } .site-footer .social-links-menu li:after { content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background-color: #03a696; position: absolute; top: 10px; right: -14px; } .site-footer .social-links-menu li:last-of-type:after { display: none; } .site-footer .social-links-menu li a { font-size: 14px; height: 24px; position: relative; display: block; overflow: hidden; color: rgba(255, 255, 255, 0.5); } .site-footer .social-links-menu li a span { display: block; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.3s; opacity: 1; } .site-footer .social-links-menu li a i { position: absolute; bottom: -100%; left: 0; right: 0; text-align: center; font-size: 12px; color: rgba(255, 255, 255, 0.5); -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.3s; opacity: 0; } .site-footer .social-links-menu li a:hover span { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } .site-footer .social-links-menu li a:hover i { bottom: 7px; opacity: 1; } .site-footer .copyright { font-size: 13px; margin-bottom: 0; } @media (max-width: 768px) { #footer.site-footer { padding-bottom: 25px !important; } } /*-------------------------------------------------------------- Header Standard --------------------------------------------------------------*/ @media (min-width: 992px) { #masthead.site-header.standard #ham-trigger-wrap { display: none; } #masthead.site-header.standard #site-branding a { padding: 50px 0; } #masthead.site-header.standard #site-navigation .menu>li { position: relative; display: inline-block; margin-left: 46px; } #masthead.site-header.standard #site-navigation .menu>li:first-of-type { margin-left: 0; } #masthead.site-header.standard #site-navigation .menu>li>a { font-size: 15px; display: block; position: relative; padding-top: 28px; padding-bottom: 25px; } #masthead.site-header.standard #site-navigation .menu>li>a:after { content: ''; position: absolute; width: 0; height: 2px; bottom: 16px; left: 0; opacity: 0; -webkit-transition: all .2s ease; transition: all .2s ease; } #masthead.site-header.standard #site-navigation .menu>li ul { position: absolute; top: 120%; background-color: #111313; width: 200px; z-index: 10; left: -25px; right: 0; margin-left: 0; opacity: 0; visibility: hidden; padding: 24px 27px 14px; -webkit-transition: all .2s ease; transition: all .2s ease; } #masthead.site-header.standard #site-navigation .menu>li ul li { margin: 0; position: relative; margin-bottom: 14px; } #masthead.site-header.standard #site-navigation .menu>li ul li a { font-size: 14px; line-height: 18px; display: block; color: #fff; opacity: .6; } #masthead.site-header.standard #site-navigation .menu>li ul li a:hover { opacity: 1; } #masthead.site-header.standard #site-navigation .menu>li ul li:hover>a { opacity: 1; } #masthead.site-header.standard #site-navigation .menu>li ul ul { padding: 18px 25px 8px; left: 155px; top: -19px; -webkit-transition: all .4s ease-out; transition: all .4s ease-out; } #masthead.site-header.standard #site-navigation .menu>li:hover>ul { -webkit-animation: dropdown-effect .2s ease-out; -moz-animation: dropdown-effect .2s ease-out; display: block; opacity: 1; visibility: visible; top: 100%; } #masthead.site-header.standard #site-navigation .menu>li:hover>ul>li:hover ul { display: block; -webkit-animation: dropdown-effect .2s ease-out; -moz-animation: dropdown-effect .2s ease-out; opacity: 1; visibility: visible; left: 165px; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } #masthead.site-header.standard #site-navigation .menu>li.current-menu-item>a:after, #masthead.site-header.standard #site-navigation .menu>li.current-menu-ancestor>a:after, #masthead.site-header.standard #site-navigation .menu>li:hover>a:after { opacity: 1; width: 15px; } #masthead.site-header.standard #site-navigation .menu>li:hover>a { opacity: 1; } #masthead.site-header.standard #site-navigation .menu>li>a { color: #fff; } #masthead.site-header.standard #site-navigation .menu>li .invert-dropdown { left: auto !important; right: 175px; } } @-webkit-keyframes dropdown-effect { 0% { opacity: .6; } 100% { opacity: 1; } } /*-------------------------------------------------------------- Header Sidebar --------------------------------------------------------------*/ @media (min-width: 1200px) { #masthead.site-header.left-sidebar-menu { width: 270px; height: 100%; position: fixed; top: 0; left: 0; } #masthead.site-header.left-sidebar-menu .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 50px !important; padding-right: 50px !important; } #masthead.site-header.left-sidebar-menu #site-branding a { padding-top: 50px; } #masthead.site-header.left-sidebar-menu #ham-trigger-wrap { display: none; } #masthead.site-header.left-sidebar-menu #site-navigation { width: 100%; max-width: 960px; overflow: hidden; } #masthead.site-header.left-sidebar-menu #site-navigation .menu { max-height: calc(100vh - 300px); overflow-x: auto; width: calc(100% + 20px); } #masthead.site-header.left-sidebar-menu #site-navigation .menu a { color: #fff; } #masthead.site-header.left-sidebar-menu #site-navigation .menu>li { margin-bottom: 10px; padding-bottom: 11px; } #masthead.site-header.left-sidebar-menu #site-navigation .menu>li:last-of-type { margin-bottom: 0; } #masthead.site-header.left-sidebar-menu #site-navigation .menu>li>a { display: block; } #masthead.site-header.left-sidebar-menu #site-navigation .menu>li ul { padding: 10px 12px 4px; display: none; } #masthead.site-header.left-sidebar-menu #site-navigation .menu>li ul>li { margin-bottom: 8px; } #masthead.site-header.left-sidebar-menu #site-navigation .menu>li ul>li:last-of-type { margin-bottom: 0; } #masthead.site-header.left-sidebar-menu #site-navigation .menu>li ul>li>a { font-size: 13px; font-weight: 500; } #masthead.site-header.left-sidebar-menu #site-navigation .menu>li ul ul>li>a { font-size: 13px; font-weight: 500; } #masthead.site-header.left-sidebar-menu #site-navigation #hamburger-menu-close-trigger { cursor: pointer; position: absolute; top: 19px; right: 23px; } #masthead.site-header.left-sidebar-menu #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close { display: inline-block; -webkit-transform: translateY(-5px); transform: translateY(-5px); } #masthead.site-header.left-sidebar-menu #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span { display: inline-block; position: relative; background-color: transparent !important; } #masthead.site-header.left-sidebar-menu #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:before, #masthead.site-header.left-sidebar-menu #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:after { content: ''; position: absolute; } #masthead.site-header.left-sidebar-menu #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:before { top: -8px; -webkit-transform: translateY(8px) rotateZ(-45deg); transform: translateY(8px) rotateZ(-45deg); } #masthead.site-header.left-sidebar-menu #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:after { top: 8px; -webkit-transform: translateY(-8px) rotateZ(45deg); transform: translateY(-8px) rotateZ(45deg); } #masthead.site-header.left-sidebar-menu #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:before, #masthead.site-header.left-sidebar-menu #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:after, #masthead.site-header.left-sidebar-menu #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span { width: 21px; height: 2px; -webkit-transition: all .3s; transition: all .3s; background-color: #fff; } #masthead.site-header.left-sidebar-menu .contact-info { padding-bottom: 40px; } #masthead.site-header.left-sidebar-menu .contact-info, #masthead.site-header.left-sidebar-menu .contact-info * { font-size: 14px; font-weight: 400; color: #fff; } #masthead.site-header.left-sidebar-menu+.site-content-contain { margin-left: 270px; } } @media (max-width: 1199px) { #masthead.site-header.left-sidebar-menu #ham-trigger-wrap .ham-trigger>span { -webkit-transform: translateY(0); transform: translateY(0); } #masthead.site-header.left-sidebar-menu #site-navigation { position: absolute; top: 100%; width: calc(100% - 30px); z-index: 10; -webkit-transition: all .4s ease; transition: all .4s ease; opacity: 0; visibility: hidden; } #masthead.site-header.left-sidebar-menu #site-navigation.display-menu { opacity: 1; visibility: visible; } #masthead.site-header.left-sidebar-menu #site-navigation .menu { background-color: #111313; max-height: calc(100vh - 150px); overflow-y: auto; padding: 20px 0; } #masthead.site-header.left-sidebar-menu #site-navigation .menu li { position: relative; } #masthead.site-header.left-sidebar-menu #site-navigation .menu li:last-of-type { border-bottom: 0; } #masthead.site-header.left-sidebar-menu #site-navigation .menu a { display: block; padding: 9px 25px; color: #fff; display: block; } #masthead.site-header.left-sidebar-menu #site-navigation .menu>li { opacity: 0; } #masthead.site-header.left-sidebar-menu #site-navigation .menu>li>a { font-size: 15px; font-weight: 600; } #masthead.site-header.left-sidebar-menu #site-navigation .menu>li ul { display: none; padding-bottom: 5px; } #masthead.site-header.left-sidebar-menu #site-navigation .menu>li ul a { font-size: 13px; margin-left: 15px; padding-top: 5px; padding-bottom: 5px; } #masthead.site-header.left-sidebar-menu #site-navigation .menu>li ul ul a { margin-left: 36px; } #masthead.site-header.left-sidebar-menu .contact-info { display: none; } } /*-------------------------------------------------------------- Header Fullscreen Hamburger --------------------------------------------------------------*/ #masthead.site-header.fullscreen-hamburger-menu #ham-trigger-wrap { position: relative; z-index: 11; } #masthead.site-header.fullscreen-hamburger-menu #ham-trigger-wrap .ham-trigger span { background-color: transparent; } #masthead.site-header.fullscreen-hamburger-menu #ham-trigger-wrap .ham-trigger span:before { top: -5px; } #masthead.site-header.fullscreen-hamburger-menu #ham-trigger-wrap .ham-trigger span:after { top: 5px; } #masthead.site-header.fullscreen-hamburger-menu #ham-trigger-wrap .ham-trigger span:before, #masthead.site-header.fullscreen-hamburger-menu #ham-trigger-wrap .ham-trigger span:after, #masthead.site-header.fullscreen-hamburger-menu #ham-trigger-wrap .ham-trigger span { width: 20px; } #masthead.site-header.fullscreen-hamburger-menu #ham-trigger-wrap.open .ham-trigger span:before { -webkit-transform: translateY(7px) rotateZ(-45deg); transform: translateY(7px) rotateZ(-45deg); } #masthead.site-header.fullscreen-hamburger-menu #ham-trigger-wrap.open .ham-trigger span:after { -webkit-transform: translateY(-3px) rotateZ(46deg); transform: translateY(-3px) rotateZ(46deg); } body.fullscreen-hamburger-menu-acive { overflow: hidden; } body.fullscreen-hamburger-menu-acive .swiper-container.fullscreen-projects .swiper-pagination, body.fullscreen-hamburger-menu-acive .caster-swiper-container.fullscreen-projects .swiper-pagination, body.fullscreen-hamburger-menu-acive .swiper-container.fullscreen-projects .swiper-button-prev, body.fullscreen-hamburger-menu-acive .caster-swiper-container.fullscreen-projects .swiper-button-prev, body.fullscreen-hamburger-menu-acive .swiper-container.fullscreen-projects .swiper-button-next, body.fullscreen-hamburger-menu-acive .caster-swiper-container.fullscreen-projects .swiper-button-next, body.fullscreen-hamburger-menu-acive #multiscroll-nav { opacity: 0; visibility: hidden; } @media (min-width: 992px) { #masthead.site-header.fullscreen-hamburger-menu #site-branding { position: relative; z-index: 11; } #masthead.site-header.fullscreen-hamburger-menu #site-branding a { padding: 40px 0 40px; } #masthead.site-header.fullscreen-hamburger-menu .main-navigation-wrap { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #090b0b; z-index: 10; opacity: 0; visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #masthead.site-header.fullscreen-hamburger-menu #site-navigation .menu { text-align: center; width: calc(100vw + 30px); margin-top: 75px; } #masthead.site-header.fullscreen-hamburger-menu #site-navigation .menu>li { padding: 7px 0; opacity: 0; } #masthead.site-header.fullscreen-hamburger-menu #site-navigation .menu>li>a { font-size: 28px; font-weight: 600; } #masthead.site-header.fullscreen-hamburger-menu #site-navigation .menu>li ul { display: none; margin: 15px 0; } #masthead.site-header.fullscreen-hamburger-menu #site-navigation .menu>li ul li a { font-size: 20px; } #masthead.site-header.fullscreen-hamburger-menu #site-navigation .menu>li ul ul li a { font-size: 15px; } #masthead.site-header.fullscreen-hamburger-menu .contact-info-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 100px; padding-right: 80px; padding-bottom: 30px; } #masthead.site-header.fullscreen-hamburger-menu .contact-info-wrap .contact-info { color: #fff; font-size: 13px; } #masthead.site-header.fullscreen-hamburger-menu .contact-info-wrap .social-links-menu { margin: 0; } #masthead.site-header.fullscreen-hamburger-menu .contact-info-wrap .social-links-menu li { display: inline-block; margin-left: 12px; } #masthead.site-header.fullscreen-hamburger-menu .contact-info-wrap .social-links-menu li a i { font-size: 12px; } } @media (max-width: 991px) { #masthead.site-header.fullscreen-hamburger-menu .contact-info-wrap { display: none; } #masthead.site-header.fullscreen-hamburger-menu .main-navigation-wrap { width: 100%; position: absolute; top: 100%; } #masthead.site-header.fullscreen-hamburger-menu #site-navigation .menu>li>a { font-size: 15px; } } /*-------------------------------------------------------------- Header Fullscreen Hamburger --------------------------------------------------------------*/ @media (min-width: 992px) { #masthead.site-header.left-hamburger-menu { position: fixed; width: 115px; height: 100vh; left: 0; top: 0; } #masthead.site-header.left-hamburger-menu .wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 40px !important; padding-right: 20px !important; height: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #masthead.site-header.left-hamburger-menu #ham-trigger-wrap { position: relative; z-index: 10; } #masthead.site-header.left-hamburger-menu #site-navigation { position: absolute; width: 350px; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #111414; padding-left: 120px; left: -350px; opacity: 0; } #masthead.site-header.left-hamburger-menu #site-navigation.display-menu { z-index: 1; } #masthead.site-header.left-hamburger-menu #site-navigation .menu { width: calc(100% + 20px); } #masthead.site-header.left-hamburger-menu #site-navigation .menu a { color: #fff; } #masthead.site-header.left-hamburger-menu #site-navigation .menu>li { margin-bottom: 10px; padding-bottom: 11px; opacity: 0; } #masthead.site-header.left-hamburger-menu #site-navigation .menu>li:last-of-type { margin-bottom: 0; } #masthead.site-header.left-hamburger-menu #site-navigation .menu>li>a { display: block; } #masthead.site-header.left-hamburger-menu #site-navigation .menu>li ul { padding: 10px 12px 4px; display: none; } #masthead.site-header.left-hamburger-menu #site-navigation .menu>li ul>li { margin-bottom: 8px; } #masthead.site-header.left-hamburger-menu #site-navigation .menu>li ul>li:last-of-type { margin-bottom: 0; } #masthead.site-header.left-hamburger-menu #site-navigation .menu>li ul>li>a { font-size: 13px; font-weight: 500; } #masthead.site-header.left-hamburger-menu #site-navigation .menu>li ul ul>li>a { font-size: 13px; font-weight: 500; } #masthead.site-header.left-hamburger-menu #site-navigation #hamburger-menu-close-trigger { cursor: pointer; position: absolute; top: 19px; right: 23px; } #masthead.site-header.left-hamburger-menu #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close { display: inline-block; -webkit-transform: translateY(-5px); transform: translateY(-5px); } #masthead.site-header.left-hamburger-menu #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span { display: inline-block; position: relative; background-color: transparent !important; } #masthead.site-header.left-hamburger-menu #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:before, #masthead.site-header.left-hamburger-menu #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:after { content: ''; position: absolute; } #masthead.site-header.left-hamburger-menu #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:before { top: -8px; -webkit-transform: translateY(8px) rotateZ(-45deg); transform: translateY(8px) rotateZ(-45deg); } #masthead.site-header.left-hamburger-menu #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:after { top: 8px; -webkit-transform: translateY(-8px) rotateZ(45deg); transform: translateY(-8px) rotateZ(45deg); } #masthead.site-header.left-hamburger-menu #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:before, #masthead.site-header.left-hamburger-menu #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:after, #masthead.site-header.left-hamburger-menu #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span { width: 21px; height: 2px; -webkit-transition: all .3s; transition: all .3s; background-color: #fff; } #masthead.site-header.left-hamburger-menu .contact-info { -webkit-writing-mode: vertical-rl; -ms-writing-mode: rl-tb; writing-mode: vertical-rl; -webkit-transform: rotate(180deg); transform: rotate(180deg); text-orientation: mixed; line-height: 1; padding-top: 40px; } #masthead.site-header.left-hamburger-menu .contact-info, #masthead.site-header.left-hamburger-menu .contact-info a { color: #fff; } #masthead.site-header.left-hamburger-menu+.site-content-contain { margin-left: 115px; } } @media (max-width: 991px) { #masthead.site-header.left-hamburger-menu .contact-info { display: none; } } /*-------------------------------------------------------------- Header General --------------------------------------------------------------*/ #masthead.site-header { width: 100%; z-index: 9; background-color: #090b0b; } #masthead.site-header #site-navigation ul { list-style-type: none; padding: 0; margin: 0; line-height: normal; } #masthead.site-header #site-branding { line-height: 0; } #masthead.site-header #site-branding .retina-logo { display: none; } #masthead.site-header #site-branding a { display: inline-block; line-height: 1; padding: 30px 0 26px; } #masthead.site-header #ham-trigger-wrap { cursor: pointer; } #masthead.site-header #ham-trigger-wrap .ham-trigger { display: inline-block; -webkit-transform: translateY(-5px); transform: translateY(-5px); } #masthead.site-header #ham-trigger-wrap .ham-trigger span { display: inline-block; position: relative; } #masthead.site-header #ham-trigger-wrap .ham-trigger span:before, #masthead.site-header #ham-trigger-wrap .ham-trigger span:after { content: ''; position: absolute; } #masthead.site-header #ham-trigger-wrap .ham-trigger span:before { top: -7px; } #masthead.site-header #ham-trigger-wrap .ham-trigger span:after { top: 7px; } #masthead.site-header #ham-trigger-wrap .ham-trigger span:before, #masthead.site-header #ham-trigger-wrap .ham-trigger span:after, #masthead.site-header #ham-trigger-wrap .ham-trigger span { width: 22px; height: 2px; -webkit-transition: all .2s; transition: all .2s; background-color: #fff; } #masthead.site-header #ham-trigger-wrap.open .ham-trigger span { background-color: transparent; } #masthead.site-header #ham-trigger-wrap.open .ham-trigger span:before { -webkit-transform: translateY(7px) rotateZ(-45deg); transform: translateY(7px) rotateZ(-45deg); } #masthead.site-header #ham-trigger-wrap.open .ham-trigger span:after { -webkit-transform: translateY(-7px) rotateZ(45deg); transform: translateY(-7px) rotateZ(45deg); } #masthead.site-header .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #masthead.site-header .wrap:after { content: initial; } #masthead.site-header.transparent { background-color: transparent !important; position: absolute; width: 100%; } #masthead.standard.site-header.is-stuck { background-color: #090b0b; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); padding: 0 !important; margin: 0 !important; } #masthead.standard.site-header.is-stuck #site-branding a { padding: 10px 0 6px 0 !important; } #masthead.site-header.full-width .wrap { max-width: none; padding-left: 100px; padding-right: 15px; } @media (min-width: 1300px) { #masthead.site-header.full-width .wrap { padding-left: 80px; padding-right: 80px; } } @media (max-width: 991px) { #masthead.site-header #ham-trigger-wrap .ham-trigger>span { -webkit-transform: translateY(0); transform: translateY(0); } #masthead.site-header #site-navigation { position: absolute; top: 100%; width: calc(100% - 30px); z-index: 10; -webkit-transition: all .4s ease; transition: all .4s ease; opacity: 0; visibility: hidden; } #masthead.site-header #site-navigation.display-menu { opacity: 1; visibility: visible; } #masthead.site-header #site-navigation .menu { background-color: #111313; max-height: calc(100vh - 150px); overflow-y: auto; padding: 20px 0; } #masthead.site-header #site-navigation .menu li { position: relative; } #masthead.site-header #site-navigation .menu li:last-of-type { border-bottom: 0; } #masthead.site-header #site-navigation .menu a { font-size: 13px; display: block; padding: 9px 25px; color: #fff; display: block; } #masthead.site-header #site-navigation .menu a:hover { color: #03a696; } #masthead.site-header #site-navigation .menu>li { opacity: 0; } #masthead.site-header #site-navigation .menu>li ul { display: none; padding-bottom: 5px; } #masthead.site-header #site-navigation .menu>li ul a { margin-left: 15px; padding-top: 5px; padding-bottom: 5px; } #masthead.site-header #site-navigation .menu>li ul ul a { margin-left: 36px; } #masthead.site-header #site-navigation .menu>li ul>li:hover>a { color: #03a696; } #masthead.site-header #site-navigation .menu>li.current-menu-item>a, #masthead.site-header #site-navigation .menu>li.current-menu-ancestor>a, #masthead.site-header #site-navigation .menu>li:hover>a { color: #03a696; } #masthead.site-header #site-navigation .menu>li:hover>a { color: #03a696; } #masthead.site-header #site-navigation .menu>li>a, #masthead.site-header.standard #site-navigation .menu>li>a, #masthead.site-header.left-hamburger-menu #site-navigation .menu>li>a, #masthead.site-header.fullscreen-hamburger-menu #site-navigation .menu>li>a { font-size: 15px !important; font-weight: 600 !important; } } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { #masthead.site-header #site-branding .retina-logo { display: block; } #masthead.site-header #site-branding .logo { display: none; } } #masthead.site-header #site-branding .retina-logo { max-width: 87px; } /*-------------------------------------------------------------- Pages --------------------------------------------------------------*/ .page-header { padding-bottom: 2em; } .page .entry-header .edit-link { font-size: 14px; font-size: 0.875rem; } .search .page .entry-header .edit-link { font-size: 11px; font-size: 0.6875rem; } .page-links { clear: both; margin: 0 0 1.5em; } body.page figure.wp-caption.aligncenter { margin-top: 40px; } body.page .entry-header .entry-title { font-weight: 600; } .page-links { font-size: 14px; font-weight: 500; padding: 40px 0 0; color: #fff; } .page-links a, .page-links span { font-size: 13px; } .page-links>a, .page-links>span { display: inline-block; padding: 0.5em 5px; color: #fff; } .page-links>a:first-child, .page-links>span:first-child { margin-left: 10px; margin-right: 2px; } .page-links span.current { color: #9a9a9a; } /*-------------------------------------------------------------- Portfolio Details --------------------------------------------------------------*/ .single-portfolio .portfolio .portfolio-media .flex-video { width: 100%; height: 0px; overflow: hidden; padding-bottom: 56.25%; } .single-portfolio .portfolio .portfolio-media .caster-swiper-slider-wrap.swiper-container .swiper-slide { height: 100%; } .single-portfolio .portfolio .portfolio-media .caster-swiper-slider-wrap.swiper-container .swiper-slide .swiper-lazy-preloader { background-color: #252525; } .single-portfolio .portfolio .media-wrap>.portfolio-media { margin-bottom: 50px; } .single-portfolio .portfolio .media-wrap>.portfolio-media:last-of-type { margin-bottom: 0; } .single-portfolio .portfolio .entry-header { margin-bottom: 90px; } .single-portfolio .portfolio .entry-header .entry-title { font-size: 44px; font-weight: 600; line-height: normal; margin-bottom: 4px; } .single-portfolio .portfolio .entry-header .description { font-size: 19px; font-weight: 400; } .single-portfolio .portfolio .entry-meta-title h4 { font-size: 20px; margin-bottom: 15px; } .single-portfolio .portfolio .entry-meta { text-transform: none; padding: 0; } .single-portfolio .portfolio .entry-meta .meta-desc p { font-size: 17px; line-height: 26px; font-weight: 400; margin-bottom: 0; } .single-portfolio .portfolio .entry-meta .meta-entries ul { list-style-type: none; padding: 0; margin: 0; } .single-portfolio .portfolio .entry-meta .meta-entries ul li { line-height: 30px; } .single-portfolio .portfolio .entry-meta .meta-entries ul li:last-of-type { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .single-portfolio .portfolio .entry-meta .meta-entries ul li span:not(.portfolio-categories):not(.portfolio-tags) { position: relative; font-size: 17px; font-weight: 400; color: #fff; } .single-portfolio .portfolio .entry-meta .meta-entries ul li span:not(.portfolio-categories):not(.portfolio-tags):after { color: #9a9a9a; content: '-'; display: inline-block; margin-left: 7px; margin-right: 7px; } .single-portfolio .portfolio .entry-meta .meta-entries ul li a { color: #9a9a9a; } .single-portfolio .portfolio .entry-meta .meta-entries ul li.portfolio-social-share-links span, .single-portfolio .portfolio .entry-meta .meta-entries ul li.portfolio-social-share-links a { position: relative; } .single-portfolio .portfolio .entry-meta .meta-entries ul li.portfolio-social-share-links span:after, .single-portfolio .portfolio .entry-meta .meta-entries ul li.portfolio-social-share-links a:after { color: #9a9a9a; content: '-'; display: inline-block; margin: 0 5px; } .single-portfolio .portfolio .entry-meta .meta-entries ul li.portfolio-social-share-links span:after { margin-right: 5px; margin-left: 7px; } .single-portfolio .portfolio .entry-meta .meta-entries ul li.portfolio-social-share-links a { color: #9a9a9a; } position:relative .single-portfolio .portfolio .entry-meta .meta-entries ul li.portfolio-social-share-links a:hover { text-decoration: none; } .single-portfolio .portfolio .entry-meta .meta-entries ul li.portfolio-social-share-links a:last-of-type:after { content: ''; } .single-portfolio .portfolio .entry-meta .meta-entries ul li span.portfolio-categories a:after, .single-portfolio .portfolio .entry-meta .meta-entries ul li span.portfolio-tags a:after { content: ','; display: inline-block; margin-right: 2px; } .single-portfolio .portfolio .entry-meta .meta-entries ul li span.portfolio-categories a:last-of-type:after, .single-portfolio .portfolio .entry-meta .meta-entries ul li span.portfolio-tags a:last-of-type:after { display: none; } .single-portfolio.portfolio-details-right .entry-meta .meta-entries { margin-top: 37px; } .single-portfolio.portfolio-details-right .meta-desc { margin-top: 10px; } .single-portfolio.portfolio-details-bottom .entry-header, .single-portfolio.portfolio-details-top .entry-header { text-align: left; } .single-portfolio.portfolio-details-bottom .entry-header+.entry-meta, .single-portfolio.portfolio-details-top .entry-header+.entry-meta { margin-top: 40px; } .single-portfolio.portfolio-details-bottom .entry-meta-title, .single-portfolio.portfolio-details-top .entry-meta-title { margin-top: 40px; } .single-portfolio.portfolio-details-top .entry-header { margin-bottom: 70px; } .single-portfolio.portfolio-details-top .entry-content { margin-top: 60px; } .single-portfolio.full-width .site-content>.wrap { max-width: none; padding-left: 100px; padding-right: 100px; } @media (min-width: 1200px) { body.has-left-sidebar-menu.single-portfolio article.portfolio { margin-top: 60px; } } .archive .portfolio-banner { margin-bottom: 88px; } .archive .portfolio-banner h1 { font-size: 44px; font-weight: 600; line-height: 1.2; } .portfolio-details-right .right-sidebar .media-wrap .cbp, .portfolio-details-left .left-sidebar .media-wrap .cbp { height: 1200px; } .portfolio-no-navigation-wrap { height: 113px; } .portfolio-navigation-wrap { text-align: center; padding-top: 130px; } .portfolio-navigation-wrap .portfolio-navigation { overflow: hidden; } .portfolio-navigation-wrap .portfolio-navigation span { color: rgba(255, 255, 255, 0.5); display: block; } .portfolio-navigation-wrap .portfolio-navigation .portfolio-navigation-title { display: inline-block; } .portfolio-navigation-wrap .portfolio-navigation .portfolio-navigation-title a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; } .portfolio-navigation-wrap .portfolio-navigation .portfolio-navigation-title a:hover { color: #fff; } .portfolio-navigation-wrap .portfolio-navigation .portfolio-navigation-title a h3 { font-size: 38px; line-height: normal; margin-bottom: 0; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; -webkit-transition: all .2s ease; transition: all .2s ease; } .single.single-portfolio .cbp-caption-fadeIn .cbp-caption-activeWrap { -webkit-transition: all .4s; transition: all .4s; background-color: rgba(9, 11, 11, 0.75); } .single.single-portfolio .cbp-caption-fadeIn .cbp-caption-activeWrap .lightbox-plus { width: 34px; margin: auto; } .portfolio .media-wrap img { display: block; } .portfolio .media-wrap .image-meta-details { text-align: center; } .portfolio .media-wrap .image-meta-details p { font-size: 14px; line-height: 21px; margin-top: 10px; margin-bottom: 0; } .caster-portfolio-wrap .cbp:after, .caster-portfolio-wrap .cbp-lazyload:after, .caster-portfolio-wrap .cbp-popup-loadingBox:after, .caster-portfolio-wrap .cbp-popup-singlePageInline:after, .caster-portfolio-wrap .cbp:after, .caster-portfolio-wrap .cbp-lazyload:after, .caster-portfolio-wrap .cbp-popup-loadingBox:after, .caster-portfolio-wrap .cbp-popup-singlePageInline:after { border-left: 2px solid #c7c7c7; border-right: 2px solid #c7c7c7; border-bottom: 2px solid #c7c7c7; border-top: 2px solid rgba(199, 199, 199, 0.5); } .caster-portfolio-wrap .cbp-lazyload img:not([data-cbp-src]) { -webkit-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out; } .caster-portfolio-wrap .cbp-lazyload { background: #252525 !important; } @media (min-width: 992px) { .single-portfolio.container-fluid .wrap { width: auto !important; max-width: 100%; padding-left: 50px; padding-right: 50px; } .single-portfolio.portfolio-details-bottom .entry-meta, .single-portfolio.portfolio-details-top .entry-meta { display: -webkit-box; display: -ms-flexbox; display: flex; } .single-portfolio.portfolio-details-bottom .entry-meta .meta-desc, .single-portfolio.portfolio-details-top .entry-meta .meta-desc { -ms-flex-preferred-size: 67%; flex-basis: 67%; max-width: 67%; margin-right: 8%; } .single-portfolio.portfolio-details-bottom .entry-meta .meta-entries, .single-portfolio.portfolio-details-top .entry-meta .meta-entries { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .single-portfolio.portfolio-details-bottom .entry-meta.no-meta .meta-desc, .single-portfolio.portfolio-details-top .entry-meta.no-meta .meta-desc { width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-right: 0; max-width: 100%; } .single-portfolio.portfolio-details-right .entry-meta { width: 33.33%; float: right; padding-left: 50px; margin-top: -10px; } .single-portfolio.portfolio-details-right .entry-content { width: 66.66%; float: left; } .single-portfolio.portfolio-details-right .portfolio .entry-header .entry-meta .meta-entries { margin-top: 30px; } } @media (max-width: 1024px) { .single-portfolio.full-width .site-content>.wrap { padding-left: 15px; padding-right: 15px; } } @media (max-width: 992px) { .entry-meta.is_stuck { position: static !important; } .entry-meta.is_stuck+div { display: none !important; } .single-portfolio.portfolio-details-bottom .portfolio .meta-entries, .single-portfolio.portfolio-details-right .portfolio .meta-entries, .single-portfolio.portfolio-details-top .portfolio .meta-entries { margin: 25px 0 0; } .single-portfolio.portfolio-details-right .entry-meta-title { margin-top: 40px; } } @media (max-width: 767px) { .single-portfolio .portfolio .entry-header .entry-title { font-size: 40px; line-height: 50px; } .portfolio-navigation-wrap .portfolio-navigation .portfolio-navigation-title a h3 { font-size: 32px; line-height: 42px; } .portfolio-navigation-wrap .portfolio-navigation span { font-size: 12px; } .archive .portfolio-banner h1 { font-size: 34px; line-height: 44px; } } /*-------------------------------------------------------------- Posts --------------------------------------------------------------*/ /* Post Banner */ .blog-banner { padding-bottom: 77px; } .blog-banner .blog-banner-content-wrap { position: relative; } .blog-banner .blog-banner-content-wrap .blog-banner-content .banner-title { font-size: 44px; line-height: 1.2; font-weight: 600; margin-bottom: 0; } .archive .blog-banner .blog-banner-content-wrap .blog-banner-content h1.banner-title, .search .blog-banner .blog-banner-content-wrap .blog-banner-content h1.banner-title { font-size: 44px; font-weight: 600; line-height: 1.2; margin-bottom: 0; } /* Post Listing & Landing Page */ body.blog .site-main article.post, body.single.single-post .site-main article.post, body.archive .site-main article.post, body.attachment.single .site-main article.post, body.search .site-main article.post { margin-bottom: 80px; } body.blog .site-main article.post:last-of-type, body.single.single-post .site-main article.post:last-of-type, body.archive .site-main article.post:last-of-type, body.attachment.single .site-main article.post:last-of-type, body.search .site-main article.post:last-of-type { margin-bottom: 0; } .post, .attachment { /* Entry footer */ } .post .post-media, .attachment .post-media { margin-bottom: 31px; } .post .post-media .post-thumbnail img, .post .post-media .entry-slider img, .attachment .post-media .post-thumbnail img, .attachment .post-media .entry-slider img { display: block; } .post .entry-video, .attachment .entry-video { position: relative; display: block; padding-bottom: 56.25%; overflow: hidden; } .post .entry-video iframe, .attachment .entry-video iframe { margin-bottom: 0; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .post .entry-header .entry-meta, .attachment .entry-header .entry-meta { margin: -10px 0 5px; text-align: left; } .post .entry-header .entry-meta a, .attachment .entry-header .entry-meta a { text-decoration: none; } .post .entry-header .entry-meta span, .attachment .entry-header .entry-meta span { position: relative; } .post .entry-header .entry-meta span.posted-on, .attachment .entry-header .entry-meta span.posted-on { position: relative; padding-right: 31px; display: inline-block; } .post .entry-header .entry-meta span.posted-on:after, .attachment .entry-header .entry-meta span.posted-on:after { position: absolute; content: ''; display: inline-block; color: #9a9a9a; width: 5px; height: 1px; background-color: #9a9a9a; margin: -1px 13px 0; top: 50%; opacity: .9; } .post .entry-header .entry-meta span, .post .entry-header .entry-meta span a, .post .entry-header .entry-meta span time, .attachment .entry-header .entry-meta span, .attachment .entry-header .entry-meta span a, .attachment .entry-header .entry-meta span time { font-size: 13px; font-weight: 400; color: #9a9a9a; opacity: .95; } .post .entry-header .entry-title, .post .entry-header .entry-title a, .attachment .entry-header .entry-title, .attachment .entry-header .entry-title a { font-size: 34px; font-weight: 500; margin-bottom: 11px; text-decoration: none; } .post .entry-header .entry-title:hover, .post .entry-header .entry-title a:hover, .attachment .entry-header .entry-title:hover, .attachment .entry-header .entry-title a:hover { color: #fff; } .post .entry-content .link-more, .attachment .entry-content .link-more { margin-top: 38px; margin-bottom: 0; } .post .entry-content .link-more .more-link, .attachment .entry-content .link-more .more-link { font-size: 14px; font-weight: 500; padding: 13px 27px; background-color: transparent; color: #fff; display: inline-block; -webkit-transition: .2s ease-in; transition: .2s ease-in; line-height: 1; text-decoration: none; border: 1px solid #fff; } .post .entry-content .link-more .more-link:hover, .attachment .entry-content .link-more .more-link:hover { background-color: #fff; color: #090b0b; } .post .entry-footer .footer-links, .attachment .entry-footer .footer-links { display: block; } .post .entry-footer .footer-links:after, .post .entry-footer .footer-links:before, .attachment .entry-footer .footer-links:after, .attachment .entry-footer .footer-links:before { content: ""; display: table; table-layout: fixed; clear: both; } .post .entry-footer .footer-links .tags-links, .attachment .entry-footer .footer-links .tags-links { font-size: 15px; color: #fff; margin-top: 6px; display: block; } .post .entry-footer .footer-links .tags-links img, .attachment .entry-footer .footer-links .tags-links img { opacity: .6; width: 15px; -webkit-transform: rotate(90deg) translateX(1px); transform: rotate(90deg) translateX(1px); } .post .entry-footer .footer-links .tags-links a:first-of-type, .attachment .entry-footer .footer-links .tags-links a:first-of-type { margin-left: 12px; } .post .entry-footer .socials-share-links, .attachment .entry-footer .socials-share-links { margin-top: 36px; } .post .entry-footer .socials-share-links, .post .entry-footer .socials-share-links *, .attachment .entry-footer .socials-share-links, .attachment .entry-footer .socials-share-links * { line-height: normal; } .post .entry-footer .socials-share-links h6, .attachment .entry-footer .socials-share-links h6 { font-size: 17px; margin-bottom: 0; float: left; font-weight: 400; } .post .entry-footer .socials-share-links ul, .attachment .entry-footer .socials-share-links ul { margin: 0; float: right; } .post .entry-footer .socials-share-links ul li, .attachment .entry-footer .socials-share-links ul li { display: inline-block; list-style-type: none; margin-left: 17px; } .post .entry-footer .socials-share-links ul li a, .attachment .entry-footer .socials-share-links ul li a { color: #fff; display: inline-block; text-decoration: none; font-size: 14px; } .post .entry-footer .socials-share-links ul li a i, .attachment .entry-footer .socials-share-links ul li a i { font-size: 12px; } .pagination.navigation { margin-top: 90px; } .pagination, .comments-pagination { text-align: center; } .pagination .page-numbers, .comments-pagination .page-numbers { display: inline-block; color: #fff; text-transform: uppercase; } .pagination a.page-numbers:hover, .comments-pagination a.page-numbers:hover { opacity: .6; } .page-numbers { font-size: 12px; font-weight: 400; } .page-numbers.current { opacity: .3; display: inline-block; } .page-numbers.current .screen-reader-text { display: none; clip: auto; height: auto; overflow: auto; position: relative !important; width: auto; } .prev.page-numbers, .next.page-numbers { display: inline-block; font-size: 13px; position: relative; width: 7px; height: 9px; } .prev.page-numbers:before, .next.page-numbers:before { position: absolute; content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 7px; border-color: transparent transparent transparent #fff; } .prev.page-numbers:hover:before, .next.page-numbers:hover:before { opacity: .6; } .prev.page-numbers:before { border-width: 5px 7px 5px 0; border-color: transparent #fff transparent transparent; } .next.page-numbers { left: -6px; } .navigation.comments-pagination .nav-links, .navigation.pagination .nav-links { display: inline-block; } .navigation.comments-pagination .nav-links a, .navigation.pagination .nav-links a { text-decoration: none; } .navigation.comments-pagination .nav-links>a, .navigation.comments-pagination .nav-links>span, .navigation.pagination .nav-links>a, .navigation.pagination .nav-links>span { padding: 0 13px; } .navigation.comments-pagination .nav-links>a.prev, .navigation.comments-pagination .nav-links>a.next, .navigation.comments-pagination .nav-links>span.prev, .navigation.comments-pagination .nav-links>span.next, .navigation.pagination .nav-links>a.prev, .navigation.pagination .nav-links>a.next, .navigation.pagination .nav-links>span.prev, .navigation.pagination .nav-links>span.next { padding: 0 23px; } .navigation.comments-pagination .prev.page-numbers, .navigation.comments-pagination .next.page-numbers { padding: 0 !important; width: 21px; height: 18px; } .navigation.comments-pagination .prev.page-numbers:before, .navigation.comments-pagination .next.page-numbers:before { top: 9px; } .navigation.comments-pagination .prev.page-numbers i, .navigation.comments-pagination .next.page-numbers i { display: none; } .navigation.comments-pagination .prev.page-numbers:before { left: -3px; } .navigation.comments-pagination .next.page-numbers:before { right: -10px; top: 9px; } /* Post Single Navigation */ .post-navigation { font-weight: 600; margin: 52px 0 11px; border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding: 21px 0 20px; } .post-navigation .nav-links { padding: 0; } .post-navigation .nav-links .nav-previous { float: left; } .post-navigation .nav-links .nav-next { float: right; } .post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next { line-height: 1; } .post-navigation .nav-links .nav-previous:hover, .post-navigation .nav-links .nav-next:hover { opacity: .8; } .post-navigation .nav-subtitle { position: relative; } .post-navigation .nav-previous .nav-subtitle:before, .post-navigation .nav-next .nav-subtitle:after { content: ''; background-image: url("assets/images/svg/chevron.svg"); background-size: 12px 11px; display: inline-block; width: 12px; height: 11px; } .post-navigation .nav-previous .nav-subtitle:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .post-navigation .nav-previous, .post-navigation .nav-previous a, .post-navigation .nav-next, .post-navigation .nav-next a { position: relative; -webkit-transition: .2s ease-in; transition: .2s ease-in; } .post-navigation .nav-previous:hover, .post-navigation .nav-next:hover { opacity: 1; } .post-navigation .nav-previous:hover a, .post-navigation .nav-next:hover a { color: #fff; } .post-navigation .nav-previous:hover .nav-subtitle:before, .post-navigation .nav-previous:hover .nav-subtitle:after, .post-navigation .nav-next:hover .nav-subtitle:before, .post-navigation .nav-next:hover .nav-subtitle:after { opacity: 1; } .post-navigation .nav-previous .nav-subtitle:before { left: 0; margin-right: 6px; } .post-navigation .nav-next .nav-subtitle:after { right: 0; margin-left: 6px; } .post-navigation .nav-previous .nav-subtitle { margin-right: 6px; } .nav-subtitle { background: transparent; font-size: 15px; font-weight: 400; } .post-navigation .nav-next { text-align: right; } .nav-links .nav-title-icon-wrapper { display: none; } /* Blog landing, search, archives */ .search .entry-meta a.post-edit-link { color: #222; display: inline-block; margin-left: 1em; white-space: nowrap; } .search .page .entry-meta a.post-edit-link { margin-left: 0; white-space: nowrap; } /* Post Formats */ body:not(.single):not(.single-post) .post.format-quote, body:not(.single):not(.single-post) .post.format-link, body:not(.single):not(.single-post) .post.format-standard.sticky { background-color: transparent; padding: 105px 50px 50px; position: relative; border: 1px solid #303030; } body:not(.single):not(.single-post) .post.format-quote:after, body:not(.single):not(.single-post) .post.format-link:after, body:not(.single):not(.single-post) .post.format-standard.sticky:after { position: absolute; font-family: 'Font Awesome 5 Free'; top: 31px; left: 50px; font-size: 22px; line-height: 50px; text-align: center; font-weight: 900; color: #343434; } body:not(.single):not(.single-post) .post.format-link:after { content: "\f0c1"; } body:not(.single):not(.single-post) .post.format-standard.sticky:after { content: "\f0c6"; } body:not(.single):not(.single-post) .post.format-link .entry-link { margin-top: 10px; } body:not(.single):not(.single-post) .post.format-link .entry-link a { font-size: 16px; color: #5b5b5b; } body:not(.single):not(.single-post) .post.format-quote { padding: 100px 50px 30px; } body:not(.single):not(.single-post) .post.format-quote:after { content: ''; background-image: url(assets/images/svg/quote.svg); background-repeat: no-repeat; width: 24px; height: 22px; top: 40px; } body:not(.single):not(.single-post) .post.format-quote .entry-quote { margin-top: 10px; } body:not(.single):not(.single-post) .post.format-quote .entry-quote blockquote { padding: 5px 0 8px 0; border-left: 0; background-color: transparent; } body:not(.single):not(.single-post) .post.format-quote .entry-quote blockquote:before { display: none; } body:not(.single):not(.single-post) .post.format-quote .entry-quote blockquote p { margin-bottom: 0; } .format-quote blockquote { overflow: visible; position: relative; } .search-form { position: relative; display: inline-block; width: 100%; } .search-form label { display: none; } .search-form .search-submit { bottom: 3px; padding: 0.5em 1em; position: absolute; right: 0; top: 0; height: 100%; border: 0; border-radius: 0; } body.search.search-no-results #primary.content-area #main.site-main>p { font-size: 24px; line-height: 38px; color: #fff; } body.search.search-no-results .search-field { padding: 15px 59px 15px 15px; } body.search.search-no-results .search-form .search-submit { color: #fff; } body.search.search-no-results .search-form .search-submit:hover { background-color: transparent; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .taxonomy-description { color: #666; font-size: 13px; font-size: 0.8125rem; } .bypostauthor { background: transparent; } /* Blog Media Queries */ @media (max-width: 992px) { body.blog #secondary.widget-area, body.single.single-post #secondary.widget-area, body.archive #secondary.widget-area, body.attachment.single #secondary.widget-area, body.search #secondary.widget-area { margin-top: 100px; } } @media (max-width: 767px) { .blog-banner .blog-banner-content-wrap .blog-banner-content .banner-title { font-size: 40px; line-height: 50px; } .archive .blog-banner .blog-banner-content-wrap .blog-banner-content h1.banner-title, .search .blog-banner .blog-banner-content-wrap .blog-banner-content h1.banner-title { font-size: 34px; line-height: 44px; } .post .entry-header .entry-title, .post .entry-header .entry-title a, .attachment .entry-header .entry-title, .attachment .entry-header .entry-title a { font-size: 28px; line-height: 34px; } } /*-------------------------------------------------------------- Site Layout --------------------------------------------------------------*/ * { -webkit-box-sizing: inherit; box-sizing: inherit; } *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } .site-content { overflow: hidden; } #page { position: relative; word-wrap: break-word; overflow: hidden; } .wrap:after { clear: both; content: ""; display: block; } body { background-color: #090b0b; } body.blog .site-content-contain .site-content, body.single.single-post .site-content-contain .site-content, body.search .site-content-contain .site-content, body.archive .site-content-contain .site-content, body.attachment .site-content-contain .site-content, body.page:not(.elementor-page) .site-content-contain .site-content { padding: 60px 0 120px; } body.single.single-portfolio article.portfolio { padding-top: 60px; } body.single.single-portfolio .portfolio-navigation-wrap { padding-bottom: 120px; } body .wrap { position: relative; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .wrap { max-width: 750px; } } @media (min-width: 992px) { .wrap { max-width: 970px; } .has-sidebar .wrap #primary.content-area { width: 75%; float: left; padding-right: 50px; } .has-sidebar .wrap #secondary.widget-area { float: left; width: 25%; } } @media (min-width: 1200px) { .wrap { max-width: 1200px; } body.has-left-sidebar-menu.blog .site-content-contain .site-content, body.has-left-sidebar-menu.single.single-post .site-content-contain .site-content, body.has-left-sidebar-menu.search .site-content-contain .site-content, body.has-left-sidebar-menu.archive .site-content-contain .site-content, body.has-left-sidebar-menu.attachment .site-content-contain .site-content, body.has-left-sidebar-menu.page:not(.elementor-page) .site-content-contain .site-content { padding-top: 120px; } } @media (max-width: 767px) { body.blog .site-content-contain .site-content, body.single.single-post .site-content-contain .site-content, body.search .site-content-contain .site-content, body.archive .site-content-contain .site-content, body.attachment .site-content-contain .site-content, body.page:not(.elementor-page) .site-content-contain .site-content { padding: 60px 0 80px; } body.single.single-portfolio .portfolio-navigation-wrap { padding-bottom: 80px; } } .elementor-section-boxed>.elementor-container.elementor-column-gap-default { margin-left: -10px; margin-right: -10px; } .elementor-section-boxed>.elementor-container.elementor-column-gap-extended { margin-left: -15px; margin-right: -15px; } .elementor-section-boxed>.elementor-container.elementor-column-gap-wider { margin-left: -30px; margin-right: -30px; } /*-------------------------------------------------------------- Galleries --------------------------------------------------------------*/ .gallery-item { display: inline-block; text-align: center; vertical-align: top; margin: 0 0 1.5em; padding: 0 1em 0 0; width: 50%; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-item a { -webkit-box-shadow: none; box-shadow: none; background: none; display: inline-block; max-width: 100%; } .gallery-item a:hover, .gallery-item a:focus { -webkit-box-shadow: none; box-shadow: none; background: none; display: inline-block; max-width: 100%; } .widget-area .gallery-item a { -webkit-box-shadow: none; box-shadow: none; background: none; display: inline-block; max-width: 100%; } .widget-area .gallery-item a:hover, .widget-area .gallery-item a:focus { -webkit-box-shadow: none; box-shadow: none; background: none; display: inline-block; max-width: 100%; } .gallery-item a img { display: block; -webkit-transition: -webkit-filter 0.2s ease-in; transition: -webkit-filter 0.2s ease-in; transition: filter 0.2s ease-in; transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .gallery-item a:hover img, .gallery-item a:focus img { -webkit-filter: opacity(60%); filter: opacity(60%); } .gallery-caption { display: block; text-align: left; padding: 0 10px 0 0; margin-bottom: 0; } @media screen and (min-width: 30em) { /* Gallery Columns */ .gallery-item { max-width: 25%; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } } @media screen and (min-width: 48em) { /* Gallery Columns */ .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } } /*-------------------------------------------------------------- Media --------------------------------------------------------------*/ .player { max-width: 100% !important; } img, video { height: auto; max-width: 100%; } img.alignleft, img.alignright { margin: 0; } img.alignleft { float: left; margin-right: 1.5em; } img.alignright { float: right; margin-left: 1.5em; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } embed, iframe, object { margin-bottom: 1.5em; max-width: 100%; } p>embed:only-child, p iframe:only-child, p object:only-child { margin-bottom: 0; } .wp-caption-text { color: #9a9a9a; font-size: 12px; line-height: 1.5em; margin-bottom: 1.5em; max-width: 100%; text-align: center; padding: 0.5rem; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /* Lightbox */ .elementor-slideshow__header .swiper-pagination-fraction { margin-right: -79px; } .elementor-slideshow__title { font-weight: 500; color: #fff; } .dialog-type-lightbox { background-color: rgba(9, 11, 11, 0.8); } .elementor-lightbox .elementor-lightbox-image, .elementor-lightbox .elementor-video-container { border-radius: 0; } .elementor-slideshow__counter { font-size: 13px; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(0.9); transform: scale(0.9); } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.2s ease-out; -webkit-transition: all 0.2ss ease-out; transition: all 0.2ss ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .elementor-slideshow__counter { font-size: 13px !important; } .elementor-slideshow__header>i.eicon-share-arrow { display: none !important; } .elementor-slideshow__title { font-weight: 500 !important; } .dialog-type-lightbox { background-color: rgba(9, 11, 11, 0.8) !important; } .elementor-lightbox .elementor-lightbox-image, .elementor-lightbox .elementor-video-container { border-radius: 0 !important; } /* Media Elements */ .mejs-container { margin-bottom: 1.5em; } /* Audio Player */ .mejs-controls a.mejs-horizontal-volume-slider { background: transparent; border: 0; } .mejs-controls a.mejs-horizontal-volume-slider:focus, .mejs-controls a.mejs-horizontal-volume-slider:hover { background: transparent; border: 0; } /* Playlist Color Overrides: Light */ .site-content .wp-playlist-light { border-color: #eee; color: #101010; } .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album { color: #333; } .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist { color: #757575; } .site-content .wp-playlist-light .wp-playlist-item { border-bottom: 1px dotted #eee; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; } .site-content .wp-playlist-light .wp-playlist-item:hover, .site-content .wp-playlist-light .wp-playlist-item:focus { border-bottom-color: rgba(0, 0, 0, 0); background-color: #757575; color: #fff; } .site-content .wp-playlist-light a.wp-playlist-caption:hover { color: #fff; } .site-content .wp-playlist-light .wp-playlist-item:hover a, .site-content .wp-playlist-light .wp-playlist-item:focus a { color: #fff; } .site-content .wp-playlist-dark { background: #222; border-color: #333; } .site-content .wp-playlist-dark .mejs-container .mejs-controls { background-color: #333; } .site-content .wp-playlist-dark .wp-playlist-caption { color: #fff; } .site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album { color: #eee; } .site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist { color: #aaa; } .site-content .wp-playlist-dark .wp-playlist-playing { background-color: #333; } .site-content .wp-playlist-dark .wp-playlist-item { border-bottom: 1px dotted #555; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; } .site-content .wp-playlist-dark .wp-playlist-item:hover, .site-content .wp-playlist-dark .wp-playlist-item:focus { border-bottom-color: rgba(0, 0, 0, 0); background-color: #aaa; color: #222; } .site-content .wp-playlist-dark a.wp-playlist-caption:hover { color: #222; } .site-content .wp-playlist-dark .wp-playlist-item:hover a, .site-content .wp-playlist-dark .wp-playlist-item:focus a { color: #222; } .site-content .wp-playlist { padding: 0.625em 0.625em 0.3125em; } .site-content .wp-playlist-current-item .wp-playlist-item-title { font-weight: 700; } .site-content .wp-playlist-current-item .wp-playlist-item-album { font-style: normal; } .site-content .wp-playlist-current-item .wp-playlist-item-artist { font-size: 10px; font-size: 0.625rem; font-weight: 800; letter-spacing: 0.1818em; text-transform: uppercase; } .site-content .wp-playlist-item { padding: 0 0.3125em; cursor: pointer; } .site-content .wp-playlist-item:last-of-type { border-bottom: none; } .site-content .wp-playlist-item a { padding: 0.3125em 0; border-bottom: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; } .site-content .wp-playlist-item a:focus, .site-content .wp-playlist-item a:hover { -webkit-box-shadow: none; box-shadow: none; background: transparent; } .site-content .wp-playlist-item-length { top: 5px; } figure { margin: 30px 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; position: relative; } .embed-responsive-16by9 iframe { position: absolute; top: 0; left: 0; height: 100%; margin: 0; line-height: 1; border: none; } .caster-swiper-preloader { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #252525; z-index: 1; opacity: 1; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .caster-swiper-preloader:after { content: ''; position: absolute; width: 34px; height: 34px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-animation: cbp-rotation .8s infinite linear; animation: cbp-rotation .8s infinite linear; border-radius: 100%; background-image: none; border-left: 2px solid #c7c7c7; border-right: 2px solid #c7c7c7; border-bottom: 2px solid #c7c7c7; border-top: 2px solid rgba(199, 199, 199, 0.5); } .caster-swiper-slider-wrap { position: relative; } .caster-swiper-slider-wrap .swiper-container.swiper-container-initialized+.caster-swiper-preloader, .caster-swiper-slider-wrap .swiper-container.caster-slider-initialized+.caster-swiper-preloader { opacity: 0; z-index: -1; } .portfolio-carousel.swiper-container-initialized .caster-swiper-preloader, .portfolio-carousel.caster-slider-initialized .caster-swiper-preloader, .portfolio-carousel.caster-portfolio-slider-initialized .caster-swiper-preloader { opacity: 0; z-index: -1; } .caster-swiper-slider-wrap .swiper-button-prev, .caster-swiper-slider-wrap .swiper-button-next, .caster-swiper-container .swiper-button-prev, .caster-swiper-container .swiper-button-next { background-image: none; width: 36px; height: 36px; background-color: #202020; text-align: center; } .caster-swiper-slider-wrap .swiper-button-prev:after, .caster-swiper-slider-wrap .swiper-button-next:after, .caster-swiper-container .swiper-button-prev:after, .caster-swiper-container .swiper-button-next:after { display: none; } .caster-swiper-slider-wrap .swiper-button-prev:hover, .caster-swiper-slider-wrap .swiper-button-next:hover, .caster-swiper-container .swiper-button-prev:hover, .caster-swiper-container .swiper-button-next:hover { opacity: .99; } .caster-swiper-slider-wrap .swiper-button-prev i, .caster-swiper-slider-wrap .swiper-button-next i, .caster-swiper-container .swiper-button-prev i, .caster-swiper-container .swiper-button-next i { color: #fff; font-size: 12px; line-height: 36px; } .caster-swiper-slider-wrap .swiper-button-prev, .caster-swiper-slider-wrap .swiper-button-prev i, .caster-swiper-slider-wrap .swiper-button-next, .caster-swiper-slider-wrap .swiper-button-next i, .caster-swiper-container .swiper-button-prev, .caster-swiper-container .swiper-button-prev i, .caster-swiper-container .swiper-button-next, .caster-swiper-container .swiper-button-next i { -webkit-transition: all .2s ease; transition: all .2s ease; } .caster-swiper-slider-wrap .swiper-button-next, .caster-swiper-container .swiper-button-next { right: 0; } .caster-swiper-slider-wrap .swiper-button-prev, .caster-swiper-container .swiper-button-prev { left: 0; } .caster-swiper-slider-wrap .swiper-pagination-bullet, .caster-swiper-container .swiper-pagination-bullet { width: 10px; height: 10px; background: #858585; opacity: 1; border: 0; } .caster-swiper-slider-wrap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .caster-swiper-container .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px; } .caster-swiper-slider-wrap .swiper-pagination-bullet-active, .caster-swiper-container .swiper-pagination-bullet-active { background: #141919; } .caster-swiper-slider-wrap .swiper-container-horizontal>.swiper-pagination-bullets, .caster-swiper-container .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 21px; } .caster-swiper-slider-wrap .swiper-lazy-preloader, .caster-swiper-container .swiper-lazy-preloader { -webkit-animation: none; animation: none; width: 100%; height: 100%; left: auto; top: auto; margin-top: auto; margin-left: auto; border: 0; border-radius: 0; background-color: #252525; } .caster-swiper-slider-wrap .swiper-lazy-preloader:after, .caster-swiper-container .swiper-lazy-preloader:after { position: absolute; width: 34px; height: 34px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-animation: cbp-rotation .8s infinite linear; animation: cbp-rotation .8s infinite linear; border-radius: 100%; background-image: none; } .caster-swiper-slider-wrap .swiper-lazy-loading, .caster-swiper-container .swiper-lazy-loading { opacity: 0; } .caster-swiper-slider-wrap .swiper-lazy-loaded, .caster-swiper-container .swiper-lazy-loaded { opacity: 1; } .caster-swiper-slider-wrap .swiper-lazy, .caster-swiper-container .swiper-lazy { -webkit-transition: opacity .7s ease-in-out; transition: opacity .7s ease-in-out; } .caster-swiper-slider-wrap .swiper-lazy-preloader:after, .caster-swiper-container .swiper-lazy-preloader:after { border-left: 2px solid #c7c7c7; border-right: 2px solid #c7c7c7; border-bottom: 2px solid #c7c7c7; border-top: 2px solid rgba(199, 199, 199, 0.5); } @media (max-width: 767px) { .swiper-button-next, .swiper-button-prev { display: none; } } .portfolio-listing-wrap .portfolio-thumbnail.lazyload { position: relative; width: 100%; height: 100%; z-index: 1; } .portfolio-listing-wrap .portfolio-thumbnail.lazyload:before { position: absolute; width: 100%; height: 100%; content: ''; background-color: #252525; border: 1px solid #252525; opacity: 1; } .portfolio-listing-wrap .portfolio-thumbnail.lazyload:after { content: ''; position: absolute; width: 34px; height: 34px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-animation: cbp-rotation .8s infinite linear; animation: cbp-rotation .8s infinite linear; border-radius: 100%; background-image: none; border-left: 2px solid #c7c7c7; border-right: 2px solid #c7c7c7; border-bottom: 2px solid #c7c7c7; border-top: 2px solid rgba(199, 199, 199, 0.5); opacity: 1; } .portfolio-listing-wrap .portfolio-thumbnail.lazyload.lazyloaded img { position: relative; } .portfolio-listing-wrap .portfolio-thumbnail.lazyload.lazyloaded:after { -webkit-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; opacity: 0; } /*-------------------------------------------------------------- Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*-------------------------------------------------------------- Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; clear: both; } .alignright { display: inline; float: right; margin-left: 1.5em; clear: both; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } /*-------------------------------------------------------------- Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .post-wrap:before, .post-wrap:after, .socials-share-links:before, .socials-share-links:after, .contact-form-fields-wrap:before, .contact-form-fields-wrap:after { content: ""; display: table; table-layout: fixed; } .entry-content:before, .entry-content:after, .wp-tag-cloud:before, .wp-tag-cloud:after { content: ""; display: table; table-layout: fixed; } .entry-footer:before, .entry-footer:after { content: ""; display: table; table-layout: fixed; } .comment-content:before, .comment-content:after { content: ""; display: table; table-layout: fixed; } .site-header:before, .site-header:after { content: ""; display: table; table-layout: fixed; } .site-content:before, .site-content:after { content: ""; display: table; table-layout: fixed; } .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .nav-links:before, .nav-links:after { content: ""; display: table; table-layout: fixed; } .pagination:before, .pagination:after { content: ""; display: table; table-layout: fixed; } .comment-author:before, .comment-author:after { content: ""; display: table; table-layout: fixed; } .single-portfolio .portfolio:before, .single-portfolio .portfolio:after { content: ""; display: table; table-layout: fixed; } .widget-area:before, .widget-area:after { content: ""; display: table; table-layout: fixed; } .widget:before, .widget:after { content: ""; display: table; table-layout: fixed; } .comment-meta:before, .comment-meta:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .entry-footer:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .nav-links:after, .pagination:after, .comment-author:after, .widget-area:after, .widget:after, .comment-meta:after, .single-portfolio .portfolio:after, .wp-tag-cloud:after, .post-wrap:after, .socials-share-links:after, .subscription-form-widget form, .contact-form-fields-wrap:after { clear: both; } /*-------------------------------------------------------------- Widgets ---------------------------------------------------------------*/ .widget-area p.wp-caption-text { font-size: 13px; } .widget { padding-bottom: 60px; } .widget:last-of-type { padding-bottom: 0; } .widget>ul { margin-top: -4px !important; padding-left: 0; } .widget select { margin-top: 5px; } .widget .wp-caption .wp-caption-text { margin: 0 0 1.5em; padding: 0; } h2.widget-title, .widget-area .widget h1, .widget-area .widget h2, .widget-area .widget h3, .widget-area .widget h4, .widget-area .widget h5, .widget-area .widget h6 { color: #fff; font-size: 22px; line-height: normal; font-weight: 500; position: relative; margin-bottom: 17px; } h2.widget-title:after, .widget-area .widget h1:after, .widget-area .widget h2:after, .widget-area .widget h3:after, .widget-area .widget h4:after, .widget-area .widget h5:after, .widget-area .widget h6:after { content: ''; display: block; width: 18px; height: 2px; margin-top: 12px; } .widget a, .widget li { color: #9a9a9a; } .widget a { text-decoration: none; } /* widget Search */ .widget.widget_search h2.widget-title { margin-bottom: 17px; } .widget.widget_search input[type="search"] { padding: 12px 30px 12px 15px; font-size: 15px; } .widget.widget_search .search-form .search-submit { color: #fff; font-size: 11px; bottom: 0; border: 0; padding: 13px 14px 12px; position: absolute; right: 0; top: 0; border-radius: 0; background-color: transparent; } #secondary.widget-area .wp-block-search__button { padding: 0 20px; } #secondary.widget-area .wp-block-search__label { display: none; } /* Archives & Categories */ .widget.widget_archive li, .widget.widget_categories li { font-size: 14px; } .widget.widget_archive li a, .widget.widget_categories li a { font-size: 15px; } /* widget forms and lists */ .widget select { width: 100%; } .widget ul { list-style: none; margin: 0; } .widget ul li { padding: 2px 0; color: #9a9a9a; } .widget ol li { padding: 0.5em 0; } .widget ul li ul { margin: 0 0 -1px; padding: 0; position: relative; } .widget ul li li { border: 0; padding-left: 13px; padding-bottom: 3px; } /* Widget lists of links */ .widget_top-posts ul li ul, .widget_rss_links ul li ul, .widget-grofile ul.grofile-links li ul, .widget_pages ul li ul, .widget_meta ul li ul { bottom: 0; } .widget_top-posts ul li, .widget_rss_links ul li, .widget-grofile ul.grofile-links li { padding-bottom: 0.25em; padding-top: 0.25em; } .widget_top-posts ul li li, .widget_rss_links ul li li, .widget-grofile ul.grofile-links li li { padding-bottom: 0.25em; padding-top: 0.25em; } /* Widget markup */ .widget .post-date, .widget .rss-date { font-size: 0.81em; } /* Text widget */ .textwidget p { font-size: 15px; line-height: 23px; } .textwidget p:last-of-type { margin-bottom: 0; } .widget_text { word-wrap: break-word; } .widget_text ul { list-style: disc; margin: 0 0 1.5em 1.5em; } .widget_text ol { list-style: decimal; } .widget_text ul li, .widget_text ol li { border: none; } .widget_text ul li:last-child, .widget_text ol li:last-child { padding-bottom: 0; } .widget_text ul li ul { margin: 0 0 0 1.5em; } .widget_text ul li li { padding-left: 0; padding-right: 0; } .widget_text ol li { list-style-position: inside; } .widget_text ol li+li { margin-top: -1px; } .widget_text p strong { color: #fff; } /* RSS Widget */ .widget_rss .widget-title { margin-bottom: 14px; } .widget_rss .widget-title .rsswidget:first-child { display: none; } .widget_rss .widget-title .rsswidget { color: #fff; font-size: 20px; } .widget_rss ul li:first-child { border-top: none; padding-top: 0; } .widget_rss li .rsswidget { font-size: 15px; font-weight: 500; line-height: 1.4; color: #fff; } .widget_rss .rss-date, .widget_rss li cite { display: block; font-size: 11px; font-style: normal; font-weight: 700; letter-spacing: 0.18em; line-height: 1.5; text-transform: uppercase; } .widget_rss .rss-date { color: #808080; margin: 0.5em 0 1.5em; padding: 0; } .widget_rss .rssSummary { margin-bottom: 0.5em; } .widget_rss li .rsswidget { font-size: 16px; line-height: 20px; font-weight: 500; } .widget_rss ul li { padding-bottom: 1em; padding-top: 1em; } .widget_rss .rss-date { margin: 10px 0 10px; letter-spacing: 0.08em; } .widget_rss li cite { color: #fff; font-weight: 400; letter-spacing: 0; font-size: 12px; } /* Contact Info Widget */ .widget_contact_info .contact-map { margin-bottom: 0.5em; } /* Gravatar */ .widget-grofile h4 { font-size: 16px; font-size: 1rem; margin-bottom: 0; } /* Recent Entries */ #secondary.widget-area .wp-block-latest-posts__list.wp-block-latest-posts li { margin-bottom: 0; } #secondary.widget-area .wp-block-latest-posts__list.wp-block-latest-posts li a { font-size: 15px; } /* Recent Comments */ .widget_recent_comments ul { margin-top: -2px !important; } .widget_recent_comments li { margin-bottom: 8px; padding: 3px 0 !important; color: #606060 !important; } .widget_recent_comments li span, .widget_recent_comments li a { color: #9a9a9a; } .widget_recent_comments li:last-of-type { margin-bottom: 0; } .widget_recent_comments li, .widget_recent_comments li a { line-height: 20px; } #secondary.widget-area .wp-block-latest-comments { margin-top: -2px !important; } #secondary.widget-area .wp-block-latest-comments li { margin-bottom: 8px; padding: 3px 0 !important; color: #606060 !important; font-size: 15px; } #secondary.widget-area .wp-block-latest-comments li span, #secondary.widget-area .wp-block-latest-comments li a { color: #9a9a9a; } #secondary.widget-area .wp-block-latest-comments li:last-of-type { margin-bottom: 0; } #secondary.widget-area .wp-block-latest-comments li, #secondary.widget-area .wp-block-latest-comments li a { line-height: 20px; } #secondary.widget-area .wp-block-latest-comments .wp-block-latest-comments__comment-meta a { font-size: 15px; } /* Recent Posts widget */ .widget_recent_entries .post-date { display: block; } /* Tag cloud widget */ .tagcloud { line-height: 1.5; } .tagcloud ul { padding-left: 0; } .tagcloud ul li { float: left; border-top: 0; border-bottom: 0; padding: 0; margin: 0; } .wp-tag-cloud li a, .entry-footer .tags-links a, .wp-block-tag-cloud a { font-size: 15px !important; color: #9a9a9a; line-height: normal; display: inline-block; position: relative; margin-right: 13px; } .wp-tag-cloud li a:after, .entry-footer .tags-links a:after, .wp-block-tag-cloud a:after { position: absolute; content: '/'; display: inline-block; color: #9a9a9a; margin: 0 0 0 3px; } .wp-tag-cloud li:last-of-type a:after, .entry-footer .tags-links a:last-of-type:after { display: none; } /* Calendar widget */ .widget_calendar table { margin-bottom: 0; } .widget_calendar table th { font-size: 15px; color: #fff; } .widget_calendar table caption { margin-bottom: 8px; } .widget_calendar table th, .widget_calendar table td { text-align: center; padding: 6px; font-size: 12px; border: 1px solid #343434; } .widget_calendar table tbody td { color: #9a9a9a; } .widget_calendar table tbody td a { text-decoration: none; color: #fff; } .widget_calendar table tfoot td { border: 0; } /* Gallery widget */ .gallery-columns-5 .gallery-caption, .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* Nav Menu */ .widget_nav_menu .menu { padding-left: 0; } .widget_nav_menu>div>ul>li:first-child { padding-top: 0; } /* Widget Text */ .widget_text .wp-caption.alignnone a { display: block; } .widget_text .wp-caption.alignnone a img { display: block; } .widget_archive ul ul>li>a::before, .widget_categories ul ul>li>a::before, .widget_meta ul ul>li>a::before, .widget_nav_menu ul ul>li>a::before, .widget_pages ul ul>li>a::before, .widget_recent_comments ul ul>li>a::before, .widget_recent_entries ul ul>li>a::before, .widget_rss ul ul>li>a::before, #secondary.widget-area .wp-block-archives-list.wp-block-archives ul>li>a:before { content: "\2013\00a0"; } .widget_archive>ul>li, .widget_categories>ul>li, .widget_meta>ul>li, .widget_nav_menu div>ul>li, .widget_pages>ul>li { position: relative; padding-left: 12px; } .widget_archive>ul>li:before, .widget_categories>ul>li:before, .widget_meta>ul>li:before, .widget_nav_menu div>ul>li:before, .widget_pages>ul>li:before { position: absolute; content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 100%; background-color: #9a9a9a; left: 0; top: 12px; } #secondary.widget-area .wp-block-archives-list.wp-block-archives>li { position: relative; padding-left: 12px; } #secondary.widget-area .wp-block-archives-list.wp-block-archives>li, #secondary.widget-area .wp-block-archives-list.wp-block-archives>li a { font-size: 15px; } #secondary.widget-area .wp-block-archives-list.wp-block-archives>li:before { position: absolute; content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 100%; background-color: #9a9a9a; left: 0; top: 12px; } #secondary.widget-area .wp-block-archives.wp-block-archives-list li a, #secondary.widget-area .wp-block-categories.wp-block-categories-list li a { font-size: 15px; } /*-------------------------------------------------------------- Blocks --------------------------------------------------------------*/ /* Aligned blockquotes */ .entry-content blockquote.alignleft, .entry-content blockquote.alignright { color: #666; font-size: 13px; font-size: 0.8125rem; width: 48%; } .post .entry-content>*.alignleft, .post .entry-content>*.alignright { max-width: calc(4 * (100vw / 12)); } body:not(.has-sidebar) .post .entry-content .wp-block-columns.alignfull { padding-left: 15px; padding-right: 15px; } .post .entry-content>*.alignleft { margin-right: calc(2 * 1rem); margin-left: 0; } .post .entry-content>*.alignright { margin-left: calc(2 * 1rem); margin-right: 0; } .post .entry-content>*.alignwide, .post .entry-summary>*.alignwide { width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; } body:not(.has-sidebar) .post .entry-content>*.alignfull, body:not(.has-sidebar) .post .entry-summary>*.alignfull { position: relative; margin-left: calc(-100vw/2 + 100%/2); margin-right: calc(-100vw/2 + 100%/2); max-width: 100vw; width: calc(100vw - 17px); left: 8px; } body:not(.has-sidebar) .post .entry-content>*.alignfull img, body:not(.has-sidebar) .post .entry-summary>*.alignfull img { width: 100%; } .post .entry-content>*.alignleft, .post .entry-content>*.alignright { max-width: calc(2 * (100vw / 12) + 7%); } .post .entry-content .wp-block-cover-image p a, .post .entry-content .wp-block-cover p a { text-decoration: underline; } .post .entry-content .wp-block-cover-image p a:hover, .post .entry-content .wp-block-cover p a:hover { text-decoration: none; } .wp-block-button { margin-bottom: 20px; } .wp-block-button .wp-block-button__link { -webkit-transition: .2s ease-in; transition: .2s ease-in; } .wp-block-button .wp-block-button__link:hover { cursor: pointer; } .wp-block-button .wp-block-button__link:focus { color: white; outline: thin dotted; outline-offset: -4px; } .wp-block-button:not(.is-style-squared) .wp-block-button__link { border-radius: 0; } .wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link:active { color: #fff; border-width: 1px; border-style: solid; border-color: #fff; } .wp-block-button.is-style-outline .wp-block-button__link:hover { color: #090b0b; background-color: #fff; } .wp-block-button:not(.is-style-squared) .wp-block-button__link { border-radius: 3px; } .wp-block-button:not(.is-style-outline) .wp-block-button__link:active, .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus, .wp-block-button:not(.is-style-outline) .wp-block-button__link:visited { opacity: .9; } .wp-block-button__link, .wp-block-file .wp-block-file__button { outline: none; font-size: 14px; font-weight: 500; padding: 13px 27px; line-height: 1; } .wp-block-file .wp-block-file__button { padding: 12px 22px 10px; font-size: 12px; font-weight: 500; } .has-large-font-size { line-height: 1.4; } .wp-block-image .alignleft { margin-right: 1.5em; } .wp-block-image .alignright { margin-left: 1.5em; } .wp-block-gallery.aligncenter, .wp-block-gallery.alignleft, .wp-block-gallery.alignright { display: -webkit-box; display: -ms-flexbox; display: flex; } .wp-block-image figcaption { margin: 0; } figure.wp-caption.alignnone, figure.wp-caption.aligncenter { max-width: 100% !important; } .wp-block-gallery .blocks-gallery-caption { padding: 5px 0 20px; } .wp-block-search { margin-bottom: 20px; } .wp-block-search .wp-block-search__input { max-width: none; } .wp-block-cover p:not(.has-text-color) { color: #fff; } .wp-block-cover, .wp-block-cover-image { margin-bottom: 30px; } .post .entry-content .wp-block-audio figcaption, .post .entry-content .wp-block-video figcaption, .post .entry-content .wp-block-image figcaption, .post .entry-content .wp-block-gallery .blocks-gallery-image figcaption, .post .entry-content .wp-block-gallery .blocks-gallery-item figcaption { font-size: 13px; color: #9a9a9a; } .post .entry-content .wp-block-gallery .blocks-gallery-image figcaption, .post .entry-content .wp-block-gallery .blocks-gallery-item figcaption { color: #fff; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(transparent)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 70%, transparent); padding: 1rem; } .wp-block-group.has-background { padding: 30px 25px; } .post .entry-content .has-drop-cap:not(:focus):first-letter { font-size: 50px; font-weight: 600; line-height: 1; margin: 0 0.25em 0 0; } .has-small-font-size { font-size: 14px; } .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper, .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper, .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper, .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper, .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper, .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper, .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper { position: relative; } .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before { content: ""; display: block; padding-top: 50%; } .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before { padding-top: 56.25%; } .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe, .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe, .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe, .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe, .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe, .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe, .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .wp-block-embed.is-type-video figcaption { text-align: center; } .wp-block-embed-wordpress-tv.wp-block-embed.is-type-video figcaption { margin-top: .8em; } .wp-block-quote { margin-top: 14px; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { border: 0; padding: 0; margin-bottom: 3rem; background-color: transparent; } .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before { display: none; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 28px; line-height: 1.8; font-style: normal; } .wp-block-quote.is-large cite, .wp-block-quote.is-large cite *, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large cite * { text-align: left; font-style: normal; } .wp-block-quote.has-text-align-right:before { left: auto; right: 45px; } .post .entry-content .wp-block-pullquote blockquote:before { display: none; } .post .entry-content .wp-block-pullquote blockquote p { font-size: 36px; } .post .entry-content .wp-block-pullquote blockquote cite { font-size: 17px; color: #9a9a9a; } .wp-block-pullquote.has-background.is-style-solid-color blockquote.has-text-color.has-very-dark-gray-color { color: #fff; } .wp-block-audio { margin: 30px 0; } .post .entry-content .wp-block-file .wp-block-file__button { display: table; margin-top: calc(0.75 * 1rem); margin-left: 0; border-radius: 0; } .wp-block-embed.is-provider-twitter figcaption { text-align: left; } .wp-block-embed iframe { margin-bottom: 0; } .wp-block-embed figcaption { font-size: 14px; } .wp-block-archives.wp-block-archives-list, .wp-block-categories.wp-block-categories-list { padding-left: 0; list-style-type: none; } .wp-block-archives.wp-block-archives-list ul, .wp-block-categories.wp-block-categories-list ul { list-style-type: none; } .wp-block-archives.wp-block-archives-list li, .wp-block-categories.wp-block-categories-list li { font-size: 15px; } .wp-block-archives.wp-block-archives-list li a, .wp-block-categories.wp-block-categories-list li a { text-decoration: none; font-size: 17px; } .wp-block-archives.wp-block-archives-dropdown { margin-bottom: 20px; } p+.wp-block-archives.wp-block-archives-dropdown { margin-top: -10px; } .wp-block-latest-comments { padding-left: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment-meta a { text-decoration: none; font-size: 17px; } .wp-block-latest-comments .wp-block-latest-comments__comment-date { font-size: 13px; font-weight: 400; color: #808080; } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { font-size: 15px; line-height: 1.4; margin: 8px 0 20px; } .wp-block-latest-posts, .wp-block-latest-posts.is-grid { padding: 0; list-style-type: none; } .wp-block-latest-posts li a, .wp-block-latest-posts.is-grid li a { font-size: 17px; text-decoration: none; } .wp-block-latest-posts .wp-block-latest-posts__post-date, .wp-block-latest-posts.is-grid .wp-block-latest-posts__post-date { color: #808080; } .wp-block-latest-posts li { margin-bottom: 15px; } .wp-block-latest-posts li:last-of-type { margin-bottom: 0; } .wp-block-calendar tfoot a { color: #fff; text-decoration: none; } .wp-block-calendar a { text-decoration: none; } .wp-block-calendar table th { text-align: center; background: transparent; } .wp-block-calendar table caption { margin-bottom: 10px; color: #fff; } .wp-block-calendar tbody td, .wp-block-calendar th { border-color: #343434; } .wp-block-search { position: relative; } .wp-block-search .wp-block-search__input { height: 43px; padding: 12px 128px 15px 12px; } .wp-block-search .wp-block-search__button { position: absolute; bottom: 0; right: 0; border: 0; color: #fff; height: 43px; -webkit-transition: 80ms ease-in; transition: 80ms ease-in; } .wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:focus { opacity: .9; } .wp-block-rss { list-style-type: none; padding-left: 0; } .wp-block-rss a { text-decoration: none; } .wp-block-media-text { margin-bottom: 10px; } @media (max-width: 992px) { .post .entry-content>*.alignleft, .post .entry-content>*.alignright { max-width: calc(4 * (100vw / 12) + 10%); } } @media (max-width: 767px) { .wp-block-pullquote.is-style-solid-color blockquote { max-width: 90%; } .post .entry-content .wp-block-pullquote blockquote p { font-size: 28px; } .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, section.wp-block-cover-image>h2 { font-size: 1.2em; } } /*-------------------------------------------------------------- CTA --------------------------------------------------------------*/ .cta { position: relative; text-align: center; } .cta .cta-background-text { position: relative; color: #0d0f0f; font-size: 130px; line-height: 1; font-weight: 600; letter-spacing: .5px; } .cta .cta-background-text:after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; } .cta a { font-size: 50px; font-weight: 300; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } @media (max-width: 1000px) { .cta .cta-background-text { font-size: 100px; } } @media (max-width: 1025px) { .cta a { font-size: 40px; } } @media (max-width: 767px) { .cta .cta-background-text { font-size: 9vw; } .cta a { font-size: 25px; } } /*-------------------------------------------------------------- Team --------------------------------------------------------------*/ .team-member { margin-bottom: 20px; } .team-member .member-avatar { position: relative; overflow: hidden; } .team-member .member-avatar img { width: 100%; height: auto; display: block; } .team-member .member-avatar .member-info { position: absolute; bottom: 23px; left: 25px; } .team-member .member-avatar .member-info h6 { font-size: 16px; font-weight: 400; line-height: 1; color: #fff; margin-bottom: 1px; } .team-member .member-avatar .member-info span { font-size: 14px; font-weight: 400; color: rgba(255, 255, 255, 0.7); } .team-member .member-avatar .member-socials { position: absolute; right: -46px; top: 49px; -webkit-transform: rotate(270deg); transform: rotate(270deg); opacity: 0; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .team-member .member-avatar .member-socials a { font-size: 13px; font-weight: 400; color: #fff; text-decoration: none; padding-left: 5px; } .team-member .member-avatar:hover .member-socials { opacity: 1; right: -6px; } .team-member .member-avatar .color-overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } /*-------------------------------------------------------------- Buttons --------------------------------------------------------------*/ .button a, .btn-container a { font-size: 14px; font-weight: 500; padding: 13px 27px; background-color: transparent; color: #fff; display: inline-block; -webkit-transition: .2s ease-in; transition: .2s ease-in; line-height: 1; text-decoration: none; border: 1px solid #fff; } .button a:hover, .btn-container a:hover { background: #fff; color: #090b0b; } /*-------------------------------------------------------------- Testimonials --------------------------------------------------------------*/ .testimonials-slider-wrap { padding-left: 205px; position: relative; } .testimonials-slider-wrap:before { content: ''; background-image: url(assets/images/svg/quote.svg); background-repeat: no-repeat; background-size: 36px; width: 36px; height: 36px; top: 20px; left: 85px; display: inline-block; position: absolute; } .testimonials-slider-wrap .testimonials .tml-content p { font-size: 20px; line-height: 36px; font-style: italic; } .testimonials-slider-wrap .testimonials .tml-footer { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; } .testimonials-slider-wrap .testimonials .tml-footer .tml-avator { width: 80px; height: 80px; } .testimonials-slider-wrap .testimonials .tml-footer .tml-avator img { border-radius: 50%; } .testimonials-slider-wrap .testimonials .tml-footer .tml-author { margin-left: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .testimonials-slider-wrap .testimonials .tml-footer .tml-author h4 { font-size: 15px; font-weight: 400; line-height: 1; margin-bottom: 5px; } .testimonials-slider-wrap .testimonials .tml-footer .tml-author span { font-size: 13px; line-height: normal; } .testimonials-slider-wrap .swiper-container-horizontal>.swiper-pagination-bullets, .testimonials-slider-wrap .swiper-pagination-custom, .testimonials-slider-wrap .swiper-pagination-fraction { bottom: 0; text-align: right; } .testimonials-slider-wrap .swiper-pagination-custom, .testimonials-slider-wrap .swiper-pagination-fraction { color: #9a9a9a; font-size: 13px; } .testimonials-slider-wrap .swiper-pagination-bullet { background: rgba(154, 154, 154, 0.8); opacity: 1; } .testimonials-slider-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: .6; } .testimonials-slider-wrap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } @media (max-width: 767px) { .testimonials-slider-wrap { padding-left: 0; padding-top: 90px; } .testimonials-slider-wrap:before { left: 0; } } /*-------------------------------------------------------------- Portfolio Section --------------------------------------------------------------*/ .caster-portfolio-wrap .cbp-l-filters-text { padding: 0; } .caster-portfolio-wrap .cbp-l-filters-text .cbp-filter-item { font-size: 14px; color: #fff; } .caster-portfolio-wrap .cbp-l-subfilters .cbp-filter-item { margin: 0 7px 5px 7px; color: #fff; font-size: 14px; } .caster-portfolio-wrap .cbp-l-subfilters .cbp-filter-item:first-of-type { margin-left: 0; } .caster-portfolio-wrap .cbp-l-subfilters .cbp-filter-item:last-of-type { margin-right: 0; } .caster-portfolio-wrap .cbp-l-subfilters .cbp-filter-item:after { display: none; } .caster-portfolio-wrap .cbp-l-subfilters { margin-top: -25px; margin-bottom: 25px; } .caster-portfolio-wrap .cbp-l-filters-text.text-left, .caster-portfolio-wrap .cbp-l-filters-text.text-left+.cbp-l-subfilters { text-align: left !important; } .caster-portfolio-wrap .cbp-l-filters-text.text-right, .caster-portfolio-wrap .cbp-l-filters-text.text-right+.cbp-l-subfilters { text-align: right !important; } @media (min-width: 767px) { .caster-portfolio-wrap .cbp-l-filters-text .cbp-filter-item { padding: 0; } .caster-portfolio-wrap .cbp-l-filters-text .cbp-filter-item:after { content: '/'; display: inline-block; color: #fff; margin: 0 11px 0 12px; } .caster-portfolio-wrap .cbp-l-filters-text .cbp-filter-item:last-of-type:after { display: none; } } @media (max-width: 767px) { .caster-portfolio-wrap .cbp-l-filters-text .cbp-filter-item:first-of-type { padding-left: 0; } .caster-portfolio-wrap .cbp-l-filters-text .cbp-filter-item:last-of-type { padding-right: 0; } } .caster-portfolio-wrap .cbp .cbp-l-caption-title { line-height: 1.9; } .caster-portfolio-wrap .cbp[data-loadmoreaction="auto"]+#more-projects.load-more { opacity: 0; visibility: hidden; height: 0; margin-top: 0; } .caster-portfolio-wrap .cbp-l-grid-agency-title { color: #fff; font-size: 15px; line-height: 1.4; font-weight: 500; text-align: left; padding: 0; margin-top: 28px; } .caster-portfolio-wrap .cbp-item:hover .cbp-l-grid-agency-title { color: #fff; } .caster-portfolio-wrap .cbp-l-grid-agency-desc { color: #9a9a9a; font-size: 13px; line-height: 1.4; font-weight: 500; text-align: left; margin-top: 3px; } .caster-portfolio-wrap .cbp-l-grid-agency-title.alignCenter, .caster-portfolio-wrap .cbp-l-grid-agency-desc.alignCenter { text-align: center; } .caster-portfolio-wrap .cbp-l-grid-agency-title.alignCenter+.viewproject, .caster-portfolio-wrap .cbp-l-grid-agency-desc.alignCenter+.viewproject { margin-left: auto; margin-right: auto; } .caster-portfolio-wrap .cbp.cbp-caption-custom-effect .view-project { color: #9a9a9a; font-size: 13px; line-height: 1; font-weight: 500; position: relative; display: inline-block; } .caster-portfolio-wrap .cbp.cbp-caption-custom-effect .view-project:after { content: ''; display: inline-block; position: absolute; width: 12px; height: 1px; top: 7px; right: -17px; } .caster-portfolio-wrap .cbp-caption-minimal .cbp-caption-activeWrap { -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s; } .caster-portfolio-wrap .cbp-caption-minimal .cbp-l-caption-title, .caster-portfolio-wrap .cbp-caption-minimal .cbp-l-caption-desc { -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.3s; } .caster-portfolio-wrap #more-projects.load-more { text-align: center; margin-top: 50px; } .caster-portfolio-wrap .cbp.cbp-caption-custom-effect .cbp-item .cbp-caption .cbp-l-grid-agency-desc { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.3s, -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.3s, -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s, opacity cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s, opacity cubic-bezier(0.4, 0, 0.2, 1) 0.3s, -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s; opacity: 1; } .caster-portfolio-wrap .cbp.cbp-caption-custom-effect .cbp-item .cbp-caption .view-project { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0; -webkit-transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.3s, -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.3s, -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s, opacity cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s, opacity cubic-bezier(0.4, 0, 0.2, 1) 0.3s, -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s; } .caster-portfolio-wrap .cbp.cbp-caption-custom-effect .cbp-item .cbp-caption .cbp-caption-defaultWrap { -webkit-transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.3s, -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.3s, -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s, opacity cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s, opacity cubic-bezier(0.4, 0, 0.2, 1) 0.3s, -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s; opacity: 1; } .caster-portfolio-wrap .cbp.cbp-caption-custom-effect .cbp-item .cbp-caption:hover .cbp-l-grid-agency-desc { -webkit-transform: translateY(-25px); transform: translateY(-25px); opacity: 0; } .caster-portfolio-wrap .cbp.cbp-caption-custom-effect .cbp-item .cbp-caption:hover .view-project { opacity: 1; -webkit-transform: translateY(-22px); transform: translateY(-22px); } .caster-portfolio-wrap .cbp.cbp-caption-custom-effect .cbp-item .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: scale(0.98); transform: scale(0.98); opacity: .75; } .elementor-progress-bar { border-radius: 0; } .elementor-progress-percentage { margin-top: -16px; } /*-------------------------------------------------------------- Portfolio Listing --------------------------------------------------------------*/ .portfolio-listing-wrap { line-height: 0; } .portfolio-listing-wrap.listing-vertical-alt .portfolio-list, .portfolio-listing-wrap.listing-zigzag .portfolio-list, .portfolio-listing-wrap.listing-vertical .portfolio-list { margin-bottom: 80px; } .portfolio-listing-wrap.listing-vertical-alt .portfolio-list:last-of-type, .portfolio-listing-wrap.listing-zigzag .portfolio-list:last-of-type, .portfolio-listing-wrap.listing-vertical .portfolio-list:last-of-type { margin-bottom: 0; } .portfolio-listing-wrap.listing-vertical-alt .portfolio-list .pl-content-wrap, .portfolio-listing-wrap.listing-zigzag .portfolio-list .pl-content-wrap, .portfolio-listing-wrap.listing-vertical .portfolio-list .pl-content-wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .portfolio-listing-wrap.listing-vertical-alt .portfolio-list .pl-content-wrap .pl-media, .portfolio-listing-wrap.listing-zigzag .portfolio-list .pl-content-wrap .pl-media, .portfolio-listing-wrap.listing-vertical .portfolio-list .pl-content-wrap .pl-media { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } .portfolio-listing-wrap.listing-vertical-alt .portfolio-list .pl-content-wrap .pl-content, .portfolio-listing-wrap.listing-zigzag .portfolio-list .pl-content-wrap .pl-content, .portfolio-listing-wrap.listing-vertical .portfolio-list .pl-content-wrap .pl-content { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; padding-left: 80px; padding-top: 15px; } .portfolio-listing-wrap.listing-vertical-alt .portfolio-list .pl-content-wrap .pl-content h1, .portfolio-listing-wrap.listing-zigzag .portfolio-list .pl-content-wrap .pl-content h1, .portfolio-listing-wrap.listing-vertical .portfolio-list .pl-content-wrap .pl-content h1 { font-size: 38px; line-height: 1.1; font-weight: 500; margin-bottom: 15px; } .portfolio-listing-wrap.listing-vertical-alt .portfolio-list .pl-content-wrap .pl-content p, .portfolio-listing-wrap.listing-zigzag .portfolio-list .pl-content-wrap .pl-content p, .portfolio-listing-wrap.listing-vertical .portfolio-list .pl-content-wrap .pl-content p { font-size: 14px; line-height: 24px; margin: 0; } .portfolio-listing-wrap.listing-vertical-alt .portfolio-list .pl-content-wrap .pl-content .btn-container, .portfolio-listing-wrap.listing-zigzag .portfolio-list .pl-content-wrap .pl-content .btn-container, .portfolio-listing-wrap.listing-vertical .portfolio-list .pl-content-wrap .pl-content .btn-container { margin-top: 59px; } .portfolio-listing-wrap.listing-zigzag .portfolio-list .pl-content-wrap .pl-media { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .portfolio-listing-wrap.listing-zigzag .portfolio-list .pl-content-wrap .pl-content { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 80px; } .portfolio-listing-wrap.listing-zigzag>.portfolio-list:nth-child(even) .pl-content-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .portfolio-listing-wrap.listing-vertical .portfolio-list .pl-content-wrap { position: relative; } .portfolio-listing-wrap.listing-vertical .portfolio-list .pl-content-wrap .pl-media { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .portfolio-listing-wrap.listing-vertical .portfolio-list .pl-content-wrap .pl-content { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0 0 0 100px; } .portfolio-listing-wrap.listing-vertical .portfolio-list .pl-content-wrap .pl-content p { font-size: 14px; line-height: normal; margin-bottom: 8px; } .portfolio-listing-wrap.listing-vertical .portfolio-list .pl-content-wrap .pl-content h1 { font-size: 26px; } .portfolio-listing-wrap.listing-vertical .portfolio-list .pl-content-wrap .pl-content .btn-container { -webkit-transform: translateY(53px); transform: translateY(53px); } .portfolio-listing-wrap.listing-fullwidth-parallax .portfolio-list { height: 100vh; } .portfolio-listing-wrap.listing-fullwidth-parallax .pl-content-wrap { height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .portfolio-listing-wrap.listing-fullwidth-parallax .pl-content-wrap .pl-content { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 50px; padding-left: 80px; } .portfolio-listing-wrap.listing-fullwidth-parallax .pl-content-wrap .pl-content p { font-size: 14px; font-weight: 500; color: rgba(255, 255, 255, 0.7); margin-bottom: 1px; } .portfolio-listing-wrap.listing-fullwidth-parallax .pl-content-wrap .pl-content h1 { font-size: 42px; font-weight: 600; } .portfolio-listing-wrap.listing-fullwidth-parallax .pl-content-wrap .pl-content .button { margin-top: 15px; } .portfolio-listing-wrap.listing-fullwidth-parallax .pl-content-wrap .pl-content .button.dark a { color: #0A0A0A; border-color: #0a0a0a; } .portfolio-listing-wrap.listing-fullwidth-parallax .pl-content-wrap .pl-content .button.dark a:hover { background-color: #0A0A0A; color: #fff; } .caster-portfolio-wrap .portfolio-listing-wide .cbp-item .desc-wrap-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: 23px; } .caster-portfolio-wrap .portfolio-listing-wide .cbp-item .desc-wrap-container .cbp-l-grid-agency-title { margin-top: 0; font-size: 22px; font-weight: 500; } .caster-portfolio-wrap .portfolio-listing-wide .cbp-item .desc-wrap-container .cbp-l-grid-agency-desc { font-size: 15px; font-weight: 400; color: #9a9a9a; margin-bottom: 4px; } @media (max-width: 767px) { .caster-portfolio-wrap .portfolio-listing-wide .cbp-item .desc-wrap-container { display: block; } .caster-portfolio-wrap .portfolio-listing-wide .cbp-item .desc-wrap-container .btn-container { margin-top: 15px; } } .portfolio-listing-wrap .btn-container a, .portfolio-listing-wide .btn-container a { border: 0; padding: 0; font-weight: 400; position: relative; -webkit-transition: -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s, -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s; } .portfolio-listing-wrap .btn-container a:after, .portfolio-listing-wide .btn-container a:after { content: ""; width: 18px; height: 1px; background-color: #03a696; display: inline-block; -webkit-transform: translateY(-4px); transform: translateY(-4px); margin-left: 8px; -webkit-transition: width cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: width cubic-bezier(0.4, 0, 0.2, 1) 0.3s; } .portfolio-listing-wrap .btn-container a:hover, .portfolio-listing-wide .btn-container a:hover { background-color: transparent; -webkit-transform: translateX(8px); transform: translateX(8px); color: #fff; } .portfolio-listing-wrap .btn-container a:hover:after, .portfolio-listing-wide .btn-container a:hover:after { width: 10px; } .portfolio-listing-wide .btn-container a:hover { -webkit-transform: translateX(2px); transform: translateX(2px); } .portfolio-listing-wide .btn-container a:hover:after { width: 9px; } .portfolio-listing-wrap.listing-zigzag .pl-media, .portfolio-listing-wrap.listing-zigzag .cbp-caption-defaultWrap, .portfolio-listing-wrap.listing-vertical-alt .pl-media, .portfolio-listing-wrap.listing-vertical-alt .cbp-caption-defaultWrap, .portfolio-listing-wrap.listing-vertical .pl-media, .portfolio-listing-wrap.listing-vertical .cbp-caption-defaultWrap, .portfolio-listing-wide .pl-media, .portfolio-listing-wide .cbp-caption-defaultWrap { position: relative; } .portfolio-listing-wrap.listing-zigzag .pl-media:after, .portfolio-listing-wrap.listing-zigzag .cbp-caption-defaultWrap:after, .portfolio-listing-wrap.listing-vertical-alt .pl-media:after, .portfolio-listing-wrap.listing-vertical-alt .cbp-caption-defaultWrap:after, .portfolio-listing-wrap.listing-vertical .pl-media:after, .portfolio-listing-wrap.listing-vertical .cbp-caption-defaultWrap:after, .portfolio-listing-wide .pl-media:after, .portfolio-listing-wide .cbp-caption-defaultWrap:after { -webkit-transition: -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.5s; transition: -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.5s; transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.5s; transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.5s, -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.5s; content: ""; display: block; position: absolute; top: -30px; right: -30px; bottom: -30px; left: -30px; border: solid 30px #090b0b; -webkit-transform: scale(1); transform: scale(1); pointer-events: none; z-index: 1; } .portfolio-listing-wrap.listing-zigzag .pl-media img, .portfolio-listing-wrap.listing-zigzag .cbp-caption-defaultWrap img, .portfolio-listing-wrap.listing-vertical-alt .pl-media img, .portfolio-listing-wrap.listing-vertical-alt .cbp-caption-defaultWrap img, .portfolio-listing-wrap.listing-vertical .pl-media img, .portfolio-listing-wrap.listing-vertical .cbp-caption-defaultWrap img, .portfolio-listing-wide .pl-media img, .portfolio-listing-wide .cbp-caption-defaultWrap img { -webkit-transition: -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.5s; transition: -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.5s; transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.5s; transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.5s, -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.5s; } .portfolio-listing-wrap.listing-zigzag .pl-media:hover:after, .portfolio-listing-wrap.listing-zigzag .cbp-caption-defaultWrap:hover:after, .portfolio-listing-wrap.listing-vertical-alt .pl-media:hover:after, .portfolio-listing-wrap.listing-vertical-alt .cbp-caption-defaultWrap:hover:after, .portfolio-listing-wrap.listing-vertical .pl-media:hover:after, .portfolio-listing-wrap.listing-vertical .cbp-caption-defaultWrap:hover:after, .portfolio-listing-wide .pl-media:hover:after, .portfolio-listing-wide .cbp-caption-defaultWrap:hover:after { -webkit-transform: scale(0.97); transform: scale(0.97); } .portfolio-listing-wrap.listing-zigzag .pl-media:hover img, .portfolio-listing-wrap.listing-zigzag .cbp-caption-defaultWrap:hover img, .portfolio-listing-wrap.listing-vertical-alt .pl-media:hover img, .portfolio-listing-wrap.listing-vertical-alt .cbp-caption-defaultWrap:hover img, .portfolio-listing-wrap.listing-vertical .pl-media:hover img, .portfolio-listing-wrap.listing-vertical .cbp-caption-defaultWrap:hover img, .portfolio-listing-wide .pl-media:hover img, .portfolio-listing-wide .cbp-caption-defaultWrap:hover img { -webkit-transform: scale(1.02); transform: scale(1.02); } .portfolio-listing-wrap.listing-vertical.effect-fade-in-up .portfolio-list, .portfolio-listing-wide.effect-fade-in-up .cbp-item { opacity: 0; -webkit-transform: translateY(200px); transform: translateY(200px); } @media (max-width: 1200px) { .portfolio-listing-wrap.listing-vertical-alt .portfolio-list .pl-content-wrap .pl-content, .portfolio-listing-wrap.listing-vertical .portfolio-list .pl-content-wrap .pl-content { padding-left: 40px; } .portfolio-listing-wrap.listing-vertical-alt .portfolio-list .pl-content-wrap .pl-content h1 { font-size: 30px; } } @media (max-width: 992px) { .portfolio-listing-wrap.listing-zigzag .portfolio-list .pl-content-wrap .pl-content h1 { font-size: 30px; } .portfolio-listing-wrap.listing-zigzag .portfolio-list .pl-content-wrap .pl-content { padding: 0 40px; } .portfolio-listing-wrap.listing-vertical .portfolio-list .pl-content-wrap .pl-content .btn-container { -webkit-transform: none; transform: none; } .portfolio-listing-wrap.listing-fullwidth-parallax .pl-content-wrap .pl-content { padding-left: 20px; } } @media (max-width: 767px) { .portfolio-listing-wrap.listing-vertical-alt .portfolio-list .pl-content-wrap, .portfolio-listing-wrap.listing-zigzag .portfolio-list .pl-content-wrap, .portfolio-listing-wrap.listing-vertical .portfolio-list .pl-content-wrap { display: block; } .portfolio-listing-wrap.listing-vertical-alt .portfolio-list .pl-content-wrap .pl-media, .portfolio-listing-wrap.listing-vertical-alt .portfolio-list .pl-content-wrap .pl-content, .portfolio-listing-wrap.listing-zigzag .portfolio-list .pl-content-wrap .pl-media, .portfolio-listing-wrap.listing-zigzag .portfolio-list .pl-content-wrap .pl-content, .portfolio-listing-wrap.listing-vertical .portfolio-list .pl-content-wrap .pl-media, .portfolio-listing-wrap.listing-vertical .portfolio-list .pl-content-wrap .pl-content { max-width: none; } .portfolio-listing-wrap.listing-vertical-alt .portfolio-list .pl-content-wrap .pl-content, .portfolio-listing-wrap.listing-zigzag .portfolio-list .pl-content-wrap .pl-content, .portfolio-listing-wrap.listing-vertical .portfolio-list .pl-content-wrap .pl-content { padding-left: 0; padding-top: 35px; } .portfolio-listing-wrap.listing-vertical-alt .portfolio-list .pl-content-wrap .pl-content .btn-container, .portfolio-listing-wrap.listing-zigzag .portfolio-list .pl-content-wrap .pl-content .btn-container, .portfolio-listing-wrap.listing-vertical .portfolio-list .pl-content-wrap .pl-content .btn-container { margin-top: 29px; } .portfolio-listing-wrap.listing-fullwidth-parallax .pl-content-wrap .pl-content { background-color: rgba(0, 0, 0, 0.2); } } /*-------------------------------------------------------------- Portfolio slider --------------------------------------------------------------*/ .swiper-container, .caster-swiper-container { overflow: hidden; } .swiper-container.single-project .swiper-pagination, .swiper-container.multiple-projects .swiper-pagination, .caster-swiper-container.single-project .swiper-pagination, .caster-swiper-container.multiple-projects .swiper-pagination { position: static; margin-top: 18px; } .swiper-container.single-project, .caster-swiper-container.single-project { position: relative; } .swiper-container.single-project .swiper-slide, .caster-swiper-container.single-project .swiper-slide { height: 100%; overflow-y: hidden; } .swiper-container.single-project .swiper-slide .swiper-slide-item, .caster-swiper-container.single-project .swiper-slide .swiper-slide-item { background-position: center; background-size: cover; background-repeat: no-repeat; height: 100%; } .swiper-container.single-project.pre-load.caster-portfolio-slider-initialized, .caster-swiper-container.single-project.pre-load.caster-portfolio-slider-initialized { overflow: visible; } .swiper-container.single-project.pre-load.caster-portfolio-slider-initialized .caster-swiper-preloader, .caster-swiper-container.single-project.pre-load.caster-portfolio-slider-initialized .caster-swiper-preloader { opacity: 0; z-index: -1; } .swiper-container.single-project.lazy-load.caster-portfolio-slider-initialized, .caster-swiper-container.single-project.lazy-load.caster-portfolio-slider-initialized { overflow: visible; } .swiper-container.single-project:before, .caster-swiper-container.single-project:before { position: absolute; content: ""; width: 100%; height: 100%; background-color: #090b0b; left: -100%; z-index: 2; } .swiper-container.single-project .swiper-slide-item, .caster-swiper-container.single-project .swiper-slide-item { position: relative; } .swiper-container.single-project .swiper-slide-item .swiper-image-wrap img, .caster-swiper-container.single-project .swiper-slide-item .swiper-image-wrap img { display: block; } .swiper-container.single-project .swiper-slide-item .swiper-title-wrap, .caster-swiper-container.single-project .swiper-slide-item .swiper-title-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .swiper-container.single-project .swiper-slide-item .swiper-title-wrap h1, .caster-swiper-container.single-project .swiper-slide-item .swiper-title-wrap h1 { position: absolute; top: 45%; left: 50%; -webkit-transform: translate(-50%, 70%); transform: translate(-50%, 70%); font-size: 60px; font-weight: 600; color: #fff; margin: 0; width: 100%; text-align: center; opacity: 0; } .swiper-container.single-project .swiper-slide-item .swiper-title-wrap h1 a:hover, .caster-swiper-container.single-project .swiper-slide-item .swiper-title-wrap h1 a:hover { color: inherit; } @media (max-width: 399px) { .swiper-container.single-project .swiper-slide-item .swiper-title-wrap h1, .caster-swiper-container.single-project .swiper-slide-item .swiper-title-wrap h1 { top: 32%; line-height: 1; } } .swiper-container.multiple-projects, .caster-swiper-container.multiple-projects { margin-right: calc(-100vw / 2 + 100% / 2); } .swiper-container.multiple-projects .swiper-slide, .caster-swiper-container.multiple-projects .swiper-slide { opacity: 0; } .swiper-container.multiple-projects.caster-portfolio-slider-initialized .swiper-slide, .caster-swiper-container.multiple-projects.caster-portfolio-slider-initialized .swiper-slide { opacity: 1; } .swiper-container.multiple-projects .swiper-title, .caster-swiper-container.multiple-projects .swiper-title { line-height: 1.4; } .swiper-container.multiple-projects .swiper-caption-wrap, .caster-swiper-container.multiple-projects .swiper-caption-wrap { text-decoration: none; } .swiper-container.multiple-projects .swiper-caption-wrap .swiper-image-wrap, .caster-swiper-container.multiple-projects .swiper-caption-wrap .swiper-image-wrap { -webkit-transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.3s, -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.3s, -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s, opacity cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s, opacity cubic-bezier(0.4, 0, 0.2, 1) 0.3s, -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s; opacity: 1; position: relative; } .swiper-container.multiple-projects .swiper-caption-wrap .swiper-image-wrap .swiper-lazy-preloader, .caster-swiper-container.multiple-projects .swiper-caption-wrap .swiper-image-wrap .swiper-lazy-preloader { top: 0; } .swiper-container.multiple-projects .swiper-caption-wrap:hover .swiper-image-wrap, .caster-swiper-container.multiple-projects .swiper-caption-wrap:hover .swiper-image-wrap { -webkit-transform: scale(0.98); transform: scale(0.98); opacity: 0.75; } .swiper-container.multiple-projects .swiper-caption-body, .caster-swiper-container.multiple-projects .swiper-caption-body { text-align: center; } .swiper-container.multiple-projects .swiper-caption-body .swiper-title, .caster-swiper-container.multiple-projects .swiper-caption-body .swiper-title { font-size: 18px; font-weight: 500; margin-top: 21px; margin-bottom: 3px; } .swiper-container.multiple-projects .swiper-caption-body .swiper-subtitle, .caster-swiper-container.multiple-projects .swiper-caption-body .swiper-subtitle { font-size: 15px; font-weight: 400; } .swiper-container.multiple-projects.content-under-image, .caster-swiper-container.multiple-projects.content-under-image { text-align: left; } .swiper-container.multiple-projects.content-under-image .swiper-title, .caster-swiper-container.multiple-projects.content-under-image .swiper-title { text-decoration: none; color: #fff; font-size: 15px; font-weight: 500; margin-top: 16px; } .swiper-container.multiple-projects.content-under-image .swiper-subtitle, .caster-swiper-container.multiple-projects.content-under-image .swiper-subtitle { text-decoration: none; color: #9a9a9a; font-size: 13px; font-weight: 400; } .swiper-container.fullscreen-projects .swiper-slide, .caster-swiper-container.fullscreen-projects .swiper-slide { height: 100vh; } .swiper-container.fullscreen-projects .swiper-slide .swiper-slide-item, .caster-swiper-container.fullscreen-projects .swiper-slide .swiper-slide-item { background-position: center; background-size: cover; background-repeat: no-repeat; height: 100%; } .swiper-container.fullscreen-projects .swiper-slide .swiper-slide-item .swiper-title-wrap, .caster-swiper-container.fullscreen-projects .swiper-slide .swiper-slide-item .swiper-title-wrap { padding-left: 80px; padding-top: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .swiper-container.fullscreen-projects .swiper-slide .swiper-slide-item .swiper-title-wrap p, .caster-swiper-container.fullscreen-projects .swiper-slide .swiper-slide-item .swiper-title-wrap p { color: #fff; font-size: 14px; font-weight: 400; margin-bottom: 5px; -webkit-transform: translateY(60%); transform: translateY(60%); opacity: 0; } .swiper-container.fullscreen-projects .swiper-slide .swiper-slide-item .swiper-title-wrap h1, .caster-swiper-container.fullscreen-projects .swiper-slide .swiper-slide-item .swiper-title-wrap h1 { font-size: 42px; font-weight: 500; -webkit-transform: translateY(60%); transform: translateY(60%); opacity: 0; } .swiper-container.fullscreen-projects .swiper-pagination, .caster-swiper-container.fullscreen-projects .swiper-pagination { text-align: left; padding-left: 82px; bottom: 30px; font-size: 13px; font-weight: 400; } .swiper-container.fullscreen-projects .swiper-button-next, .swiper-container.fullscreen-projects .swiper-button-prev, .caster-swiper-container.fullscreen-projects .swiper-button-next, .caster-swiper-container.fullscreen-projects .swiper-button-prev { top: auto; bottom: 30px; width: 25px; height: 25px; background-color: transparent; } .swiper-container.fullscreen-projects .swiper-button-next i, .swiper-container.fullscreen-projects .swiper-button-prev i, .caster-swiper-container.fullscreen-projects .swiper-button-next i, .caster-swiper-container.fullscreen-projects .swiper-button-prev i { line-height: normal; color: #141919; } .swiper-container.fullscreen-projects .swiper-button-prev, .caster-swiper-container.fullscreen-projects .swiper-button-prev { left: auto; right: 115px; } .swiper-container.fullscreen-projects .swiper-button-next, .caster-swiper-container.fullscreen-projects .swiper-button-next { left: auto; right: 80px; } .swiper-container.fullscreen-projects.light-controls .swiper-pagination, .caster-swiper-container.fullscreen-projects.light-controls .swiper-pagination { color: #fff; } .swiper-container.fullscreen-projects.light-controls .swiper-button-next i, .swiper-container.fullscreen-projects.light-controls .swiper-button-prev i, .caster-swiper-container.fullscreen-projects.light-controls .swiper-button-next i, .caster-swiper-container.fullscreen-projects.light-controls .swiper-button-prev i { color: #fff; } .swiper-container.fullscreen-projects.light-controls .swiper-pagination-bullet, .caster-swiper-container.fullscreen-projects.light-controls .swiper-pagination-bullet { background-color: rgba(255, 255, 255, 0.4); } .swiper-container.fullscreen-projects.light-controls .swiper-pagination-bullet.swiper-pagination-bullet-active, .caster-swiper-container.fullscreen-projects.light-controls .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff; } @media (max-width: 992px) { .swiper-container.multiple-projects, .caster-swiper-container.multiple-projects { margin-right: auto; } .swiper-container.fullscreen-projects .swiper-slide .swiper-slide-item .swiper-title-wrap, .caster-swiper-container.fullscreen-projects .swiper-slide .swiper-slide-item .swiper-title-wrap { padding-left: 20px; padding-top: 20px; } .swiper-container.fullscreen-projects .swiper-pagination, .caster-swiper-container.fullscreen-projects .swiper-pagination, .swiper-container.fullscreen-projects .swiper-button-prev, .caster-swiper-container.fullscreen-projects .swiper-button-prev, .swiper-container.fullscreen-projects .swiper-button-next, .caster-swiper-container.fullscreen-projects .swiper-button-next { display: none; } } @media (max-width: 767px) { body.dark .swiper-container.fullscreen-projects .swiper-slide .swiper-slide-item .swiper-title-wrap, body.dark .caster-swiper-container.fullscreen-projects .swiper-slide .swiper-slide-item .swiper-title-wrap { background-color: rgba(0, 0, 0, 0.2); } } /*-------------------------------------------------------------- Portfolio Carousel --------------------------------------------------------------*/ .portfolio-carousel .swiper-image-wrap { position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; } .portfolio-carousel .swiper-caption-wrap .swiper-caption-activewrap { background-color: rgba(0, 0, 0, 0.9); position: absolute; height: 100%; width: 100%; text-align: center; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .portfolio-carousel .swiper-caption-wrap .swiper-caption-body { position: absolute; top: 52%; right: 0; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .portfolio-carousel .swiper-caption-wrap .swiper-caption-body .swiper-title { transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s, opacity cubic-bezier(0.4, 0, 0.2, 1) 0.3s, -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s; -webkit-transform: translateY(-5px); transform: translateY(-5px); opacity: 0; } .portfolio-carousel .swiper-caption-wrap .swiper-caption-body .swiper-subtitle { transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s, opacity cubic-bezier(0.4, 0, 0.2, 1) 0.3s, -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s; -webkit-transform: translateY(5px); transform: translateY(5px); opacity: 0; } .portfolio-carousel .swiper-caption-wrap:hover .swiper-caption-activewrap { opacity: 1; } .portfolio-carousel .swiper-caption-wrap:hover .swiper-caption-body .swiper-title, .portfolio-carousel .swiper-caption-wrap:hover .swiper-caption-body .swiper-subtitle { opacity: 1; -webkit-transform: translate(0); transform: translate(0); } .portfolio-carousel.carousel-full-height .swiper-image-wrap { height: 100vh; } body.has-left-hamburger-menu .swiper-button-next, body.has-left-hamburger-menu .swiper-button-prev { z-index: 1; } #tooltip { position: absolute; background: #090b0b; padding: 15px 25px; z-index: 999; top: 50%; left: 50%; pointer-events: none; visibility: hidden; overflow: hidden; } #tooltip.active { visibility: visible; } #tooltip .tooltip-info-inner { display: inline-block; } #tooltip .entry-desc { margin-bottom: 3px; white-space: nowrap; } #tooltip h5 { margin-bottom: 0; white-space: nowrap; } /*-------------------------------------------------------------- Portfolio Split Slider --------------------------------------------------------------*/ .portfolio-split-slider .full-width-bg-image { background-position: center; background-repeat: no-repeat; background-size: cover; } .portfolio-split-slider .caster-ms-left .caster-ms-section .title-wrap { text-align: right; padding: 25px 100px 0 0; } .portfolio-split-slider .caster-ms-section .title-wrap { padding: 25px 0 0 100px; } .portfolio-split-slider .caster-ms-section .title-wrap h1 { font-size: 42px; font-weight: 600; line-height: 1.1; margin-bottom: 40px; } .portfolio-split-slider .caster-ms-section .title-wrap p { margin: 0 0 11px 0; font-size: 14px; font-weight: 500; } .portfolio-split-slider .caster-ms-section .title-wrap .btn-container { margin-top: 25px; } .portfolio-split-slider .caster-ms-left:not(.ms-left), .portfolio-split-slider .caster-ms-right:not(.ms-right) { width: 50%; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 100vh; } .portfolio-split-slider .caster-ms-left:not(.ms-left) .caster-ms-section, .portfolio-split-slider .caster-ms-right:not(.ms-right) .caster-ms-section { height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .portfolio-split-slider .caster-ms-left:not(.ms-left) { float: left; } .portfolio-split-slider .caster-ms-left:not(.ms-left) .caster-ms-section { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .portfolio-split-slider .caster-ms-right:not(.ms-right) { float: right; } body:not(.elementor-editor-wp-page) .portfolio-split-slider { height: 100vh; } body:not(.elementor-editor-wp-page) .portfolio-split-slider .full-width-bg-image { width: 100%; } #multiscroll-nav span { border: 1px solid #fff !important; } #multiscroll-nav li .active span { background: #fff !important; } #multiscroll-nav span { width: 10px !important; height: 10px !important; } #multiscroll-nav li { margin-top: 8px !important; margin-bottom: 8px !important; } @media (min-width: 768px) and (max-width: 1199px) { .portfolio-split-slider .caster-ms-right .caster-ms-section .title-wrap { padding: 0 60px; } .portfolio-split-slider .caster-ms-right .caster-ms-section .title-wrap h1 { font-size: 40px; } } @media (max-width: 991px) { .caster-ms-left.ms-left, .caster-ms-right.ms-right { width: 100% !important; } .portfolio-split-slider .caster-ms-right .caster-ms-section:not(.ms-table), .portfolio-split-slider .caster-ms-left .caster-ms-section:not(.ms-table) { height: 100vh; width: 100%; float: right; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ms-section.ms-table { background-color: rgba(9, 11, 11, 0.3); } .portfolio-split-slider .caster-ms-right .caster-ms-section .title-wrap { padding: 0 70px 0 40px; } .portfolio-split-slider .caster-ms-section .title-wrap p { color: #fff; } .portfolio-split-slider .full-width-bg-image { z-index: -1; } .portfolio-split-slider .caster-ms-left .caster-ms-section .title-wrap { text-align: left; padding: 0 70px 0 40px; } } entry-header>* { text-align: left !important; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | ���֧ߧ֧�ѧ�ڧ� ����ѧߧڧ��: 0.69 |
proxy
|
phpinfo
|
���ѧ����ۧܧ�