/* 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.4 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 .3s ease; } a, a:hover, a:focus { outline: 0; } @include transition(all 300ms 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: .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: .6rem; height: .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: .4rem; vertical-align: middle; } .top-bar .phone:before { content: "\f095"; font: normal 400 normal 1.6rem/1 FontAwesome; margin-right: .4rem; vertical-align: middle; } .top-bar .address:before { content: "\f041"; font: normal 400 normal 1.6rem/1 FontAwesome; margin-right: .4rem; vertical-align: middle; } .top-bar .e-mail:before { content: "\f003"; font: normal 400 normal 1.6rem/1 FontAwesome; margin-right: .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: .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; } } nav { display: inline-block; 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: #43c6ac; } .main-nav > li > a { color: #444444; display: block; } .sub-menu li { margin-bottom: .6rem; } .main-nav > .menu-item-has-children > ul { background-color: #fff; position: absolute; padding: 1.6rem 2.4rem; width: 160px; opacity: 0; visibility: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .main-nav > .menu-item-has-children:hover > ul { border-bottom: 1px solid #43c6ac; 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 #43c6ac; width: 160px; 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 .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .main-nav .menu-item-has-children .menu-item-has-children:hover > ul { 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: .4rem; padding-right: 2.4rem; position: absolute; } .main-nav li ul li a { color: #444444; } /* 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: 1.2rem; top: 2.4rem; z-index: 2; } .menubar-close { right: 0; top: 0; padding: .45rem .75rem .6rem; line-height: 1; background-color: #43c6ac; color: #ffffff; } .has-logo { top: 1.6rem; } .mobile-navigation .fa-bars, .mobile-navigation .fa-close { font-size: 2.6rem; } .admin-bar .mobile-menu-open { top: 32px; } @media screen and (max-width: 782px) { .admin-bar .mobile-menu-open { top: 46px; } .site-title a { font-size: 30px; } } .dropdown-toggle { cursor: pointer; font-size: 2.2rem; padding: 0 1rem; position: absolute; top: .6rem; 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: 28rem; width: 100%; z-index: 9902; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s ease; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); box-shadow: 0 0 4rem rgba(42, 49, 57, 0.05); } .mobile-menu-open { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .mobile-nav li { position: relative; list-style-type: none; } .mobile-nav > li { border-bottom: 1px solid #e3e3e3; padding: 0; } .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: #43c6ac; } .menu-item-has-children::after { right: 1.6rem !important; } /* Medium devices (tablets, less than 992px) */ @media (max-width: 991px) { ul .highlight::after { top: .4rem; } } .menu-item { padding: 2.2rem .6rem; } .menu-item:after { display: block; content: ""; border-top: 0.3rem solid #43c6ac; width: 0%; margin-top: .5rem; transform: translateY(-0.4rem); transition: width .2s ease; } .menu-item:hover:after { width: 100%; } .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: .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 .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 .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: .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: .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: .6rem 1.5rem; border: 1px solid #43c6ac; border-radius: .2rem; cursor: pointer; box-shadow: 0 14px 28px -4px rgba(14, 17, 20, 0.1); transition: .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: .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; } /* Skip link */ .skip-link { position: absolute; top: -50px !important; left: 10px; background-color: #ffffff; color: #43c6ac; border: 2px solid #43c6ac; border-radius: 3px; padding: 6px 10px; z-index: 9; } .skip-link:focus { top: 0 !important; } .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: .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: .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: .3rem; } .stats-counter .columns:first-child { padding-left: 0; } .stats-counter .columns:last-child { padding-right: 0; } .counter-wrap { display: inline-block; } .counter-wrap .counter { font-size: 4rem; } .counter-wrap span { color: #43c6ac; } .counter-small { display: block; font-size: 1.6rem; } .video-popup { position: relative; } .video-popup .video-play-button { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 20px; height: 28px; border-radius: 50%; padding: 18px 20px 18px 28px; } .video-popup .video-play-button:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 70px; height: 70px; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite; } .video-popup .video-play-button:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 70px; height: 70px; border-radius: 50%; transition: all 200ms; } .video-popup .video-play-button:hover:after { background-color: #32a48e; } .video-popup .video-play-button img { position: relative; z-index: 3; max-width: 100%; width: auto; height: auto; } .video-popup .video-play-button span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 20px solid #fff; border-top: 15px solid transparent; border-bottom: 15px solid transparent; } @keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } .video-popup .video-overlay { position: fixed; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8); opacity: 0; transition: all ease 500ms; } .video-popup .video-overlay.open { position: fixed; z-index: 1000; opacity: 1; } .video-popup .video-overlay-close { position: absolute; z-index: 1000; top: 15px; right: 20px; font-size: 36px; line-height: 1; font-weight: 400; color: #fff; text-decoration: none; cursor: pointer; transition: all 200ms; } .video-popup .video-overlay-close:hover { color: #43c6ac; } .video-popup .video-overlay iframe { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-shadow: 0 0 15px rgba(0, 0, 0, 0.75); } /** * Long Blurbs */ .long-blurb { margin-top: 4.800000000000001rem; } .long-blurb .long-blurb-title { color: #43c6ac; font-size: 3rem; text-align: right; margin-bottom: 0; } .long-blurb .fa { color: #43c6ac; font-size: 4.8rem; text-align: center; width: 100%; } /* Small devices (landscape phones, less than 768px) */ @media (max-width: 767.98px) { .long-blurb .long-blurb-title { margin-bottom: 1.6rem; } } /* Small devices (landscape phones, less than 768px) */ @media (max-width: 767.98px) { .long-blurb .long-blurb-title { text-align: center; } } /** * 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: .2rem .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: .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: .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: .4rem; } .single-post .excerpt-category::after { width: 0; } .excerpt-category, .excerpt-author { display: inline-block; } .excerpt-category a { margin-right: .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: .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: .65; position: absolute; top: -2rem; width: 32px; opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .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; } .says, .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .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: .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: .65; position: absolute; top: .5rem; width: 32px; -webkit-transition: all .3s; transition: all .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: .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: .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: .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: .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: .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; }