File: /home/l2pbkn5l6xav/public_html/wp-content/themes/prime-business/assets/css/main.css
/**
* --------------------------------------------------------------------------------
* Main Stylesheet
* --------------------------------------------------------------------------------
*/
/**
*
* #.# 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;
/** 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: .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;
}
.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, #f6f163 0%, #4eb7a7 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;
}
/**
*
* #.# 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);
}
/**
* Team Members
*/
.team-member {
margin-top: 2.4000000000000004rem;
position: relative;
z-index: 1;
}
.team-member .member-info {
padding: 1.2rem 1.6rem;
}
.team-member .member-info > h3 {
margin-bottom: .6rem;
}
.team-member img {
display: block;
width: 100%;
height: auto;
}
.team-member h3 {
font-size: 3.4rem;
margin-bottom: 0;
}
.team-member p {
font-size: 1.4rem;
}
.team-member:before {
background-color: transparent;
box-shadow: none;
content: "";
margin: 0 auto;
position: absolute;
top: 20px;
right: 0;
width: 100%;
height: 100%;
z-index: -1;
transition: all .5s ease;
}
.team-member:hover:before {
background-color: #ffffff;
box-shadow: 0 0 4rem rgba(42, 49, 57, 0.05);
top: 0;
}
.team-member .member-effects {
position: relative;
}
.team-member .member-effects .member-social {
position: absolute;
bottom: 1.2rem;
left: 0;
opacity: 0;
transition: all .5s ease;
}
.team-member .member-effects .member-social .fa {
color: #ffffff;
background-color: #43c6ac;
border-radius: 50%;
margin-right: .2rem;
width: 3rem;
height: 3rem;
line-height: 3rem;
text-align: center;
transform: rotate(-45deg);
transition: all .5s ease;
}
.team-member:hover .member-social {
opacity: 1;
left: 1.6rem;
}
.team-member:hover .member-social .fa {
transform: rotate(0);
}
/**
* 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;
}
}
/**
* Testimonial Slider
*/
.ct-testimonials {
color: #ffffff;
background-color: #43c6ac;
position: relative;
}
.ct-testimonial-slider .slick-dots {
top: 0;
left: 17.7%;
text-align: left;
}
.ct-testimonial-slider .slick-dots li {
margin: 0;
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
.ct-testimonial-slider .slick-dots {
top: unset;
left: unset;
bottom: -4.5rem;
text-align: center;
margin-top: -2rem;
}
.slick-arrow {
display: none !important;
}
}
.slick-next,
.slick-prev {
z-index: 1;
}
.slider-rounded-image img {
display: block;
margin: 0 auto;
border: 0.5rem solid #ffffff;
border-radius: 50%;
width: 12rem;
height: auto;
}
.testimonial-contents {
margin-top: 4rem;
}
.testimonial-contents .testimonial-content {
font-family: "Lora", serif;
font-size: 2.4000000000000004rem;
margin-bottom: 2.4000000000000004rem;
}
.testimonial-contents .testimonial-content p,
.testimonial-contents .testimonial-content span {
font-family: "Lora", serif;
font-size: 2.4000000000000004rem;
margin-bottom: 2.4000000000000004rem;
}
.testimonial-contents .testimonial-by {
font-size: 2.4000000000000004rem;
font-weight: 500;
line-height: 1;
margin-bottom: 0;
}
.testimonial-contents .testimonial-author-title {
color: #f5f5f5;
font-family: "Lora", serif;
font-size: 1.4rem;
}
.ct-color-mask {
background-color: #43c6ac;
opacity: .9;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/**
* Footer Section
*/
.ct-footer {
color: #ffffff;
background-color: #282f35;
border-top: 0.5rem solid #43c6ac;
width: 100%;
}
.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;
}
/*--------------------------------------------------------------
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;
}
}
/**
* --------------------------------------------------------------------------------
* 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;
}
/**
* --------------------------------------------------------------------------------
* 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.6rem;
}
.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;
}
}