/* Theme Name: Biscore Author: codenpy Author URI: https://codenpy.com Theme URI: https://codenpy.com/biscore-theme-free/ Description: Biscore is pure multi-purpose business wordpress theme specially build for business websites. Theme is fully responsive no matter which device you are using and tested with major browser. We are sure google will love it yes theme is SEO Optimized. Theme has special feature like Unlimited Colors, 10+ custom header, Tons of customization option, Page Builder, Portfolio, Blog, Amazing Slider, About Us Service, Counter, Countdown Sections and many more. Theme is fully Compatible with Woocommerce, Contact Form 7, Newsletter. Don't need any coding skill we make so easy for you and awesome support. Version: 1.0.8 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: biscore Tags: two-columns, right-sidebar, custom-logo, featured-images, footer-widgets, threaded-comments, translation-ready, full-width-template, sticky-post, custom-background */ /* General */ ul, ol { margin: 0; padding: 0; list-style-position: inside; } a { text-decoration: none; color: #43c6ac; transition: all 0.3s ease; } /* Text selection color */ /* Mozilla based browser */ ::-moz-selection { background-color: #43c6ac; color: #fff; } /* Opera browser */ ::-o-selection { background-color: #43c6ac; color: #fff; } /* Internet Explorer browser*/ ::-ms-selection { background-color: #43c6ac; color: #fff; } /* Chrome and safari browser */ ::-webkit-selection { background-color: #43c6ac; color: #fff; } /* Default */ ::selection { background-color: #43c6ac; color: #fff; } .right { float: right; } .dark { background-color: #f9f8f8; } .center { text-align: center; } .bold { font-weight: 700; } .radius { border-radius: 0.3rem; } .radius-big { border-radius: 1.2rem; } .shadow { box-shadow: 0 0 4rem rgba(42, 49, 57, 0.05); } .slick-dots li.slick-active button:before { color: #ffffff; } .slick-dots li button:before { font-size: 4.800000000000001rem; color: #ffffff; } .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; align-items: center; } .bordered { border-bottom: 1px solid #e0e0e0; } .underline { display: inline-block; margin-bottom: 0.6rem; height: 0.2rem; width: 5rem; background-color: #43c6ac; } .container { padding: 7.200000000000001rem 0; } .ct-customizer.u-full-width, .ct-footer > .u-full-width { padding: 7.200000000000001rem 0; } .ct-bottom-bar.u-full-width { padding: 10px 0 !important; } .u-full-width .container { padding: 0; } .columns, .column { padding: 0 1.6rem; } /** * * #.# Top Bar * */ .top-bar { background-color: #43c6ac; color: #ffffff; } .top-bar .row { padding: 0; } .top-bar span, .top-bar p { font-size: 1.4rem; font-weight: 700; margin-bottom: 0 !important; line-height: 3.5rem; } .top-bar .left > span { margin-right: 1rem; } .top-bar .right { text-align: right; } .top-bar .office-hour:before { content: "\f017"; font: normal 400 normal 1.6rem/1 FontAwesome; margin-right: 0.4rem; vertical-align: middle; } .top-bar .phone:before { content: "\f095"; font: normal 400 normal 1.6rem/1 FontAwesome; margin-right: 0.4rem; vertical-align: middle; } .top-bar .address:before { content: "\f041"; font: normal 400 normal 1.6rem/1 FontAwesome; margin-right: 0.4rem; vertical-align: middle; } .top-bar .e-mail:before { content: "\f003"; font: normal 400 normal 1.6rem/1 FontAwesome; margin-right: 0.4rem; } .social-icons { float: right; margin-left: 1rem; line-height: 3.5rem; } .social-icons li { display: inline-block; margin-right: 1rem; list-style-type: none; } .social-icons .social-icon:after { color: #ffffff; font: normal normal normal 1.6rem/1 FontAwesome; } .social-icons .facebook:after { content: "\f09a"; } .social-icons .twitter:after { content: "\f099"; } .social-icons .youtube:after { content: "\f16a"; } .social-icons .pinterest:after { content: "\f0d2"; } .social-icons .linked-in:after { content: "\f08c"; } .social-icons .instagram:after { content: "\f16d"; } /** * * #.# Header * */ /* Header Container */ .site-header { position: relative; background-color: #ffffff; } .site-header .row { padding: 0; } header .container, footer .container, .ct-bottom-bar .container, .top-bar .container { padding: 0; } .site-title { margin: 2rem 0px; line-height: 40px; } .site-title a { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } /* Small devices (landscape phones, less than 768px) */ @media (max-width: 767.98px) { .vertical-align { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: block !important; /** Overrides other display properties to make the contents align vertically **/ align-items: center; } } .back-to-top { position: fixed; right: 2%; bottom: 4%; display: none; } .back-to-top span { background-color: white; color: #555555; font-size: 22px; font-weight: 900; text-align: center; line-height: 39px; border-radius: 50%; width: 40px; height: 40px; box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16); } /* Navigation Menu */ .site-header { box-shadow: 0 0 4rem rgba(42, 49, 57, 0.05); z-index: 1; } .site-header .row { vertical-align: middle; } .site-header .site-branding { margin-top: 0.6rem; float: left; } .site-header .site-description { display: inline-block; } .site-header .menu-all-pages-container { float: right; } /* For devices smaller than 991.98px */ @media (max-width: 991.98px) { .site-header .site-branding { float: none; } } /** * * #.# 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: #43c6ac; } .widgetarea .menu-item, .sub-menu .menu-item { padding: 0; } .widgetarea .menu-item:after, .sub-menu .menu-item:after { content: unset; } .site-header .main-nav .menu-button a { color: #ffffff !important; background-color: #43c6ac; border-radius: 50px; box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16); line-height: 1; margin-top: -5px; padding: 1.0666666666666667rem 2.4000000000000004rem; } .site-header .main-nav .menu-button::after { content: unset; } .ct-slick .slick-dots { top: 90%; margin-bottom: 40px !important; } .ct-slick .slick-dots li { margin: 0; } .ct-slick-arrow { position: absolute; top: 50%; color: #ffffff; cursor: pointer; font-size: 2.4rem !important; font-weight: 900 !important; transform: translateY(-50%); z-index: 1; } .slick-left { left: 5%; } .slick-right { right: 5%; } .ct-slick-slide { position: relative; height: 55rem !important; background-size: cover; } .ct-slick-slide .ct-color-mask { position: absolute; height: 100%; width: 100%; background: linear-gradient(45deg, #0f1809 0%, #26897a 100%); opacity: 0.8; } .ct-slick-slide .ct-slide-content { color: #ffffff; width: 75%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ct-slick-slide .ct-slide-content h1 { font-size: 55px; font-weight: 600; margin-bottom: 22px; } .ct-slick-slide .ct-slide-content .description { font-size: 1.8rem; line-height: 1.4; } .slider-button-1, .slider-button-2 { position: relative; font-weight: 500; display: inline-block; border: 2px solid #ffffff; margin-top: 1.6rem; padding: 0.8rem 3.2rem; border-radius: 50px; box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16); cursor: pointer; } .slider-button-1::after, .slider-button-2::after { content: "\f0da"; font-family: "FontAwesome"; font-size: 1.4000000000000001rem; font-weight: 400; opacity: 1; margin-left: 5px; transition: all 0.1s ease-in; } .slider-button-1 { margin-right: 0.8rem; background-color: #ffffff; color: #43c6ac; transition: all 0.2s ease; } .slider-button-1:hover { background-color: transparent; color: #ffffff; } .slider-button-2 { color: #ffffff; } .slider-button-2:hover { background-color: #ffffff; color: #43c6ac; } /* Small devices (landscape phones, less than 768px) */ @media (max-width: 767.98px) { .ct-slick-slide .ct-slide-content { width: 80%; } } .slick-dotted.slick-slider { margin-bottom: 0; } .flipbox { background-color: transparent; margin-top: 2.4000000000000004rem; width: 100%; min-height: 335px; perspective: 1000px; } .flipbox .flip-front { opacity: 1; transition: opacity 0.2s; } .flipbox:hover .flip-front { opacity: 0; } .flipbox-inner { position: relative; width: 100%; min-height: 100%; text-align: center; transition: transform 0.2s; transform-style: preserve-3d; } .flipbox:hover .flipbox-inner { transform: rotateY(180deg); } .flip-front, .flip-back { position: absolute; width: 100%; min-height: 100%; backface-visibility: hidden; } .flip-front { background-color: #ffffff; } .flip-back { background-color: #43c6ac; transform: rotateY(180deg); } .flip-content { margin: 2.4rem; } .flip-content .fa { font-size: 6.4rem; margin-bottom: 1.6rem; } .flip-content p { line-height: 1.9; } .flip-title { font-size: 1.92rem; margin-bottom: 0.8rem; font-weight: 700; } /** * Theme Defaults */ .ct-main-body { position: relative; } .ct-main-body .columns img, .ct-main-body .thumbnail-area img { max-width: 100%; height: auto; vertical-align: bottom; } .ct-main-body .columns > img, .ct-main-body .thumbnail-area > img { max-width: 100%; } .fa-gradient::before { background: -webkit-linear-gradient(left, #f6f163 0%, #4eb7a7 70%); background: -moz-linear-gradient(45deg, #f6f163 0%, #4eb7a7 70%); background: -ms-linear-gradient(left, #f6f163 0%, #4eb7a7 70%); background: -o-linear-gradient(left, #f6f163 0%, #4eb7a7 70%); background: linear-gradient(left, #f6f163 0%, #4eb7a7 70%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .text-gradient { background: -webkit-linear-gradient(left, #f6f163 0%, #4eb7a7 70%); background: -moz-linear-gradient(45deg, #f6f163 0%, #4eb7a7 70%); background: -ms-linear-gradient(left, #f6f163 0%, #4eb7a7 70%); background: -o-linear-gradient(left, #f6f163 0%, #4eb7a7 70%); background: linear-gradient(left, #f6f163 0%, #4eb7a7 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .sticky { border: 1px solid #43c6ac; padding: 1.6rem; } .sticky .post-wrap { border-bottom: unset; } figure { overflow: hidden; margin: 0; } figure figcaption { box-sizing: border-box; bottom: 1rem !important; } .link-pages { margin: 1.6rem 0; } .post-page-numbers { padding: 4px; } ul li, ol li { margin-left: 1.6rem; list-style-position: inside; } code br { display: block; margin: -1.5rem 0; } .aligncenter { margin: 0 auto; display: block; } .alignleft { float: left; margin-right: 1rem; } .alignright { float: right; margin-left: 1rem; } .wp-caption { border: 1px solid #43c6ac; padding: 0.6rem; max-width: 100%; box-sizing: border-box; margin-bottom: 1rem; } .wp-caption img { max-width: 100%; } .wp-caption-text { text-align: center; } .gallery-caption { position: relative; font-size: 1.2rem; } iframe { max-width: 100%; } .post-excerpt h1, .next-post-wrap .next, .previous-post-wrap .prev { overflow-wrap: break-word; } .button { background-color: #43c6ac; color: #ffffff; padding: 0.6rem 1.5rem; border: 1px solid #43c6ac; border-radius: 0.2rem; cursor: pointer; box-shadow: 0 14px 28px -4px rgba(14, 17, 20, 0.1); transition: 0.2s all ease; } /*-------------------------------------------------------------- Social Menu --------------------------------------------------------------*/ #menu-social-items a { color: #ffffff; } .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: #ffffff; -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; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; 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; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } .read-more { position: relative; background-color: #43c6ac; color: #ffffff; font-weight: 500; display: inline-block; border: 2px solid #43c6ac; margin-top: 1.6rem; padding: 0.8rem 2.4000000000000004rem; border-radius: 50px; box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16); cursor: pointer; } .read-more::after { content: "\f0da"; font-family: "FontAwesome"; font-size: 1.6rem; font-weight: 400; opacity: 0; transition: all 0.1s ease-in; } .read-more:hover { color: #ffffff; } .read-more:hover::after { opacity: 1; margin-left: 5px; } /* Small devices (landscape phones, less than 768px) */ @media (max-width: 767.98px) { h1 { font-size: 3.6rem; } .columns, .column { margin-bottom: 3.2rem; } .columns:last-child { margin-bottom: 0; } } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /** * * #.# TYPOGRAPHY * */ h1 { line-height: 1; margin-bottom: 3.2rem; } h2 { font-size: 3.2rem; font-weight: 700; line-height: 1; margin-bottom: 1.6rem; } h3 { line-height: 1; } h4 { color: #43c6ac; font-size: 1.8rem; font-weight: 700; margin-bottom: 1rem; } .page h1, .single h1, .page h2, .single h2, .page h3, .single h3, .page h4, .single h4, .page h5, .single h5, .page h6, .single h6, .page table, .single table, .page dl, .single dl, .page ol, .single ol, .page ul, .single ul { margin-bottom: 2.2rem; } .page p, .single p { margin-bottom: 1rem; } .title-w-sub h4, .ct-sub { margin-bottom: 0.1rem !important; } ul.slick-dots { margin-bottom: 0; } .post-content ol ol, .post-content ol ol ol, .post-content ul ul, .post-content ul ul ul { margin-bottom: 0; } .post-content li { margin-bottom: 0.5rem; } /** * Body Contents */ .service-image { max-width: 100%; } .ct-info-box { border-bottom: 1px solid #e0e0e0; padding: 0; } .info-boxes, .member-boxes { display: flex; flex-wrap: wrap; width: 100%; } .info-box { width: 33%; box-sizing: border-box; } .member-box { padding: 0 1.6rem; box-sizing: border-box; } .info-box { position: relative; padding: 0 3rem 6.000000000000001rem; } .info-box:after { content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background-color: #e0e0e0; } .info-box:before { content: ""; position: absolute; top: 0; width: 100%; height: 1px; background-color: #e0e0e0; left: 0; } .info-box:nth-of-type(3n):after { content: unset; } .info-box:nth-of-type(-n + 3):before { content: unset; } .info-box:nth-child(n + 4) { padding-top: 6.000000000000001rem; } .three.info-box:nth-child(4n):after { content: unset; } .four.info-box:nth-child(3n):after { content: unset; } .info-box-flat .fa { margin-bottom: 1.6rem; color: #43c6ac; font-size: 7.2rem; } /* Small devices (landscape phones, less than 768px) */ @media (max-width: 767.98px) { .info-box { width: 100%; } .info-box:after { content: unset; } } .img-wrapper { display: flex; } .img-wrapper img { width: 100%; border-radius: 0.3rem; } .stats-counter .columns:first-child { padding-left: 0; } .stats-counter .columns:last-child { padding-right: 0; } /** * Footer Section */ .ct-footer { color: #ffffff; background-color: #282f35; border-top: 0.5rem solid #43c6ac; width: 100%; margin-top: 50px; } .ct-footer input[type="submit"] { color: #282f35; } .ct-footer .widget-title { font-size: 2.2399999999999998rem; font-weight: 700; } .ct-footer ul { list-style-position: inside; } .ct-footer ul li { list-style-type: none; margin-bottom: 1.2rem; } .ct-footer a { color: #ffffff; } .ct-footer a:hover { color: #43c6ac; } .ct-footer .fa { font-size: 2.4000000000000004rem; margin-right: 1.6rem; } .ct-footer select { color: #282f35; } .ct-footer-credits a { color: #f8ffae; } .ct-bottom-bar { color: #e6e6e6; background-color: #1d2226; padding: 1rem 0; } .ct-bottom-bar span { font-size: 1.4rem; } .footer-site-info { text-align: center; } .thumbnail-area { position: relative; } .thumbnail-area .post-date { background-color: #43c6ac; color: #ffffff; display: inline-block; position: absolute; bottom: 0; right: 0; border: 1rem solid #43c6ac; outline: 2px solid #ffffff; outline-offset: -1rem; padding: 0.2rem 0.5rem; } .thumbnail-area img { max-width: 100%; height: auto; } .post-details a { color: #444444; } .post-details a:hover { color: #43c6ac; } .single .post-details { margin-bottom: 1rem; } .post-loop h3 { display: inline-block; margin: 1rem 0; overflow-wrap: break-word; } .post-loop .post-date { margin-bottom: 1rem; } .post-loop .post-date span::after { display: inline-block; content: ""; border-top: 0.3rem solid #43c6ac; width: 1rem; margin-top: 1rem; margin-left: 0.5rem; transform: translateY(-0.4rem); } .single .post-date::after { display: inline-block; content: ""; border-top: 0.3rem solid #43c6ac; width: 1rem; margin-top: 1rem; margin-left: 0.5rem; transform: translateY(-0.4rem); } .gallery-item { float: left; margin-right: 1rem; } .post-date, .excerpt-comments, .post-edit { display: inline-block; } .excerpt-author::after, .excerpt-category::after { display: inline-block; content: ""; border-top: 0.3rem solid #43c6ac; width: 1rem; margin-top: 1rem; transform: translateY(-0.4rem); } .edit-link::before { display: inline-block; content: ""; border-top: 0.3rem solid #43c6ac; width: 1rem; margin-top: 1rem; transform: translateY(-0.4rem); } .post-edit-link { margin-left: 0.4rem; } .single-post .excerpt-category::after { width: 0; } .excerpt-category, .excerpt-author { display: inline-block; } .excerpt-category a { margin-right: 0.4rem; } .excerpt-author * { display: inline-block; } .excerpt-author * img { width: 3rem; height: auto; border-radius: 50%; } .post-body .excerpt-author img { margin-bottom: 0; } .post-wrap { border-bottom: 1px solid #43c6ac; padding-bottom: 1.5rem; } .featured-display { padding-bottom: 0; } .loop-container { padding-bottom: 0; } .loop-container .post { margin-bottom: 4.5rem; } .single-post h1 { margin-bottom: 1rem; } .post-details { margin-bottom: 0.5rem; } .post-body { padding-top: 4rem; padding-bottom: 4rem; } .post-body img { margin-bottom: 1rem; } .pagination-single .pagination-nav .prev, .pagination-single .pagination-nav .next { font-weight: 500; } .pagination-single { margin: 4rem 0; } .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.4545454545454546rem; 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.4545454545454546rem; font-weight: 500; } .next-post-wrap, .previous-post-wrap { position: relative; } .next-post-wrap a, .previous-post-wrap a { color: #444444; } .next-post-wrap a:hover, .previous-post-wrap a:hover { color: #43c6ac; } .next-post-wrap:before, .previous-post-wrap:before { color: #43c6ac; 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; } blockquote { position: relative; font-size: 1.9000000000000001rem; margin-bottom: 1.6rem; } blockquote p { font-size: 1.9000000000000001rem; } blockquote:before { content: "“"; font-size: 7rem; position: absolute; top: -1rem; left: -3rem; line-height: 1; } .post-content ul { margin-bottom: 1.6rem; } .archive-title, .search-title { padding-bottom: 0; } .archive-title h1, .search-title h1 { margin-bottom: 0; } .search-results .hentry { padding-bottom: 2rem; } .error-content .search-form { margin-top: 1.6rem; } .error-content input { box-sizing: border-box; } .post-pagination { text-align: center; padding: 0 0 1.6rem 0; } .post-pagination .page-numbers { padding: 0.2rem; } .post-pagination .pagination .page-numbers.prev::before, .post-pagination .pagination .page-numbers.next::after { font-size: 2rem; font-weight: 300; font-family: Fontawesome; line-height: 0.65; position: absolute; top: 0.5rem; width: 32px; -webkit-transition: all 0.3s; transition: all 0.3s; } .post-pagination .pagination .next { padding-right: 3.3rem; } .post-pagination .pagination .page-numbers.next::after { content: "\f178"; right: 0; } .post-pagination .pagination .next:hover::after { right: -1rem; } .post-pagination .pagination .prev { padding-left: 3.3rem; } .post-pagination .pagination .page-numbers.prev::before { content: "\f177"; left: 0; } .post-pagination .pagination .prev:hover::before { left: -1rem; } .gallery { display: flex; flex-flow: row wrap; justify-content: center; } .gallery-columns-3 .gallery-item { width: 32%; } .gallery-item img { display: block; margin: 0 auto; } .gallery-item .gallery-icon { margin-bottom: 2rem; } .post-password-form label { display: inline-block; } .top-bar ul { margin-bottom: 0; } .top-bar a, .top-bar a:hover, .top-bar a:active, .top-bar a:focus, .top-bar a:visited { color: #fff; } /* Small devices (landscape phones, less than 768px) */ @media (max-width: 767.98px) { .top-bar { display: none; } } .top-bar .textwidget { display: inline-block; } /** * -------------------------------------------------------------------------------- * Widget Styles * -------------------------------------------------------------------------------- */ .sidebar-widgetarea { margin-bottom: 2.4000000000000004rem; } .sidebar-widgetarea img { max-width: 100%; height: auto; } .sidebar-widgetarea input[type="search"] { box-sizing: border-box; } .widget-title { font-weight: 500; font-size: 2.4000000000000004rem; margin-bottom: 1rem; } #wp-calendar th, #wp-calendar td { padding: 6px 8px; } .widgetarea li { list-style-type: none; } .widgetarea ul li::before { content: "\f0da"; font-family: Fontawesome; font-size: 1.92rem; margin-right: 0.6rem; } .widgetarea ul li ul { margin-left: 1.2rem; } .widgetarea select { max-width: 100%; } .widgetarea input { box-shadow: 0 0 4rem rgba(42, 49, 57, 0.05); } .widgetarea .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } @media print { .widgetarea, .main-nav, .mobile-navigation, .menubar-right, .top-bar, #respond { display: none; } } /** * -------------------------------------------------------------------------------- * 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: #444444; margin-bottom: 1rem; font-weight: 700; } input, input[type="text"], input[type="email"], input[type="url"], textarea { background-color: #ffffff; border: 1px solid #ffffff; border-bottom-color: #e3e5e6; margin-bottom: 0.5rem; padding: 0 1rem; width: 100%; max-width: 100%; box-sizing: border-box; box-shadow: 0 0 4rem rgba(42, 49, 57, 0.05); } input:hover, input[type="text"]:hover, input[type="email"]:hover, input[type="url"]:hover, textarea:hover { border-bottom-color: #43c6ac; } .comment-form-cookies-consent label { display: inline-block; } .wp-comment-cookies-consent { display: inline-block; width: auto; } #comments input, .search-form input, #comments input[type="text"], .search-form input[type="text"], #comments input[type="email"], .search-form input[type="email"], #comments input[type="url"], .search-form input[type="url"], #comments textarea, .search-form textarea { width: 100%; } .wpcf7-submit { border: 1px solid #e3e5e6; } .comment-form-cookies-consent { display: inline-block; } #wp-comment-cookies-consent { width: unset; height: 1.6rem; } #wp-comment-cookies-consent { margin-right: 1rem; margin-bottom: 0; } .comment-form-cookies-consent label { display: inline-block; 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, input[type="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: #43c6ac; box-sizing: border-box; transition: border-bottom-color 0.2s ease; } .form-submit #submit:hover, input[type="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: 1.6rem; margin-bottom: 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 #43c6ac; } .comment article { margin-bottom: 1.6rem; padding: 1.6rem; background-color: #ffffff; box-shadow: 0 0 4rem rgba(42, 49, 57, 0.05); } .trackback, .pingback { margin-bottom: 1.6rem; } .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 #43c6ac; } /** * 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; } .wp-block-button { padding-top: 15px !important; } .has-background-dim { margin-top: 20px; margin-bottom: 20px; } .nine.columns { width: 65% !important; } .three.columns { width: 35% !important; } .nav-collapse a { color: #222; }