:root { --padding-text: 5px 10px; --padding-small: 15px; --padding-inner: 50px; --space-5: 5px; --radius-small: 3px; --color-border: #e1e1e1; --color-shaded: #989ea6; --color-white: #fff; --color-dark: #333; --color-primary: #309cf4; --margin-h2: 14px; --font-h2: 32px; --font-small: 14px; } /** * -------------------------------------------------------------------------------- * Main Stylesheet * -------------------------------------------------------------------------------- */ /** * * #.# General * */ ul, ol { margin: 0; padding: 0; list-style-position: inside; } a { text-decoration: none; color: #444; font-weight: 500; -ms-word-wrap: break-word; word-wrap: break-word; transition: all 0.2s ease; } a:hover { color: var(--color-primary); } a, a:hover, a:focus { transition: all 0.3s ease; } /* Text selection color */ /* Mozilla based browser */ ::-moz-selection { background-color: var(--color-primary); color: #fff; } /* Opera browser */ ::-o-selection { background-color: var(--color-primary); color: #fff; } /* Internet Explorer browser*/ ::-ms-selection { background-color: var(--color-primary); color: #fff; } /* Chrome and safari browser */ ::-webkit-selection { background-color: var(--color-primary); color: #fff; } /* Default */ ::selection { background-color: var(--color-primary); color: #fff; } .right { float: right; } .white { background-color: #fff; } .dark { background-color: #f9f8f8; } .center { text-align: center; } .bold { font-weight: 700; } .shadow { box-shadow: 0 14px 28px -4px rgba(14, 17, 20, 0.1); } .slick-dots li.slick-active button:before { color: #fff; } .slick-dots li button:before { font-size: 4.8rem; color: #fff; } .parallax { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .vertical-align { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex !important; /** Overrides other display properties to make the contents align vertically **/ align-items: center; } .bordered { border-bottom: 1px solid #e0e0e0; } .underline { display: inline-block; margin-bottom: 1rem; height: 0.2rem; width: 5rem; background-color: var(--color-primary); } .container { padding: 3.6rem 0; } .u-full-width { padding: 3.6rem 0; } .u-full-width .container { padding: 0; } /** * * #.# Header * */ /* Header Container */ .sticky-header { padding-top: 10rem; } .site-header { background-color: #fff; position: fixed; top: 0; left: 0; padding: 1.5rem 0; width: 100%; z-index: 9; transition: 0.3s all ease; } .site-header .row { padding: 0 1.6rem; } .stuck { z-index: 9; box-shadow: 0 14px 28px -4px rgba(14, 17, 20, 0.1); } .hidden { visibility: hidden; opacity: 0; height: 0 !important; transition: visibility 0s 0.2s, opacity 0.2s linear, height 0.2s; } .visible { visibility: visible; opacity: 1; transition: opacity 0.2s linear; } header > .container { padding: 0; width: 85%; } /* For devices Smaller than 600px */ @media (max-width: 600px) { header > .container { padding: 0; width: 85%; } .site-header .row { padding: 0 1.6rem 0 0 !important; } } /** * * #.# Misc * */ .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { padding: 0; } .widgetarea .menu ul { margin-left: 0; } footer .container, .ct-bottom-bar .container, .top-bar .container { padding: 0; } .site-title { margin: 1rem 0px; } .site-title a { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .site-title a:hover { color: unset !important; } /* Navigation Menu */ .site-header .row { display: flex; justify-content: space-between; align-items: center; } .site-header .row::after { content: none; } .site-header .site-branding { margin-top: 0.6rem; float: left; } .site-header .menu-all-pages-container { float: right; display: flex; align-items: center; } .site-branding .custom-logo-link img, .site-branding .custom-logo-dark img { max-width: 220px; height: auto; } .admin-bar .site-header { top: 3.2rem; } @media screen and (max-width: 782px) { .admin-bar .site-header { top: 4.6rem; } } /* For devices smaller than 991.98px */ @media (max-width: 991.98px) { .site-header .site-branding { float: none; } } nav { position: relative; z-index: 2; } nav a { font-size: 1.6rem; font-weight: 700; } .main-nav li { list-style-type: none; } .main-nav > li { float: left; } .main-nav li a:hover { color: var(--color-primary); } .main-nav > li > a { color: #444; display: block; padding: 2.2rem 1.6rem; } .sub-menu li { margin-bottom: 0.6rem; } .main-nav > .menu-item-has-children > ul { background-color: #fff; position: absolute; padding: 1.6rem 2.4rem; width: 220px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .main-nav > .menu-item-has-children:hover > ul { border-bottom: 1px solid var(--color-primary); opacity: 1; visibility: visible; } .main-nav .menu-item-has-children > a:after { content: "\f107"; padding-left: 6px; font: normal normal normal 16px/1 FontAwesome; } .main-nav .menu-item-has-children .menu-item-has-children > ul { background-color: #fff; position: absolute; margin-left: -1.1rem; padding: 1.6rem 2.4rem; border-left: 1px solid var(--color-primary); width: 185px; left: 100%; opacity: 0; visibility: hidden; -webkit-transform: translateY(-2.4rem); -moz-transform: translateY(-2.4rem); -o-transform: translateY(-2.4rem); transform: translateY(-2.4rem); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .main-nav .menu-item-has-children .menu-item-has-children:hover > ul, .main-nav .menu-item-has-children .menu-item-has-children > ul.is-focused { opacity: 1; visibility: visible; } .main-nav .menu-item-has-children .menu-item-has-children > a:after { content: "\f105"; display: inline-block; font: normal normal normal 1.6rem/1 FontAwesome; right: 0; padding-top: 0.4rem; padding-right: 2.4rem; position: absolute; } .main-nav li ul li a { color: #444; } .menu-item-has-children > ul.is-focused { opacity: 1; visibility: visible; } /* Mobile Navigation Menu */ .mobile-menu-container { position: absolute; top: 0; right: 3.2rem; } .menubar-right, .menubar-close { cursor: pointer; position: absolute; font-size: 2.7rem; right: 0; top: 2.4rem; z-index: 2; } .menubar-right { position: relative; } .menubar-right { top: 0; } .menubar-close { right: 0; top: 0; padding: 0.45rem 0.75rem 0.6rem; line-height: 1; background-color: var(--color-primary); color: #fff; } .menubar-close:hover { color: #fff; } .has-logo { top: 1.2rem; } .admin-bar .mobile-menu-open { top: 32px; } @media screen and (max-width: 782px) { .admin-bar .mobile-menu-open { top: 46px; } } .dropdown-toggle { cursor: pointer; font-size: 2.2rem; padding: 0 1rem; position: absolute; top: -5px; right: -0.1rem; -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; -o-transition: -o-transform 0.2s ease-out; transition: transform 0.2s ease-out; } .nav-parent { background-color: #fff; border-left: 1px solid #e3e3e3; padding: 4rem; position: fixed; overflow-y: scroll; top: 0; right: 0; bottom: 0; max-width: 35rem; width: 100%; visibility: hidden; z-index: 9902; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s ease; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); box-shadow: 0 14px 28px -4px rgba(14, 17, 20, 0.1); } .mobile-menu-open { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; visibility: visible; } .mobile-menu-open .mobile-nav > li > ul { padding-left: 0; margin-left: 10px; } .mobile-nav li { position: relative; list-style-type: none; } .mobile-nav > li { border-bottom: 1px solid #e3e3e3; } .mobile-nav > li:last-child { border-bottom: none; } .mobile-nav li a { padding: 1rem; display: block; } .mobile-nav li ul li ul a, .mobile-nav li ul a { display: block; } .mobile-nav > li > ul { display: none; padding-left: 1.6rem; } .mobile-nav > li > ul > li > ul { display: none; padding-left: 1.6rem; } .toggled { -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } /** * * #.# Media Queries * */ /* Medium devices (tablets, less than 992px) */ @media (max-width: 991px) { .main-nav { display: none; } } /* Larger than tablet */ @media (min-width: 992px) { .mobile-navigation { display: none; } } .highlight { position: relative; } ul .highlight::after { content: "\f111"; font-family: Fontawesome; font-size: 1rem; position: absolute; right: 1rem; top: 1.2rem; color: var(--color-primary); } .menu-item-has-children::after { right: 1.6rem !important; } /* Medium devices (tablets, less than 992px) */ @media (max-width: 991px) { ul .highlight::after { top: 0.4rem; } } /** * -------------------------------------------------------------------------------- * Comments Template * -------------------------------------------------------------------------------- */ .logged-in .comment-message-section { width: 100%; } .comment-message-section, .comment-author-section { width: 49%; float: left; } .comment-author-section { padding-left: 2%; } .comment-author-section > div { margin-bottom: 0.3rem; } label { display: block; color: #444; margin-bottom: 1rem; font-weight: 700; } input, input[type="text"], input[type="email"], input[type="url"], textarea { background-color: #fff; border: 1px solid #fff; border-bottom-color: #e3e5e6; margin-bottom: 0.5rem; padding: 0 1rem; width: 100%; box-sizing: border-box; transition: border-bottom-color 0.2s ease; } input:hover, input[type="text"]:hover, input[type="email"]:hover, input[type="url"]:hover, textarea:hover { border-bottom-color: var(--color-primary); } .wpcf7-submit { border: 1px solid #e3e5e6; } .comment-form-cookies-consent { float: left; } .comment-form-cookies-consent * { display: inline; } #wp-comment-cookies-consent { margin-right: 1rem; margin-bottom: 0; } input, input[type="text"], input[type="email"], input[type="url"] { height: 4rem; } .submit > button { margin-top: 1rem; text-transform: uppercase; padding: 0 2rem; height: 4.5rem; } .form-submit #submit { background-color: #ffffff; font-size: 1.5rem; margin: 0; padding: 0 1.5rem; width: 100%; height: 4rem; text-align: center; position: relative; border: 1px solid #ffffff; border-bottom-color: var(--color-primary); box-sizing: border-box; transition: border-bottom-color 0.2s ease; } .form-submit #submit:hover { border-bottom-color: #e3e5e6; } .author-image { float: left; padding-right: 0.6rem; } .author-image img { border-radius: 100%; width: 5rem; height: 5rem; } .ct-has-description img { width: 10rem; } .comment-wrapper { display: table; padding-left: 1.6rem; border-left: 1px dotted #1f1f1f; margin-bottom: 3.6rem; } .comment-wrapper p { margin-bottom: 0; } #comments { margin-top: 2.4rem; } #comments ol { list-style-type: none; } .comment-author .fn a { font-weight: 500; } .comment-author img { float: left; border-radius: 50%; margin-right: 2rem; } .comment-author .says { display: none; } .comment-meta { margin-bottom: 1rem; } .comment-meta a { font-weight: 400; } .reply { display: block; text-align: right; } .comment { border-top: 2px solid var(--color-primary); } .comment article { margin-bottom: 2.4rem; padding: 2.4rem; background-color: #fff; box-shadow: 0 14px 28px -4px rgba(14, 17, 20, 0.1); } .trackback, .pingback { margin-bottom: 2.4rem; } .comment p { margin-bottom: 1rem; } .comment .children { margin-left: 6rem; } .comment-time { font-size: 1.4rem; font-weight: 400; } .comments-pagination { margin-bottom: 2.4rem; } .comments-pagination .nav-links { margin-right: 1rem; } .comments-pagination .nav-links > .next { margin-right: 0; } .comments-pagination .nav-links > .next, .comments-pagination .nav-links > .prev { position: relative; top: 0.2rem; } .author-link { margin-top: 1rem; } .bypostauthor { border-top: unset !important; /* Override if posted by admin */ } .bypostauthor article { border: 2px solid var(--color-primary); } /** * Comment Form Defaults styling */ .form-submit { margin-top: 1rem; } .comment-form-comment { width: 49%; float: left; } .comment-form-author, .comment-form-email, .comment-form-url { width: 49%; float: right; } .logged-in .comment-form-comment { width: 100%; float: unset; } /* General Updates */ #commentform { padding: 2.4rem; box-shadow: 0 14px 28px -4px rgba(14, 17, 20, 0.1); border-top: 2px solid var(--color-primary); background-color: #fff; } .comment-metadata time, .edit-link, .edit-link * { font-size: 12px; color: rgba(0, 0, 0, 0.3); } .comment-metadata { line-height: 0.8; } .bypostauthor { position: relative; } .bypostauthor article { border: unset; border-top: 2px solid var(--color-primary); } .bypostauthor article::before { content: "Admin"; position: absolute; top: 0; right: 0; color: #fff; background: var(--color-primary); padding: 0 5px; font-size: 12px; } /** * -------------------------------------------------------------------------------- * TYPOGRAPHY * -------------------------------------------------------------------------------- */ * { margin: 0; } /** * Default Styles */ .single img, .page img, .single video, .page video { height: auto; max-width: 100%; } figure { margin: 0; } .alignnone { max-width: 100%; height: auto; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; max-width: 100%; } .alignleft { display: inline; float: left; margin-right: 1.5rem; } .alignright { display: inline; float: right; margin-left: 1.5rem; } .wp-caption-text { font-size: 1.4rem; font-style: italic; } div:not(.has-post-thumbnail) > .post-single > .post-date { left: 0; right: unset; } div:not(.has-post-thumbnail) > .post-single > .entry-title { margin-top: 2rem; } .button { background-color: var(--color-primary); color: #fff; padding: 0.6rem 1.5rem; border: 1px solid var(--color-primary); border-radius: 0.2rem; cursor: pointer; box-shadow: 0 14px 28px -4px rgba(14, 17, 20, 0.1); transition: 0.2s all ease; } .button:hover { color: var(--color-primary); background-color: #fff; } .reverse-button { background-color: #fff; color: var(--color-primary); padding: 0.6rem 1.5rem; border: 1px solid var(--color-primary); border-radius: 0.2rem; cursor: pointer; box-shadow: 0 14px 28px -4px rgba(14, 17, 20, 0.1); transition: 0.2s all ease; } .reverse-button:hover { color: var(--color-primary); background-color: var(--color-primary); } .next-post-wrap, .previous-post-wrap { position: relative; } .next-post-wrap:before, .previous-post-wrap:before { color: var(--color-primary); font-size: 2rem; font-weight: 300; font-family: Fontawesome; line-height: 0.65; position: absolute; top: -2rem; width: 32px; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s; transition: all 0.2s; } .next-post-wrap:hover:before, .previous-post-wrap:hover:before { opacity: 1; visibility: visible; right: 0; } .next-post-wrap:before { content: '\f178'; right: 2rem; } .previous-post-wrap:before { content: '\f177'; left: 2rem; } .previous-post-wrap:hover:before { opacity: 1; visibility: visible; left: 0; } /** * -------------------------------------------------------------------------------- * Masonry Section * -------------------------------------------------------------------------------- */ .masonry-layout { padding: 3.6rem 0 0 0; } .grid-item { padding: 0; } .grid-item .post-wrap { background-color: #ffffff; position: relative; border-bottom: 1px solid #fff; margin: 0 1.5rem 3rem 1.5rem; padding: 0; transition: 0.2s all ease; } .grid-item .post-wrap > a { display: block; position: relative; } .grid-item .post-wrap > a::before { content: ""; position: absolute; top: 4px; right: 4px; left: 4px; bottom: 4px; border: 2px solid #fff; } .grid-item .post-wrap:hover { box-shadow: 0 14px 28px -4px rgba(14, 17, 20, 0.1); border-bottom: 1px solid var(--color-primary); } .grid-item a { color: var(--color-primary); } .single-masonry img { display: block; width: 100%; height: auto; } .single-masonry .post-excerpt { background-color: #fff; position: relative; padding: 2.4rem; } .single-masonry .post-date { position: absolute; top: -13px; left: -16px; background-color: var(--color-primary); border-radius: 4px; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; } .single-masonry .post-date span { color: #fff; font-size: 1.6rem; font-weight: 500; line-height: 1.5; padding: 0 1rem; } .single-masonry .excerpt-footer { padding-top: 1rem; } .single-masonry .excerpt-footer .excerpt-author, .single-masonry .excerpt-footer .excerpt-category { float: left; } .single-masonry .excerpt-footer .excerpt-comments { float: right; } .single-masonry .excerpt-footer .excerpt-author { position: relative; display: inline-block; } .single-masonry .excerpt-footer .excerpt-author img { width: 3.6rem; height: 3.6rem; border-radius: 100%; } .single-masonry .excerpt-footer .excerpt-author:hover .author-name { bottom: 4.4rem; opacity: 1; } .single-masonry .excerpt-footer .excerpt-category { display: inline-block; margin-left: 1rem; line-height: 2.2; } .single-masonry .excerpt-footer .excerpt-category a { font-weight: 500; } .single-masonry .excerpt-footer .comments-count, .single-masonry .excerpt-footer .author-name { color: #fff; background-color: #444; font-size: 0.9rem; font-weight: 500; text-align: center; position: absolute; left: -111%; bottom: 4.8rem; padding: 0 0.5rem; border-radius: 0.3rem; width: 75px; opacity: 0; transition: 0.1s all ease-in-out; } .single-masonry .excerpt-footer .comments-count:after, .single-masonry .excerpt-footer .author-name:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -0.5rem; width: 0; height: 0; border-top: solid 0.5rem #444; border-left: solid 0.5rem transparent; border-right: solid 0.5rem transparent; } .single-masonry .excerpt-footer .author-name { left: -55%; } .single-masonry .excerpt-footer .comments-count { bottom: 4.2rem; } .single-masonry .excerpt-footer .excerpt-comments { position: relative; text-align: end; display: inline-block; flex-shrink: 0; flex-grow: 1; } .single-masonry .excerpt-footer .excerpt-comments:hover .comments-count { bottom: 3.8rem; opacity: 1; } .single-masonry .excerpt-footer .excerpt-comments:after { content: "\f086"; font-family: Fontawesome; font-size: 2.4rem; } .single-masonry .excerpt-footer .fa { color: #fff; background-color: #444; padding: 0.5rem; border-radius: 100%; } .post-single { padding: 2.4rem; } .link-pages { float: right; } .display-meta { padding-top: 1.6rem; } .display-category, .display-tag { display: inline-block; } .display-tag { float: right; } .author-info .entry-author-label { color: #999; font-size: 1.6rem/1.1; } .author-info img { border-radius: 50%; } .author-info .author-details { margin-left: 1.6rem; } /** * -------------------------------------------------------------------------------- * Pagination * -------------------------------------------------------------------------------- */ .pagination { padding: 2.4rem 0; } .pagination .nav-links { text-align: center; } .pagination .page-numbers { padding: 0.6rem; } .pagination .page-numbers.next::after { content: '\f178'; right: 0; } .pagination .page-numbers.prev::before { content: '\f177'; left: 0; } .pagination .prev, .pagination .next { position: relative; } .pagination .prev { padding-left: 3.3rem; } .pagination .prev:hover::before { left: -1rem; } .pagination .next { padding-right: 3.3rem; } .pagination .next:hover::after { right: -1rem; } .pagination .page-numbers.prev::before, .pagination .page-numbers.next::after { font-size: 2rem; font-weight: 300; font-family: Fontawesome; line-height: 0.65; position: absolute; top: 0.8rem; width: 32px; -webkit-transition: all 0.3s; transition: all 0.3s; } .pagination .screen-reader-text { display: none; } .featured-single-image { position: relative; } .featured-single-image::before { content: ""; position: absolute; top: 4px; left: 4px; border: 2px solid #fff; right: 4px; bottom: 4px; } .featured-single-image img { display: block; width: 100%; height: auto; } .single-post-content { box-shadow: 0 14px 28px -4px rgba(14, 17, 20, 0.1); } .fs-top { border-top: 2px solid var(--color-primary); } .single-post-content, .single-page-content { position: relative; } .single-post-content h1, .single-page-content h1, .single-post-content h2, .single-page-content h2, .single-post-content h3, .single-page-content h3, .single-post-content h4, .single-page-content h4, .single-post-content h5, .single-page-content h5, .single-post-content h6, .single-page-content h6, .single-post-content p, .single-page-content p, .single-post-content ul, .single-page-content ul, .single-post-content ol, .single-page-content ol { margin-bottom: 2.5rem; } .single-post-content ul li, .single-page-content ul li { list-style-type: none; padding-left: 3rem; position: relative; margin-bottom: 1.2rem; } .single-post-content ul li::before, .single-page-content ul li::before { content: '\f111'; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; text-rendering: auto; -moz-osx-font-smoothing: grayscale; color: #ccc; position: absolute; top: 6px; left: 8px; line-height: 1; } .single-post-content ol, .single-page-content ol { counter-reset: counter; } .single-post-content ol li, .single-page-content ol li { list-style-type: none; counter-increment: counter; margin-bottom: 2.5rem; padding-left: 5.5rem; position: relative; } .single-post-content ol li::before, .single-page-content ol li::before { content: counter(counter); position: absolute; top: -0.5rem; left: 0; width: 30px; height: 30px; counter-increment: list-number; border: 2px solid #e5e5e5; border-radius: 30px; text-align: center; line-height: 30px; font-weight: bold; font-size: 1.5rem; } .single-post-content .post-date, .single-page-content .post-date { background-color: var(--color-primary); position: absolute; top: -2.7rem; right: 0; border: 1rem solid var(--color-primary); outline: 2px solid #fff; outline-offset: -1.2rem; padding: 0.4rem 1.2rem; } .single-post-content .post-date span, .single-page-content .post-date span { color: #fff; font-family: "Lora", serif; text-align: center; } .single-post-content .post-date-2, .single-page-content .post-date-2 { background: var(--color-primary); display: inline-block; padding: 4px 10px; border-radius: 4px; margin-bottom: 15px; color: #fff; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; font-size: 14px; } .single-post-content .display-category:before, .single-page-content .display-category:before { content: "\f07b"; font-family: Fontawesome; font-size: 1.92rem; margin-right: 0.5rem; } .link-pages > .page-numbers { background-color: #fff; color: var(--color-primary); padding: 0.6rem 1.5rem; border: 1px solid var(--color-primary); border-radius: 0.2rem; cursor: pointer; box-shadow: 0 14px 28px -4px rgba(14, 17, 20, 0.1); transition: 0.2s all ease; } .entry-footer { background-color: #fff; border-top: 2px solid var(--color-primary); margin-top: 2.4rem; padding: 1.6rem; box-shadow: 0 14px 28px -4px rgba(14, 17, 20, 0.1); } .pagination-single { margin-top: 4rem; } .pagination-single .pagination-nav { font-size: 1.92rem; } .pagination-single .pagination-nav .previous-post-wrap { width: 50%; display: inline-block; } .pagination-single .pagination-nav .previous-post-wrap .previous-post { font-size: 1.6rem/1.1; font-weight: 500; } .pagination-single .pagination-nav .next-post-wrap { width: 50%; text-align: right; float: right; } .pagination-single .pagination-nav .next-post-wrap .next-post { font-size: 1.6rem/1.1; font-weight: 500; } /** * -------------------------------------------------------------------------------- * Sidebar & Widgets * -------------------------------------------------------------------------------- */ .widgetarea { margin-bottom: 2rem; } .widgetarea li { list-style-type: none; } .widgetarea h3 { margin-bottom: 0.6rem; } .widgetarea img { display: block; max-width: 100%; height: auto; } .widgetarea select { max-width: 100%; } .widgetarea ul li:before { content: "\f0c1"; font-family: Fontawesome; font-size: 1.92rem; margin-right: 0.6rem; } .widgetarea .wp-block-latest-comments__comment-link { line-height: 1.2; } input[type="search"].search-field, input[type="search"].wp-block-search__input { background: #ffffff; min-width: auto; display: table-cell; margin-bottom: 0; padding: 0 1rem; font-weight: 400; width: 100%; height: 4rem; border: 1px solid #ffffff; border-bottom-color: #ffffff; border-bottom-color: #309cf4; box-sizing: border-box; } .search-submit, .wp-block-search__button { background-color: #ffffff; font-size: 1.5rem; margin: 0; padding: 0 1.5rem; width: 40%; height: 4rem; text-align: center; position: relative; border: 1px solid #ffffff; border-bottom-color: #ffffff; border-bottom-color: #309cf4; box-sizing: border-box; } #wp-calendar { table-layout: fixed; width: 100%; } #wp-calendar th, #wp-calendar td { padding: 5px 0; } #wp-calendar #next { text-align: right; } /** * -------------------------------------------------------------------------------- * Miscellaneous * -------------------------------------------------------------------------------- */ .archive-title, .search-title { padding-top: 5.2rem; padding-bottom: 0; } .archive-title h1, .search-title h1 { margin-bottom: 0; } .search-results .grid-item.page .excerpt-footer { display: none !important; /** Overrides vertical-align class display properties **/ } .sticky .post-wrap { border-bottom: 1px solid var(--color-primary); } .says, .edit-link .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .edit-link::before { content: '\f040'; font-family: Fontawesome; font-size: 1.7rem; margin-right: 0.5rem; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; max-width: 33.33%; width: 100%; } iframe { max-width: 100%; } .post blockquote, .page blockquote { position: relative; margin: 3rem 4rem; padding: 3rem; border: 10px solid #f5f5f5; } .post blockquote p, .page blockquote p { margin-bottom: 1.5rem; font-weight: bold; font-size: 2rem; } .post blockquote cite, .page blockquote cite { font-style: normal; color: rgba(0, 0, 0, 0.3); } .entry-title { -ms-word-wrap: break-word; word-wrap: break-word; } ol ol, ul ol, ol ul, ul ul { margin-left: 2.4rem; } /* For devices smaller than 991.98px */ @media (max-width: 991.98px) { .widgetarea { margin-top: 2rem; } } /** * -------------------------------------------------------------------------------- * Footer Section * -------------------------------------------------------------------------------- */ .footer { width: 100%; border-top: 2px solid var(--color-primary); background-color: #fff; } .footer .widget-title { font-size: 2.24rem; font-weight: 700; } .footer .widgetarea { margin-bottom: 0; } .footer .widgetarea ul li::before { content: ''; } .footer ul { list-style-position: inside; } .footer ul li { list-style-type: none; } .footer a { color: #444; } .footer a:hover { color: var(--color-primary); } .footer .fa { font-size: 2.4rem; margin-right: 1.6rem; } .footer .mc4wp-form { margin-top: 1.6rem; } .footer .footer-site-info { text-align: center; font-size: 1.4rem; border-top: 1px solid var(--color-primary); padding: 1rem 0; } .input-newsletter { display: table; width: 100%; } .input-newsletter input { transition: border-bottom-color 0.2s ease; } .input-newsletter > input { background: #fff; min-width: auto; display: table-cell; padding: 0 1rem 1px; font-weight: 400; width: 100%; height: 4rem; border: 1px solid #ffffff; border-bottom-color: var(--color-primary); box-sizing: inherit; } .input-newsletter .input-newsletter-button { width: auto; display: table-cell; } .input-newsletter .input-newsletter-button > input { background-color: #fff; font-size: 1.5rem; margin: 0; padding: 0 1.5rem; height: 4rem; text-align: center; position: relative; border: 1px solid #ffffff; border-bottom-color: var(--color-primary); box-sizing: inherit; } .input-newsletter:hover input { border-bottom: 1px solid #e3e5e6; } ::-webkit-input-placeholder { font-size: 10px; } ::-moz-placeholder { font-size: 10px; } :-ms-input-placeholder { font-size: 10px; } ::placeholder { font-size: 10px; } .blog .post-excerpt h3 { margin-bottom: 10px; } #cancel-comment-reply-link { margin-left: 10px; } .status-sticky i { display: none; } .sub-menu .menu-item { border-bottom: 1px solid #e0e0e0; margin-bottom: 10px; padding-bottom: 10px; } .sub-menu .menu-item:last-child { border-bottom: unset; margin-bottom: 0; padding-bottom: 0; } /* Skip link */ .skip-link { position: absolute; top: -50px !important; left: 10px; background-color: #fff; color: var(--color-primary); border: 2px solid var(--color-primary); border-radius: 3px; padding: 6px 10px; z-index: 9999999999; } .skip-link:focus { top: 0 !important; } .post-content a, .comment-list .comment-content a, .widget_text a, blockquote a { text-decoration: underline; } input[type="checkbox"] { height: 1.6rem; width: 16px; } .blog .post-excerpt h3 { line-height: 1.4; } #submit { margin-bottom: 1.6rem !important; } /** * -------------------------------------------------------------------------------- * Topbar Section * -------------------------------------------------------------------------------- */ .site-topbar { transition: visibility 0s 0.2s, opacity 0.2s linear, height 0.2s; background-color: var(--color-primary); } .site-topbar .container { display: flex; align-items: center; padding: 0; } .site-topbar .item-icon { font-size: 1.4rem; } .site-topbar .item-icon a:hover { color: #fff; } .site-topbar .item-icon .fa { margin-right: 5px; } .site-topbar * { color: #fff; } .site-topbar .topbar-right-align { text-align: right; float: right; } .has-topbar { padding: 0; } .has-topbar > .container { padding: 1rem 0; } .ct-phone-no, .ct-email-addr { display: inline-block; } .ct-email-addr { margin-left: 10px; } /*-------------------------------------------------------------- Social Menu --------------------------------------------------------------*/ #menu-social-items a { color: #fff; } .menu-social { z-index: 2; display: inline-block; } #menu-social, #menu-social-items { margin-left: 0px; vertical-align: top; } #menu-social-items li { padding: 0; text-align: center; font-size: 0.8em; position: relative; list-style-type: none; display: inline-block; height: 3rem; margin-left: 0.6rem; } .menu-social li a:before { display: inline-block; padding: 0; vertical-align: top; font-family: 'FontAwesome'; font-size: 1.4em; color: #fff; -webkit-font-smoothing: antialiased; } .social-media-icons li:hover { background-color: #444; } .social-media-icons li:hover > a { color: #1ED3A4; } /* Menu uses Font Awesome icons */ .menu-social li a[href*="facebook.com"]::before { content: '\f09a'; } .menu-social li a[href*="twitter.com"]::before { content: '\f099'; } .menu-social li a[href*="github.com"]::before { content: '\f09b'; } .menu-social li a[href*="linkedin.com"]::before { content: '\f0e1'; } .menu-social li a[href*="wordpress.com"]::before, .menu-social li a[href*="wordpress.org"]::before { content: '\f19a'; } .menu-social li a[href*="tumblr.com"]::before { content: '\f173'; } .menu-social li a[href*="plus.google.com"]::before { content: '\f0d5'; } .menu-social li a[href*="dribbble.com"]::before { content: '\f17d'; } .menu-social li a[href*="instagram.com"]::before { content: '\f16d'; } .menu-social li a[href*="vimeo.com"]::before { content: '\f194'; } .menu-social li a[href*="youtube.com"]::before { content: '\f167'; } .menu-social li a[href*="pinterest.com"]::before { content: '\f0d2'; } .menu-social li a[href*="flickr.com"]::before { content: '\f16e'; } .menu-social li a[href*="bitbucket.com"]::before { content: '\f171'; } .menu-social li a[href*="digg.com"]::before { content: '\f1a6'; } .menu-social li a[href*="reddit.com"]::before { content: '\f1a1'; } .menu-social li a[href*="codepen.io"]::before { content: '\f1cb'; } .menu-social li a[href*="behance.com"]::before { content: '\f1b4'; } .menu-social li a[href*="slideshare.net"]::before { content: '\f1e7'; } .menu-social li a[href*="/feed"]::before { content: '\f413'; } .menu-social li a[href*="subscribe"]::before { content: '\f410'; } .menu-social li a span::before { width: 20px; height: 20px; color: #999; border-radius: 20px; } @media (max-width: 991px) { .site-topbar { display: none; } } .wp-block-media-text { box-shadow: inset 0 0 0px 1px #eee; } .wp-block-media-text, .wp-block-gallery { margin-top: 4rem; margin-bottom: 4rem; border-radius: 4px; overflow: hidden; } .wp-block-image { border-radius: 4px; overflow: hidden; } .wp-block-image figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { position: absolute; bottom: 0; left: 0; pointer-events: none; z-index: 1; display: block; margin: 0; padding: 40px 12px 8px; border: none; width: 100%; max-width: 100%; max-height: 100%; text-align: left; color: #fff; white-space: nowrap; text-overflow: ellipsis; background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 60%, transparent); overflow: hidden; } figure { position: relative; } .single-post-content .wp-block-gallery .blocks-gallery-item { padding-left: 0; } .single-post-content .wp-block-gallery li::before { content: ""; }