/*! Theme Name: BlogZ Theme URI: https://gretathemes.com/wordpress-themes/blogz/ Author: GretaThemes Author URI: https://gretathemes.com Description: A modern, clean and minimal WordPress blog theme. BlogZ has an elegant look and lots of customization for your blog. Built on the latest technology of WordPress, BlogZ is lightweight, fast and optimized for all mobile phones. Version: 0.3 Requires at least: 4.5 Tested up to: 5.0 Requires PHP: 5.6 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: blogz Tags: blog, food-and-drink, photography, grid-layout, one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, custom-header, editor-style, featured-images, threaded-comments, translation-ready, microformats, sticky-post, theme-options, rtl-language-support, block-styles, wide-blocks This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. BlogZ is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /* FONTS */ /* COLORS */ :root { --main-color: #009bdf; --text-main-color: #333; --link-color: #009bdf; --archive-post-title-color: #111; --main-menu-color: #555; --main-menu-hover-color: #009bdf; --page-header-color: #fff; --meta-color: #9a9a9a; --button-hover-color: #007db3; } body { font-family: Georgia, Times, Times New Roman, serif; color: var(--text-main-color); font-size: 18px; line-height: 1.94; background: #f8f8f8; } h1, h2, h3, h4, h5, h6 { font-family: "Montserrat", sans-serif; line-height: 1.44; margin: 1.5em 0 0.8em; } h1 { font-size: 36px; } h2 { font-size: 28px; } h3 { font-size: 24px; } h4 { font-size: 20px; } u { color: var(--main-color); } figure { margin: 0 0 1.6em; } .gallery { margin: -10px -5px 1.5em; display: flex; flex-wrap: wrap; } .gallery figure { margin: 0; } .gallery-item { padding: 10px 5px 0; } p { margin: 0 0 2.3em; } /* LINK */ a { color: var(--link-color); } a:hover, a:focus { color: var(--link-color); } .dropcap { font-weight: bold; color: #111; font-size: 11.8rem; float: left; line-height: 0.2; padding: 36px 0; border-radius: 3px; margin-right: 17px; margin-top: 7px; text-transform: uppercase; } .important-text { font-weight: bold; padding-left: 30px; margin-left: 40px; border-left: 3px solid var(--main-color); letter-spacing: 0.03em; } /* TABLE */ table { margin: 0 0 3em; width: 100%; font-size: 16px; } table .aligncenter { margin: 0 auto; } @media (max-width: 767px) { table { font-size: 12px; } } thead tr { background: #f8f8f8; } tr { border-bottom: 1px solid #e2e2e2; } th { font-weight: 600; color: #111; font-family: "Montserrat", sans-serif; } th, td { text-align: center; padding: 26px 5px; border: none; } td { color: #777; } /* LIST */ ol, ul { padding-left: 58px; } .entry-content li > ul, .entry-content li > ol, .comment-content li > ul, .comment-content li > ol { padding-left: 17px; } .entry-content ul li:not(.blocks-gallery-item), .entry-content ol li:not(.blocks-gallery-item), .comment-content ul li:not(.blocks-gallery-item), .comment-content ol li:not(.blocks-gallery-item) { padding-left: 17px; } .entry-content ul li:not(.blocks-gallery-item) + li, .entry-content ol li:not(.blocks-gallery-item) + li, .comment-content ul li:not(.blocks-gallery-item) + li, .comment-content ol li:not(.blocks-gallery-item) + li { margin-top: 20px; } .entry-content ul li:not(.blocks-gallery-item) li:first-child, .entry-content ol li:not(.blocks-gallery-item) li:first-child, .comment-content ul li:not(.blocks-gallery-item) li:first-child, .comment-content ol li:not(.blocks-gallery-item) li:first-child { margin-top: 20px; } .entry-content ul.contact-info li, .comment-content ul.contact-info li { margin: 0 !important; } .bg-cover { background-size: cover; background-position: center; background-repeat: no-repeat; } .justify-content-between { justify-content: space-between; } .bg-overlay:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 17, 17, 0.6); } @media (min-width: 1200px) { .container { max-width: 1200px; } } .content-area { background: #fff; position: relative; padding: 60px 15px; z-index: 3; } @media (min-width: 992px) { .content-area { padding: 80px 140px; } .home .content-area { padding-bottom: 40px; } } .site-header { background: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .site-header .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; position: relative; } @media (max-width: 991px) { .site-header .container { padding-top: 20px; padding-bottom: 20px; } } .site-header .site-title { font-size: 36px; font-family: "Montserrat", sans-serif; font-weight: bold; margin: 0; line-height: 1.1; } .site-header .site-title a { color: #111; } .site-header .site-title .custom-logo-link + .site-title { margin: 10px 0 0; } .site-header .header-icons { margin-left: 14px; } .site-header .header-icons > * { color: #555; background: transparent; border: 1px solid #555; height: 40px; width: 40px; line-height: 40px; font-size: 14px; border-radius: 50%; text-align: center; display: inline-block; } .site-header .header-icons a { color: inherit; } .site-header .header-icons .search-toggle { display: block; } .site-header .header-icons .search-toggle i { speak: none; font: normal normal normal 16px/1 'IcoFont'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .site-header .header-icons .search-toggle i:before { content: '\ed1b'; color: #000; } .site-header .header-icons .menu-toggle { padding: 0; margin-left: 6px; } .sticky-header .site-header { position: sticky; top: 0; z-index: 998; } .sticky-header.admin-bar .site-header { top: 32px; } @media (max-width: 782px) { .sticky-header.admin-bar .site-header { top: 46px; } } @media (max-width: 600px) { .sticky-header.admin-bar .site-header { top: 0; } } .topbar { padding: 20px 0; background: #fff; border-bottom: 1px solid #e2e2e2; } .topbar .jetpack-social-navigation a { color: #555; } .topbar .jetpack-social-navigation a:hover { color: var(--main-color); } .topbar__text { color: #555; font-size: 16px; } .page-header { padding: 7.29167% 0; background-attachment: fixed; position: relative; color: var(--page-header-color); font-family: "Montserrat", sans-serif; flex-direction: column; } @media (min-width: 992px) { .page-header { margin-bottom: -60px; } } body:not(.single-post) .page-header { text-align: center; } .single .page-header .entry-title:after { display: none; } .page-header .page-title { margin-bottom: 0; } .page-header .cat-links a { margin-bottom: 30px; } .single-post .page-header { padding: 10.9375% 0; } .single-post .page-header .entry-meta { color: var(--page-header-color); } .single-post .page-header .entry-meta a { color: var(--page-header-color); } @media (min-width: 1200px) { .page-header .container { max-width: 760px; padding: 0; } } .page-header .header-inner { z-index: 2; position: relative; } .page-header .entry-title { margin: 0px 0 16px; } @media (max-width: 1199px) { .page-header .entry-title { font-size: 33px; } } .page-header .avatar { border-radius: 50%; margin-right: 5px; } @media (max-width: 575px) { .page-header { text-align: center; } .page-header .entry-title:after { margin: 25px auto 0; } .page-header .entry-meta img { margin: 0 auto 10px; } .page-header .entry-meta > * { display: block; } .page-header .entry-meta span + span { margin: 0; } } .breadcrumbs { list-style-type: none; padding: 0; margin: 3px 0 0 5px; display: inline-block; font-size: 13px; font-family: "Montserrat", sans-serif; font-weight: 500; } .breadcrumbs a, .breadcrumbs i { color: #9a9a9a; } .breadcrumbs a:hover { color: var(--main-color); } .breadcrumbs i { margin: 0 8px; } .breadcrumbs-item { display: inline-block; } .breadcrumbs-item:last-of-type { color: var(--main-color); } .pagination { text-align: center; padding-top: 40px; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 14px; } .pagination .nav-links > * { border: 1px solid #e2e2e2; border-radius: 50%; color: #111; margin: 0 2px 6px 0; display: inline-block; width: 40px; height: 40px; line-height: 40px; } .pagination .nav-links > *:last-child { margin-right: 0; } .pagination .nav-links a:hover, .pagination .nav-links .current { color: #fff; background-color: var(--main-color); border: 1px solid var(--main-color); } .pagination .nav-links .dots { background: none; border: none; } .main-navigation { z-index: 99; } @media (max-width: 991px) { .main-navigation { display: none; } } .main-navigation a { font-family: "Montserrat", sans-serif; font-size: 13px; line-height: inherit; color: var(--main-menu-color); border-bottom: 3px solid transparent; } .main-navigation a:hover { color: var(--main-menu-hover-color); } .main-navigation ul ul { left: 0; } .main-navigation ul.primary-menu { display: flex; flex-wrap: wrap; justify-content: flex-end; } .main-navigation ul.primary-menu > li > a { padding: 40px 20px; } .main-navigation ul.primary-menu > li.current_page_item > a, .main-navigation ul.primary-menu > li.current-menu-item > a, .main-navigation ul.primary-menu > li.current_page_ancestor > a, .main-navigation ul.primary-menu > li.current-menu-ancestor > a { color: var(--main-color); border-bottom: 3px solid var(--main-color); } .main-navigation ul.primary-menu > li.menu-item-has-children > a:after { speak: none; font: normal normal normal 16px/1 'IcoFont'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea67"; } .main-navigation ul.primary-menu > li li.menu-item-has-children > a:after { speak: none; font: normal normal normal 16px/1 'IcoFont'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea69"; } .jetpack-social-navigation a { color: #fff; } input[type="submit"], button, .button, article.format-quote .more-link a, .cat-links a { border: none; background: var(--main-color); display: inline-block; border-radius: 25px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-size: 11px; transition: 0.3s ease; padding: 10px 38px; color: #fff; letter-spacing: 0.04em; line-height: inherit; } input[type="submit"]:hover, button:hover, .button:hover, article.format-quote .more-link a:hover, .cat-links a:hover { background: var(--button-hover-color); } .more-link a:hover i { background: var(--button-hover-color); } .more-link a:hover { color: var(--button-hover-color); } .ads-banner { margin-top: -1px; } .entry-meta { font-family: "Montserrat", sans-serif; font-size: 13px; color: var(--meta-color); font-weight: 500; } .entry-meta a { color: currentColor; } .entry-meta a:hover { color: var(--main-color); } .entry-meta span:not(:last-child) { margin-right: 20px; } .posted-on i { margin-right: 6px; } .byline i { margin-right: 6px; } .post-thumbnail { display: block; } .more-link { font-size: 13px; font-family: "Montserrat", sans-serif; font-weight: 500; } .more-link a { color: #111; display: block; } .more-link i { font-size: 20px; width: 40px; height: 40px; background: var(--main-color); color: #fff; border-radius: 50%; display: inline-block; text-align: center; line-height: 40px; margin-left: 8px; transition: all 0.3s; } /* BLOG */ .entry-thumbnail { text-align: center; position: relative; margin-bottom: 50px; } .archive-categories-hidden:not(.home-layout-list) .entry-thumbnail { margin-bottom: 24px; } .entry-thumbnail .cat-links { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); margin-bottom: 0; } .entry-thumbnail img { width: 100%; } .entry-title { word-wrap: break-word; margin: -8px 0 18px; font-weight: 800; } .entry-title a { display: block; color: var(--archive-post-title-color); } .entry-title a:hover { color: var(--main-color); } .entry-title:after { margin-top: 20px; content: ''; display: block; height: 2px; width: 70px; background: #e2e2e2; } .entry-content { margin-bottom: 27px; color: var(--text-color); } .entry-content p { margin-bottom: 22px; } .entry-content p:last-child { margin-bottom: 0; } .entry-content a:hover { text-decoration: underline; } .entry-footer { align-items: center; } .entry-footer .more-text { display: none; } .home-layout-list .entry-thumbnail { margin-bottom: 60px; } .home-layout-list .site-main > article { padding: 60px 0; border-bottom: 1px solid #e2e2e2; } .home-layout-list .site-main > article:first-child { padding-top: 0; } .home-layout-list .sd-content ul { margin: 24px 0 -10px !important; } .home-layout-grid .sd-content ul { margin: 0 !important; } body[class*="home-layout"] .sd-content.sd-content ul li { margin: 0; padding: 0; } body[class*="home-layout"] .sd-content.sd-content ul li + li { margin-left: 10px; } body[class*="home-layout"] .share-end { display: none; } body[class*="home-layout"] .sd-social-icon .sd-content ul li[class*='share-'] a.sd-button { background: transparent; color: #111 !important; padding: 0; font-size: 14px; } body[class*="home-layout"] .sd-social-icon .sd-content ul li[class*='share-'] a.sd-button:hover { color: var(--main-color) !important; } .article__thumb { text-align: center; margin-bottom: 40px; } @media (min-width: 768px) { .article__thumb { float: left; margin: 0 30px 0 0; width: 40.44944%; } } .article__thumb .default-img { display: block; width: 360px; height: 225px; margin: 0 auto; } .article__content { overflow: hidden; } .article__content .entry-footer { margin-bottom: -20px; } .article__content .entry-footer > * { padding-bottom: 20px; } .article__content .entry-meta { position: relative; bottom: -3px; } body:not(.single) article.format-quote { text-align: center; } body:not(.single) article.format-quote .more-link a { font-weight: 500; text-transform: capitalize; padding: 10px 28px; font-size: 13px; } body:not(.single) article.format-quote .more-link i { line-height: 1; position: relative; margin: 0; top: 2px; width: auto; height: auto; background: transparent; } .home-layout-list .site-main > article.adjacent .article__inner { min-height: 300px; } article.adjacent a { color: currentColor; } article.adjacent a:hover { color: var(--main-color); } article.adjacent .entry-meta { margin-bottom: -5px; } article.adjacent .cat-links a { margin-bottom: 37px; color: #fff; } article.adjacent .entry-title { margin-bottom: 30px; } article.adjacent .entry-title:after { margin-top: 32px; content: ''; display: block; height: 2px; width: 70px; background: #e2e2e2; } article.adjacent .more-link { text-transform: uppercase; letter-spacing: 0.04em; font-weight: normal; } article.adjacent:not(.blogz-no-thumbnail) { color: #fff; } article.adjacent:not(.blogz-no-thumbnail) .more-link, article.adjacent:not(.blogz-no-thumbnail) .entry-meta { color: inherit; } article.adjacent:not(.blogz-no-thumbnail) .bg-overlay:before { background-color: rgba(17, 17, 17, 0.3); } article.adjacent.blogz-no-thumbnail .article__inner { background: #fcfcfc; } article.adjacent .article__inner { border: 1px solid #e2e2e2; min-height: 400px; position: relative; padding: 40px 30px; display: flex; flex-direction: column; justify-content: space-between; } article.adjacent .article__inner > * { position: relative; } article.adjacent .article__inner .link-more { text-align: right; } @media (min-width: 767px) { article.adjacent .article__inner { min-height: 553px; } } .vertical-blocks .default-img { width: 430px; height: 260px; } .vertical-blocks .page .entry-meta { margin-top: 40px; } @media (max-width: 1199px) { .vertical-blocks .default-img { width: 100%; height: auto; } } .vertical-blocks__group { padding: 60px 0; border-bottom: 1px solid #e2e2e2; display: flex; flex-wrap: wrap; justify-content: space-between; } .vertical-blocks__group .entry-title { font-size: 24px; } .vertical-blocks__group .adjacent .entry-title { font-size: 26px; } .vertical-blocks__group .entry-meta { margin-bottom: 20px; } .vertical-blocks__group:first-child { padding-top: 0; } .vertical-blocks__group > article { width: calc( 50% - 15px); } .vertical-blocks__group .format-quote:first-child { width: 100%; } .vertical-blocks__group .format-quote:last-child:not(:first-child) .article__inner { border: 1px solid #e2e2e2; background: #f8f8f8; padding: 30px 30px 40px; } @media (max-width: 767px) { .vertical-blocks__group > article { width: 100%; } .vertical-blocks__group > article + article { padding-top: 60px; margin-top: 60px; border-top: 1px solid #e2e2e2; } } @media (min-width: 992px) { .single .content-area { padding: 80px 205px; } } .single .entry-content { margin-bottom: 60px; color: var(--text-main); } .single .entry-content pre { padding: 60px; font-size: 15px; } .single .sd-content ul li { margin: 0 7px 5px 0; } .single .sd-content ul li:nth-last-child(-n+2) { margin-right: 0; } body.page .entry-content > p:first-child, .single .entry-content > p:first-child { margin-top: 0; color: #6c7781; font-size: 20px; font-style: italic; line-height: 1.75; margin-bottom: 40px; } .single .entry-author { margin-top: 30px; background: #f8f8f8; padding: 50px; text-align: center; font-family: "Montserrat", sans-serif; } @media (max-width: 575px) { .single .entry-author { padding: 20px; } } .single .author-heading { margin-bottom: 30px; } .single .author-avatar { margin-bottom: 15px; } .single .author-avatar img { width: 100px; height: 100px; border-radius: 100%; } .single .author-name { font-weight: bold; color: #111; font-size: 20px; } .single .author-twitter { margin-bottom: 21px; font-size: 16px; } .single .author-twitter a { color: #9a9a9a; } .single .author-twitter a:hover { color: var(--main-color); } .single .author-website a { padding: 10px 28px; font-weight: bold; color: #fff; } .single .author-social { list-style-type: none; padding: 0; margin: 34px 0 0 0; } .single .author-social li { display: inline-block; margin: 0 8px 10px 0; } .single .author-social a.social-links { width: 40px; height: 40px; border-radius: 50%; display: inline-block; line-height: 40px; color: #111; background: #fff; } .single .author-social a:hover { color: #fff; background: var(--main-color); } .single .author-bio { font-family: Georgia, Times, Times New Roman, serif; color: #666666; font-size: 18px; } .single .entry-footer { padding-top: 60px; border-top: 1px solid #e2e2e2; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .single .tags-links { display: inline-block; } .single .tags-links a { padding: 9px 18px; color: #111; background: #f1f3f4; margin: 0 10px 15px 0; font-size: 11px; text-transform: uppercase; font-family: "Montserrat", sans-serif; display: inline-block; font-weight: 600; } .single .tags-links a:hover { color: #fff; background: #ea4c89; } .single .edit-link { flex: 100%; } .single .nav-links { margin-top: 60px; display: flex; flex-wrap: wrap; justify-content: space-between; } .single .nav-links > article { width: calc(50% - 16px); } @media (max-width: 767px) { .single .nav-links > article { width: 100%; } .single .nav-links > article + article { margin-top: 32px; } } .single .nav-links > article:only-child { margin: 0 auto; } .single .nav-links .entry-title { font-weight: 800; margin-bottom: 30px; } .single .nav-links .entry-title:after { content: ''; display: block; width: 70px; height: 2px; background: #e2e2e2; top: 0; margin-top: 30px; } .single .nav-links .entry-meta span + span { margin-left: 15px; } @media (max-width: 480px) { .single .nav-links .entry-meta { margin-bottom: 30px; } .single .nav-links .entry-meta span { display: block; } .single .nav-links .entry-meta span + span { margin: 4px 0 0; } } .single .nav-links .default-img { height: 553px; } /* Comments*/ .comments-area { margin: 0 auto auto; font-family: "Montserrat", sans-serif; } .bypostauthor { display: block; } .bypostauthor .reply:before { content: '\ecfd'; speak: none; font: normal normal normal 16px/1 'IcoFont'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: var(--main-color); color: #fff; border-radius: 50%; display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 40px; margin-right: 5px; } .logged-in-as { font-size: 14px; width: 100%; margin-top: 5px; } .post-comments .post-title-box { border-top: 1px solid #e2e2e2; padding-top: 12px; } .post-comments .post-title-box h4 { text-transform: uppercase; } .comments-title { font-size: 26px; margin-bottom: 0; } .comment-list { padding: 0; margin: 0; display: block; width: 100%; list-style: none; } .comment-list .comment { overflow: hidden; margin-top: -1px; } .comment-list ol.children { list-style: none; padding-left: 0; margin: 0; } .comment-list time { font-size: 13px; position: relative; } .comment-list .reply { position: absolute; top: 40px; right: 0; } .comment-list .reply a { font-size: 11px; text-transform: uppercase; font-weight: 600; padding: 10px 20px; border-radius: 30px; border: 1px solid #e2e2e2; color: #111; display: inline-block; } .comment-list .reply a:after { content: '\efd4'; speak: none; font: normal normal normal 16px/1 'IcoFont'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 3px; } .comment-list .reply a:hover { color: var(--main-color); border-color: var(--main-color); } .comment-author .fn { font-size: 17px; font-weight: 600; } .comment-author .fn a { color: #111; } ol.children { position: relative; } .comment-body { position: relative; padding-top: 40px; } .comment-author { position: relative; } .comment-author .avatar { border-radius: 100%; float: left; margin-right: 30px; } .comment-author .says { display: none; } .comment-content { padding: 9px 0 2px; color: #111; word-wrap: break-word; margin-left: 90px; font-family: Georgia, Times, Times New Roman, serif; } .comment-edit-link { font-size: 14px; padding-left: 3px; font-style: italic; } .comment-edit-link:hover { color: #111; } .comment-metadata { margin-top: -3px; } .comment-metadata a { color: #9a9a9a; font-weight: 500; } .comment-list ol.children { margin: 0 0 0 10px; } .comment-list > ol > ol { margin: 0 0 0 10px; } @media (min-width: 768px) { .comment-list > .depth-1 + .depth-1 { border-top: 1px solid #e2e2e2; } .depth-1:not(:last-child) > .comment-body > .comment-content, li:not(.depth-1):not(:last-child) > .comment-body > .comment-content { border-bottom: 1px solid #e2e2e2; } .depth-1 > .children .children { border-top: 1px solid #e2e2e2; } .comment-list ol.children { margin: 0 0 0 90px; } .comment-list > ol > ol { margin: 0 0 0 90px; } } @media (max-width: 767px) { .depth-1 + .depth-1 { border-top: 1px solid #e2e2e2; } } @media (max-width: 575px) { .depth-1 { padding-bottom: 40px; } .depth-1 > .children { padding: 15px 15px 30px; margin-top: 30px; border-radius: 5px; } .depth-1 > .children .children { border-top: 1px solid #e2e2e2; margin-top: 40px; } .comment-list .reply { position: relative; top: 0px; text-align: right; } .comment-list .reply a { display: inline-block; } .comment-content p { margin-bottom: 15px; } } /* Reply*/ .comment-respond { text-align: center; } .comment-form { position: relative; } .comment-form .comment-form-comment { order: 4; } @media (max-width: 767px) { .comment-form .comment-form-comment { margin-top: 30px; } } .comment-form p[class*="comment-form"] { margin: 0; } .comment-form p[class*="comment-form"]:not(:last-child) { width: 100%; margin: 0 0 20px; } .comment-form input:not([type="submit"]), .comment-form textarea { font-size: 13px; padding: 16px 28px; width: 100%; border-color: #e2e2e2; border-radius: 0; transition: 0.3s ease; } .comment-form input:not([type="submit"]):focus, .comment-form textarea:focus { background: #f8f8f8; } .comment-form input:not([type="submit"]) { margin: 0; color: #111; } .comment-form input:not([type="submit"])::-webkit-input-placeholder { color: #111; font-weight: 500; } .comment-form input:not([type="submit"])::-moz-placeholder { color: #111; font-weight: 500; opacity: 1; } .comment-form input:not([type="submit"]):-ms-input-placeholder { color: #111; font-weight: 500; } .comment-form textarea { height: 210px; padding-bottom: 100px; } .comment-form textarea::-webkit-input-placeholder { color: #9a9a9a; font-weight: 500; } .comment-form textarea::-moz-placeholder { color: #9a9a9a; font-weight: 500; opacity: 1; } .comment-form textarea:-ms-input-placeholder { color: #9a9a9a; font-weight: 500; } .comment-form .form-submit { margin-bottom: 0; } @media (min-width: 768px) { .comment-form .form-submit { margin: 0; } .comment-form .form-submit input { position: absolute; bottom: 30px; right: 35px; } } .comment-form .comment-form-cookies-consent { display: none; } /* Individual icons */ .sd-social-icon .sd-content ul li.share-print a:before, .sd-social-text .sd-content ul li.share-print a:before, .sd-content ul li.share-print div.option.option-smart-off a:before, .sd-social-icon-text .sd-content li.share-print a:before, .sd-social-official .sd-content li.share-print a:before { content: '\efc6'; } .sd-social-icon .sd-content ul li.share-email a:before, .sd-social-text .sd-content ul li.share-email a:before, .sd-content ul li.share-email div.option.option-smart-off a:before, .sd-social-icon-text .sd-content li.share-email a:before, .sd-social-official .sd-content li.share-email a:before { content: '\ef14'; } .sd-social-icon .sd-content ul li.share-linkedin a:before, .sd-social-text .sd-content ul li.share-linkedin a:before, .sd-content ul li.share-linkedin div.option.option-smart-off a:before, .sd-social-icon-text .sd-content li.share-linkedin a:before { content: '\ed4d'; } .sd-social-icon .sd-content ul li.share-twitter a:before, .sd-social-text .sd-content ul li.share-twitter a:before, .sd-content ul li.share-twitter div.option.option-smart-off a:before, .sd-social-icon-text .sd-content li.share-twitter a:before { content: '\ed7a'; } .sd-social-icon .sd-content ul li.share-reddit a:before, .sd-social-text .sd-content ul li.share-reddit a:before, .sd-content ul li.share-reddit div.option.option-smart-off a:before, .sd-social-icon-text .sd-content li.share-reddit a:before { content: '\ed62'; } .sd-social-icon .sd-content ul li.share-tumblr a:before, .sd-social-text .sd-content ul li.share-tumblr a:before, .sd-content ul li.share-tumblr div.option.option-smart-off a:before, .sd-social-icon-text .sd-content li.share-tumblr a:before { content: '\ed78'; } .sd-social-icon .sd-content ul li.share-pinterest a:before, .sd-social-text .sd-content ul li.share-pinterest a:before, .sd-content ul li.share-pinterest div.option.option-smart-off a:before, .sd-social-icon-text .sd-content li.share-pinterest a:before { content: '\ed5d'; } .sd-social-icon .sd-content ul li.share-google-plus-1 a:before, .sd-social-text .sd-content ul li.share-google-plus-1 a:before, .sd-content ul li.share-google-plus-1 div.option.option-smart-off a:before, .sd-social-icon-text .sd-content li.share-google-plus-1 a:before { content: '\ed43'; } .sd-social-icon .sd-content ul li.share-facebook a:before, .sd-social-text .sd-content ul li.share-facebook a:before, .sd-content ul li.share-facebook div.option.option-smart-off a:before, .sd-social-icon-text .sd-content li.share-facebook a:before { content: '\ed37'; } .sd-social-icon .sd-content ul li.share-telegram a:before, .sd-social-text .sd-content ul li.share-telegram a:before, .sd-content ul li.share-telegram div.option.option-smart-off a:before, .sd-social-icon-text .sd-content li.share-telegram a:before, .sd-social-official .sd-content li.share-telegram a:before { content: '\ed75'; } .sd-social-icon .sd-content ul li.share-skype a:before, .sd-social-text .sd-content ul li.share-skype a:before, .sd-content ul li.share-skype div.option.option-smart-off a:before, .sd-social-icon-text .sd-content li.share-skype a:before { content: '\ed67'; } .sd-social-icon .sd-content ul li.share-jetpack-whatsapp a:before, .sd-social-text .sd-content ul li.share-jetpack-whatsapp a:before, .sd-content ul li.share-jetpack-whatsapp div.option.option-smart-off a:before, .sd-social-icon-text .sd-content li.share-jetpack-whatsapp a:before, .sd-social-official .sd-content li.share-jetpack-whatsapp a:before { content: '\ed86'; } .sd-social-icon .sd-content ul li a.share-more:before, .sd-social-text .sd-content ul li a.share-more:before, .sd-content ul li.share-more div.option.option-smart-off a:before, .sd-social-icon-text .sd-content li a.share-more:before, .sd-social-official .sd-content li a.share-more:before { content: '\efe5'; } .sd-social-icon .sd-content ul li[class*='share-'] a, .sd-social-icon .sd-content ul li[class*='share-'] a:hover, .sd-social-icon .sd-content ul li[class*='share-'] div.option a { padding: 12px; } .sd-content ul li a.sd-button:before { font: normal 16px/1 'icofont'; } /*-------------------------------------------------------------- Genericons --------------------------------------------------------------*/ .jetpack-social-navigation-genericons ul { padding: 0; margin: 0; } .jetpack-social-navigation-genericons li { display: inline-block; margin-right: 10px; } .jetpack-social-navigation-genericons li:last-child { margin-right: 0; } .jetpack-social-widget-list a:hover, .jetpack-social-navigation-genericons a:hover { color: var(--main-color); } .jetpack-social-widget-list a:before, .jetpack-social-navigation-genericons a:before { speak: none; font: normal normal normal 16px/1 'IcoFont'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .jetpack-social-widget-list a[href*="amazon"]:before, .jetpack-social-navigation-genericons a[href*="amazon"]:before { content: '\e8a1'; } .jetpack-social-widget-list a[href*="apple"]:before, .jetpack-social-navigation-genericons a[href*="apple"]:before { content: '\e8a7'; } .jetpack-social-widget-list a[href*="behance"]:before, .jetpack-social-navigation-genericons a[href*="behance"]:before { content: "\ed22"; } .jetpack-social-widget-list a[href*="digg"]:before, .jetpack-social-navigation-genericons a[href*="digg"]:before { content: "\ed2c"; } .jetpack-social-widget-list a[href*="dribble"]:before, .jetpack-social-navigation-genericons a[href*="dribble"]:before { content: "\ed2f"; } .jetpack-social-widget-list a[href*="dribbble"]:before, .jetpack-social-navigation-genericons a[href*="dribbble"]:before { content: "\ed2e"; } .jetpack-social-widget-list a[href*="dropbox"]:before, .jetpack-social-navigation-genericons a[href*="dropbox"]:before { content: "\ed30"; } .jetpack-social-widget-list a[href*="facebook"]:before, .jetpack-social-navigation-genericons a[href*="facebook"]:before { content: "\ed37"; } .jetpack-social-widget-list a[href*="github"]:before, .jetpack-social-navigation-genericons a[href*="github"]:before { content: "\ed3e"; } .jetpack-social-widget-list a[href*="plus.google.com"]:before, .jetpack-social-navigation-genericons a[href*="plus.google.com"]:before { content: "\ed43"; } .jetpack-social-widget-list a[href*="instagram"]:before, .jetpack-social-navigation-genericons a[href*="instagram"]:before { content: "\ed46"; } .jetpack-social-widget-list a[href*="mailto"]:before, .jetpack-social-navigation-genericons a[href*="mailto"]:before { content: "\ef14"; } .jetpack-social-widget-list a[href*="pinterest"]:before, .jetpack-social-navigation-genericons a[href*="pinterest"]:before { content: "\ed5d"; } .jetpack-social-widget-list a[href*="reddit"]:before, .jetpack-social-navigation-genericons a[href*="reddit"]:before { content: "\ed62"; } .jetpack-social-widget-list a[href*="feed"]:before, .jetpack-social-navigation-genericons a[href*="feed"]:before { content: "\ed64"; } .jetpack-social-widget-list a[href*="skype"]:before, .jetpack-social-navigation-genericons a[href*="skype"]:before { content: "\ed67"; } .jetpack-social-widget-list a[href*="stumbleupon"]:before, .jetpack-social-navigation-genericons a[href*="stumbleupon"]:before { content: "\ed72"; } .jetpack-social-widget-list a[href*="tumblr"]:before, .jetpack-social-navigation-genericons a[href*="tumblr"]:before { content: "\ed78"; } .jetpack-social-widget-list a[href*="twitter"]:before, .jetpack-social-navigation-genericons a[href*="twitter"]:before { content: "\ed7a"; } .jetpack-social-widget-list a[href*="vimeo"]:before, .jetpack-social-navigation-genericons a[href*="vimeo"]:before { content: "\ed7f"; } .jetpack-social-widget-list a[href*="yelp"]:before, .jetpack-social-navigation-genericons a[href*="yelp"]:before { content: "\ed89"; } .jetpack-social-widget-list a[href*="linkedin"]:before, .jetpack-social-navigation-genericons a[href*="linkedin"]:before { content: "\ed4d"; } .jetpack-social-widget-list a[href*="snapchat"]:before, .jetpack-social-navigation-genericons a[href*="snapchat"]:before { content: "\ed6c"; } .jetpack-social-widget-list a[href*="soundcloud"]:before, .jetpack-social-navigation-genericons a[href*="soundcloud"]:before { content: "\ed6d"; } .jetpack-social-widget-list a[href*="spotify"]:before, .jetpack-social-navigation-genericons a[href*="spotify"]:before { content: "\ed6e"; } .jetpack-social-widget-list a[href*="twitch"]:before, .jetpack-social-navigation-genericons a[href*="twitch"]:before { content: "\ed79"; } .jetpack-social-widget-list a[href*="vk"]:before, .jetpack-social-navigation-genericons a[href*="vk"]:before { content: "\ed83"; } .jetpack-social-widget-list a[href*="youtube"]:before, .jetpack-social-navigation-genericons a[href*="youtube"]:before { content: "\ecbb"; } .site-footer { margin-top: -60px; padding: 120px 0 0; position: relative; z-index: 1; } .site-footer:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 17, 17, 0.7); } .site-footer > * { position: relative; z-index: 1; } .site-footer .sep { margin: 0 8px; } .site-footer .footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 33px 0 23px; border-top: 1px solid rgba(255, 255, 255, 0.18); margin-bottom: -10px; } .site-footer .footer-bottom > * { padding-bottom: 10px; } .site-footer .footer-info { font-size: 16px; color: #9a9a9a; } .site-footer .footer-info a { color: #fff; } .site-footer .footer-info a:last-child:hover { text-decoration: underline; } .footer-subscription { color: #fff; position: relative; font-family: "Montserrat", sans-serif; padding: 20px 0 80px; } .footer-subscription .container { padding: 0; } .footer-subscription .widgettitle { display: none; } .footer-subscription p { margin-bottom: 20px; } .footer-subscription #subscribe-text { font-size: 22px; } .footer-subscription #subscribe-email input { background: rgba(255, 255, 255, 0.2); color: #fff; width: 100%; border-radius: 40px; padding: 23px 30px; font-weight: 500; font-size: 13px; border: none; } .footer-subscription #subscribe-email input::-webkit-input-placeholder { color: #fff; } .footer-subscription #subscribe-email input::-moz-placeholder { color: #fff; opacity: 1; } .footer-subscription #subscribe-email input:-ms-input-placeholder { color: #fff; } .footer-subscription #subscribe-submit input { padding: 10px 28px; } .footer-subscription .success { padding: 120px 0 60px 0; } @media (min-width: 992px) { .footer-subscription form { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .footer-subscription #subscribe-submit { margin: 0; position: absolute; right: 10px; } .footer-subscription #subscribe-text { width: 50%; } .footer-subscription #subscribe-text p { margin: 0; } .footer-subscription #subscribe-email { width: 440px; margin: 0; } .footer-subscription #subscribe-email input { padding-right: 150px; } } .slideout-sidebar { font-family: "Montserrat", sans-serif; font-size: 13px; } .slideout-sidebar #wp-calendar { font-size: 14px; border: 1px solid; border-top: none; } .slideout-sidebar #wp-calendar #today#today { color: var(--main-color); } .slideout-sidebar #wp-calendar th, .slideout-sidebar #wp-calendar td { padding: 5px; } .slideout-sidebar .hamburger-title { font-size: 14px; font-weight: 600; } .slideout-sidebar .widget:last-of-type { margin-bottom: 0; } .slideout-sidebar .widget select { padding: 12px 5px; } .slideout-sidebar .widget option { color: #111; } .slideout-sidebar .widget a:hover { color: var(--main-color); } .slideout-sidebar .widget li > ul, .slideout-sidebar .widget li + li { margin-top: 5px; } .slideout-sidebar .eci .eci-info svg { margin-top: 6px; } .slideout-sidebar .eci-profiles li > ul, .slideout-sidebar .eci-profiles li + li { margin-top: 0; } .slideout-sidebar .eci-profiles a:hover { color: inherit; } .slideout-sidebar .tagcloud a:hover { border: 1px solid; } .slideout-sidebar .widget_search .search-submit { top: 0; bottom: 0; } .slideout-sidebar .widget_categories li a, .slideout-sidebar .widget_archive li a { font-weight: 400; } .slideout-sidebar .dropToggle.fa { speak: none; font: normal normal normal 16px/1 'IcoFont'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slideout-sidebar .dropToggle.fa-angle-down:before { content: '\ea67'; } .slideout-sidebar .widget_nav_menu .menu a { letter-spacing: 0.03em; } .slideout-sidebar .widget_nav_menu .menu a:hover { color: var(--main-color); } .slideout-sidebar .widget_nav_menu .menu li .dropToggle.is-toggled:before { content: '\ea6a'; } .slideout-sidebar .jetpack_widget_social_icons svg { display: none; } .slideout-sidebar .jetpack_widget_social_icons ul { text-align: center; } .slideout-sidebar .jetpack_widget_social_icons li + li { margin: 0 0 10px 10px; } .slideout-sidebar .jetpack_widget_social_icons .jetpack-social-widget-item { padding-top: 0; border: none; display: inline-block; } .slideout-sidebar .jetpack_widget_social_icons .jetpack-social-widget-item a { line-height: 32px; text-align: center; border: 1px solid #e2e2e2; } .slideout-sidebar .jetpack_widget_social_icons .jetpack-social-widget-item a:hover { color: #fff; background-color: var(--main-color); border-color: var(--main-color); transition: all .3s ease; } .slideout-sidebar .jetpack_widget_social_icons .jetpack-social-widget-item a:before { font-size: 14px; } .slideout-sidebar-enabel .menu-toggle:before { display: none; } .slideout-sidebar-enabel .site:before { background: rgba(0, 0, 0, 0.8); cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress; } .slideout-sidebar__header .header__site-title { letter-spacing: 0.05em; } .slideout-sidebar__header .header__close i { speak: none; font: normal normal normal 16px/1 'IcoFont'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slideout-sidebar__header .header__close i:before { content: '\ec4f'; } .slideout-sidebar__body .add-widget-link { font-size: 16px; } .slideout-sidebar__footer { color: #fff; } .searchform-modal .search-popup .search-form .search-submit { border: none; border-radius: 0; background-color: var(--main-color); align-items: center; } .searchform-modal .search-popup .search-form .search-submit:hover { opacity: 0.6; } .searchform-dropdown .site-search .site-search-toggler { height: 100%; width: 100%; margin-left: 0; } .searchform-dropdown .site-search .site-search-toggler i { display: block; display: flex; align-items: center; justify-content: center; height: inherit; width: inherit; background: inherit; } .searchform-dropdown .site-search .site-search-toggler i:before { content: '\ed1b'; color: #111; font-family: 'IcoFont'; speak: none; font: normal normal normal 16px/1 'IcoFont'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 500; transition: all .3s; } .searchform-dropdown .site-search > div { line-height: 1.5; position: absolute; z-index: 9; top: 73px; right: 0; width: 277px; padding: 20px; background: #f5f5f5; } @media (max-width: 991px) { .searchform-dropdown .site-search > div { top: calc( 100% + 21px); } } @media (max-width: 375px) { .searchform-dropdown .site-search > div { right: -35px; } } .searchform-dropdown .search-form { position: relative; } .searchform-dropdown .search-form .search-field { width: 83%; float: left; } .searchform-dropdown .search-form button { background: var(--main-color); border-color: var(--main-color); color: #fff; position: absolute; right: 0; padding: 13px 15px; border-radius: 0; } .searchform-dropdown .search-form button:hover { background: var(--main-color); border-color: var(--main-color); opacity: .8; } .searchform-toggle .header-top .container { position: relative; } .searchform-toggle .header-search__wrapper { height: 100%; z-index: 99; } .searchform-toggle .header-search { z-index: 99; position: static; } .searchform-toggle .header-search .header-search__click { width: 100%; min-height: 100%; background: none; padding: 0; } .searchform-toggle .header-search .header-search__click i { color: #111; } .searchform-toggle .header-search .header-search__click i:before { content: '\ed1b'; color: var(--icon-header-color); font-family: 'IcoFont'; speak: none; font: normal normal normal 16px/1 'IcoFont'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 500; transition: all .3s; } .searchform-toggle .header-search .header-search__click:hover { background: unset; } .searchform-toggle .header-search .header-search__wrapper .header-search__close { width: unset; } .searchform-toggle .header-search .header-search__wrapper .header-search__close i:before { content: '\eee4'; font-size: 24px; } .searchform-toggle .header-search .search-field { border: none; } @media (max-width: 1199px) { .searchform-toggle .header-search .search-field { padding: 12px 35px 15px 30px; } .searchform-toggle .header-search__close { right: 30px; } } .not-found { width: 100%; text-align: center; background: #fff; padding: 20px; } .not-found h2, .not-found h1 { margin-top: 0; } .not-found .search-form { width: 70%; margin: 0 auto; } .not-found .search-form input[type='text'] { width: 100%; padding: 12px 50px 12px 22px; border-radius: 100px; font-size: 14px; color: #9a9a9a; } .not-found .search-form .search-submit { position: absolute; right: 10px; background: none; border: none; font-size: 14px; color: #9a9a9a; } .not-found .search-form .search-submit:hover { background: none; border: none; color: var(--main-color); } .topbar-social-hidden .topbar__social, body:not(.single).archive-categories-hidden .cat-links, body:not(.single).archive-comment-hidden .comments-link, body:not(.single).archive-date-hidden .posted-on, body:not(.single).archive-share-hidden .sharedaddy, body:not(.single).archive-author-hidden .byline, .single.single-categories-hidden .cat-links, .single.single-tags-hidden .tags-links, .single.single-date-hidden .posted-on, .single.single-share-hidden .sharedaddy, .single.single-author-hidden .byline, .single.single-author-hidden .entry-meta .avatar, .single.single-author-social-hidden .author-social, .single.single-comment-hidden .comments-link { display: none; } .scroll-to-top { position: fixed; bottom: 10px; right: 10px; width: 45px; height: 45px; z-index: 99; background: var(--main-color); display: flex; justify-content: center; align-items: center; border-radius: 100%; transform: translate3d(0, 100px, 0); transition: all .3s; color: #fff; } .scroll-to-top:hover, .scroll-to-top:visited, .scroll-to-top:focus { color: #fff; } .scroll-to-top:hover { background: var(--button-hover-color); } .scroll-to-top.is-visible { transform: translate3d(0, 0, 0); } .section-hero { padding: 87px 0 80px; background-attachment: fixed; position: relative; margin-bottom: -60px; } @media (max-width: 767px) { .section-hero { padding: 87px 0 100px; } } .hero__inner { position: relative; text-align: center; color: #9a9a9a; z-index: 2; } .hero__inner p { margin: 0; } .hero__inner img { display: inline-block; margin-bottom: 30px; opacity: 0.3; } .hero__inner .jetpack-social-navigation { margin-top: 15px; } .hero__inner .jetpack-social-navigation:before { content: ''; display: block; height: 2px; width: 70px; background: #444; margin: 0 auto 14px; } .hero__featured-posts { margin-top: 80px; position: relative; } .hero__featured-posts .slick-slide { margin: 0 10px; } .hero__featured-posts .slick-list { margin: 0 -10px; } .hero__featured-posts .slick-track { display: flex; } .hero__featured-posts .default-img { width: 100px; height: 100px; } .hero__featured-posts .featured__post { height: auto; justify-content: flex-start; align-items: center; font-weight: 500; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.3); padding: 10px; } .hero__featured-posts .entry-title { margin: 0; font-size: 16px; font-weight: 700; } .hero__featured-posts .entry-title:after { display: none; } .hero__featured-posts .entry-title a { color: #fff; } .hero__featured-posts .entry-title a:hover { color: var(--main-color); } .hero__featured-posts .entry-meta span:not(:last-child) { margin-right: 3px; } .hero__featured-posts .entry-meta span:not(:last-child):after { content: '-'; margin-left: 5px; display: inline-block; } .archive-author-hidden .hero__featured-posts .entry-meta span:after { display: none; } .hero__featured-posts .posted-on i { display: none; } .hero__featured-posts .post__image { flex: 0 0 100px; margin-right: 20px; } .hero__featured-posts .post__text { flex: 1; } .page-template-contact iframe { width: 100%; } .page-template-contact p { margin: 0 0 30px; } .page-template-contact .contact-info { column-count: 3; list-style: none; padding: 0; } .page-template-contact .contact-info li { padding: 0 !important; font-size: 16px; } .page-template-contact .contact-info li i { color: var(--main-color); } .page-template-contact .contact-info li a { color: #111; } .page-template-contact .contact-form { position: relative; } .page-template-contact .contact-form label { display: none; } .page-template-contact .contact-form .grunion-field-wrap { margin-bottom: 20px; } .page-template-contact .contact-form .grunion-field-wrap input { width: 34%; margin-bottom: 0; padding: 12px 27px; font-size: 13px; font-family: "Montserrat", sans-serif; } .page-template-contact .contact-form .grunion-field-wrap input::-webkit-input-placeholder { color: #111; } .page-template-contact .contact-form .grunion-field-wrap input::-moz-placeholder { color: #111; opacity: 1; } .page-template-contact .contact-form .grunion-field-wrap input:-ms-input-placeholder { color: #111; } .page-template-contact .contact-form .grunion-field-wrap input:focus { background: #f8f8f8; border: 1px solid #f8f8f8; } .page-template-contact .contact-form .grunion-field-wrap input:focus::-webkit-input-placeholder { color: #111; } .page-template-contact .contact-form .grunion-field-wrap input:focus::-moz-placeholder { color: #111; opacity: 1; } .page-template-contact .contact-form .grunion-field-wrap input:focus:-ms-input-placeholder { color: #111; } .page-template-contact .grunion-field-textarea-wrap { position: absolute; right: 0; top: 0; width: 62%; } .page-template-contact .grunion-field-textarea-wrap textarea { width: 100%; height: 188px; padding: 12px 27px; font-size: 13px; font-family: "Montserrat", sans-serif; } .page-template-contact .grunion-field-textarea-wrap textarea:focus { background: #f8f8f8; border: 1px solid #f8f8f8; } .page-template-contact .grunion-field-textarea-wrap textarea:focus::-webkit-input-placeholder { color: #111; } .page-template-contact .grunion-field-textarea-wrap textarea:focus::-moz-placeholder { color: #111; opacity: 1; } .page-template-contact .grunion-field-textarea-wrap textarea:focus:-ms-input-placeholder { color: #111; } .page-template-contact .contact-submit { position: absolute; right: 20px; bottom: 20px; } @media (max-width: 1200px) { .page-template-contact .contact-form .grunion-field-textarea-wrap { position: unset; width: 100%; margin-bottom: 0; } .page-template-contact .contact-form .contact-submit { position: unset; } .page-template-contact .contact-form .grunion-field-wrap input, .page-template-contact .contact-form .grunion-field-wrap textarea { width: 100%; max-width: 100%; } } .page-template-about .entry-author { margin-top: 30px; background: #f8f8f8; padding: 50px; text-align: center; font-family: "Montserrat", sans-serif; } @media (max-width: 575px) { .page-template-about .entry-author { padding: 20px; } } .page-template-about .author-title { font-weight: bold; color: #111; font-size: 20px; } .page-template-about .author-social { list-style-type: none; padding: 0; margin: 20px 0 0 0; } .page-template-about .author-social li { display: inline-block; margin: 0 8px 10px 0; } .page-template-about .author-social a.social-links { width: 40px; height: 40px; border-radius: 50%; display: inline-block; line-height: 40px; color: #111; background: #fff; } .page-template-about .author-social a:hover { color: #fff; background: var(--main-color); } .page-template-about .box-author-about { padding: 90px 0; background-image: url("images/bg_author.png"); margin-bottom: 60px; background-repeat: no-repeat; background-size: cover; } .page-template-about .box-author-about .entry-author { width: 55%; margin: auto; background-color: #fff; opacity: 0.95; } .page-template-about .box-author-about .entry-author .author-avatar img { width: 100px; height: 100px; border-radius: 999px; margin-bottom: 10px; } .page-template-about .box-author-about .entry-author .author-bio { margin-bottom: 20px; font-size: 16px; color: #9a9a9a; } .page-template-about .box-author-about .entry-author .author-name { font-size: 20px; font-weight: bold; } .has-small-font-size { font-size: 12px; } .has-regular-font-size { font-size: 14px; } .has-large-font-size { font-size: 18px; } .has-larger-font-size { font-size: 24px; } .has-huge-font-size { font-size: 30px; } :root .has-accent-background-color { background-color: #009bdf; } :root .has-accent-background-color a { color: #fff; } :root .has-accent-color { color: #009bdf; } :root .has-gray-background-color { background-color: #9a9a9a; } :root .has-gray-color { color: #9a9a9a; } :root .has-black-background-color { background-color: #111; } :root .has-black-color { color: #111; } :root .has-white-background-color { background-color: #fff; } :root .has-white-color { color: #fff; } .is-style-outline .wp-block-button__link:not(.has-text-color) { color: var(--main-color); } .is-style-outline .wp-block-button__link:not(.has-text-color):hover { color: #fff; } .is-style-outline .wp-block-button__link:not(.has-background):hover { background-color: var(--main-color); border-color: var(--main-color); } .wp-block-button__link { border: none; background: var(--main-color); display: inline-block; border-radius: 25px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-size: 11px; transition: 0.3s ease; padding: 10px 38px; color: #fff; letter-spacing: 0.04em; line-height: inherit; } .wp-block-button__link:hover { text-decoration: none !important; background: var(--button-hover-color); } .wp-block-button.is-style-outline .wp-block-button__link { border: 2px solid var(--main-color); color: var(--main-color); } .wp-block-button.is-style-outline .wp-block-button__link:hover { text-decoration: none; background: var(--main-color); color: #fff; } .wp-block-file .wp-block-file__button { background-color: #111; border-radius: 0; } .wp-block-file .wp-block-file__button:hover { background-color: var(--main-color); } .wp-block-file a.wp-block-file__button:hover { opacity: 1; } .wp-block-calendar a { text-decoration: none; } .wp-block-calendar tfoot a { color: var(--main-color); } .wp-block-image { margin-bottom: 1.5em; } .tag-cloud-link { font-weight: bold; font-size: 10px !important; color: #111; line-height: 1.3; padding: 4px 11px 5px; border: 1px solid #111; margin: 10px 6px 0 0; display: inline-block; text-transform: uppercase; text-decoration: none; } .tag-cloud-link:hover { color: #fff; border-color: var(--main-color); background: var(--main-color); } .wp-block-cover .is-style-outline .wp-block-button__link:not(.has-background) { background-color: transparent; } .wp-block-cover .is-style-outline .wp-block-button__link:not(.has-background):hover { background-color: #fff; border-color: #fff; } .wp-block-cover .is-style-outline .wp-block-button__link:not(.has-text-color) { color: #fff; } .wp-block-cover .is-style-outline .wp-block-button__link:not(.has-text-color):hover { color: #111; } .wp-block-cover .is-style-outline .wp-block-button__link.has-white-color:hover { color: #111; } blockquote, .wp-block-quote { padding: 110px 0 30px; margin: 0; position: relative; line-height: inherit; font-size: 28px; text-align: center; font-style: italic; line-height: 1.7; border-left: none; } blockquote:before, blockquote:after, .wp-block-quote:before, .wp-block-quote:after { position: absolute; } blockquote:before, .wp-block-quote:before { content: ''; background-image: url(images/quote.png); background-repeat: no-repeat; bottom: 0; top: 20px; left: 50%; transform: translateX(-50%); width: 85px; height: 65px; z-index: 2; } blockquote:after, .wp-block-quote:after { content: ''; width: 50px; height: 50px; border-radius: 50%; background: var(--main-color); z-index: 1; top: 10px; left: calc( 50% + 35px); transform: translateX(-50%); } blockquote cite, .wp-block-quote cite { color: #9a9a9a; position: relative; font-size: 13px; margin-top: 16px; display: block; font-style: normal; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 600; letter-spacing: 1px; } blockquote cite:before, .wp-block-quote cite:before { content: ''; display: block; background: #e2e2e2; height: 2px; width: 70px; margin: 0 auto 16px; } @media (min-width: 575px) { blockquote, .wp-block-quote { max-width: 100%; margin: 0 auto; } } .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin: 0 auto; padding: 125px 0 30px; } .wp-block-quote.is-large cite, .wp-block-quote.is-style-large cite { text-align: inherit; font-size: 13px; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 28px; } .wp-block-quote[style="text-align:right"]:before, .wp-block-quote[style="text-align:right"]:after, .wp-block-pullquote.alignright blockquote:before, .wp-block-pullquote.alignright blockquote:after { right: 0; left: unset; transform: none; } .wp-block-quote[style="text-align:right"] cite:before, .wp-block-pullquote.alignright blockquote cite:before { margin-left: auto; margin-right: 0; } hr.wp-block-separator { clear: both; } .wp-block-quote[style="text-align:left"]:before, .wp-block-pullquote.alignleft blockquote:before { left: 0; transform: none; } .wp-block-quote[style="text-align:left"]:after, .wp-block-pullquote.alignleft blockquote:after { left: 60px; transform: none; } .wp-block-quote[style="text-align:left"] cite:before, .wp-block-pullquote.alignleft blockquote cite:before { margin-left: 0; margin-right: auto; } .wp-block-pullquote { padding: 0; } .wp-block-pullquote.wp-block-pullquote.is-style-default { border: none; } .wp-block-pullquote.wp-block-pullquote.is-style-default p { font-size: 28px; } .wp-block-pullquote.wp-block-pullquote.is-style-default cite { color: #9a9a9a; } .wp-block-pullquote.alignleft blockquote { text-align: left; } .wp-block-pullquote.alignright blockquote { text-align: right; } .wp-block-pullquote.alignfull.is-style-default blockquote { background-color: #fff; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 28px; } .wp-block-pullquote.is-style-solid-color blockquote cite { text-align: center; } figure.wp-block-image.alignleft { margin-right: 1.5em; } figure.wp-block-image.alignright { margin-left: 1.5em; } .wp-block-cover.alignleft { margin: 4px 30px 20px 0; } .wp-block-cover.alignright { margin: 4px 0 20px 30px; } @media (max-width: 768px) { .wp-block-columns .wp-block-column { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: 0; margin-bottom: 40px; } } .wp-block-verse, .wp-block-preformatted { padding: 60px; font-size: 15px; } @media (min-width: 768px) { .entry-content .alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 49.4vw); width: auto; max-width: 1000%; } .entry-content .alignfull blockquote { max-width: 100%; } .entry-content .alignfull iframe { width: 100%; } } .alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } .alignfull .alignfull { width: 100%; margin-left: 0; margin-right: 0; } @media (min-width: 768px) { .alignwide { width: 750px; max-width: 750px; margin-left: calc(50% - 750px/2); margin-right: calc(50% - 750px/2); } } @media (min-width: 1024px) { .alignwide { width: 970px; max-width: 970px; margin-left: calc(50% - 970px/2); margin-right: calc(50% - 970px/2); } } @media (min-width: 1280px) { .alignwide { width: 1170px; max-width: 1170px; margin-left: calc(50% - 1170px/2); margin-right: calc(50% - 1170px/2); } } .post-template-full-width .alignfull, .page-template-full-width .alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } .post-template-full-width .alignfull .alignfull, .page-template-full-width .alignfull .alignfull { width: 100%; margin-left: 0; margin-right: 0; } @media (min-width: 768px) { .post-template-full-width .alignwide, .page-template-full-width .alignwide { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding-left: 30px; padding-right: 30px; } } @media (min-width: 1200px) { .post-template-full-width .alignwide, .page-template-full-width .alignwide { width: 1170px; margin-left: calc(50% - 1170px/2); margin-right: calc(50% - 1170px/2); padding-left: 0; padding-right: 0; } } .post-template-full-width .wp-block-jetpack-layout-grid-column .alignwide, .page-template-full-width .wp-block-jetpack-layout-grid-column .alignwide { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; width: auto; max-width: none; } .wp-block-button { margin-bottom: 1.5em; } .contact-form.contact-form input[type="text"], .contact-form.contact-form input[type="email"], .contact-form.contact-form input[type="tel"], .contact-form.contact-form input[type="url"] { width: 100%; }