/*!
Theme Name: Perfect Portfolio Pro
Theme URI: https://rarathemes.com/wordpress-themes/perfect-portfolio-pro/
Author: Rara Theme
Author URI: https://rarathemes.com/
Description: Perfect Portfolio Pro is a clean, elegant and responsive WordPress theme dedicated for portfolio and blogs. Perfect Portfolio Pro theme has wide list of customizable features including front page customizable sections with customizer api and widgets, and many more options. It comes with cross-browser compatibility, mobile friendly design and responsive features. Check the demo at https://rarathemes.com/previews/?theme=perfect-portfolio-pro, documentation at https://docs.rarathemes.com/docs/perfect-portfolio-pro/ and get support at https://rarathemes.com/support-forum/.
Requires PHP: 5.6
Tested up to: 5.9
Version: 2.3.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: perfect-portfolio-pro
Tags: blog, one-column, two-columns, right-sidebar, left-sidebar, footer-widgets, custom-background, custom-menu, custom-logo, featured-images, threaded-comments, full-width-template, rtl-language-support, translation-ready, theme-options, e-commerce, portfolio
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Perfect Portfolio Pro is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
:root {
--primary-color: #05d584;
}
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
## Posts and pages
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
text-decoration: none;
color: inherit;
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
vertical-align: top;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
color: #1c1b1b;
font-family: 'Poppins', sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.8;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: 700;
color: #1c1b1b;
margin: 0.67em 0;
line-height: 1.5;
}
h1 {
font-size: 2.777em;
}
h2 {
font-size: 2.223em;
}
h3 {
font-size: 1.667em;
}
h4 {
font-size: 1.223em;
}
h5 {
font-size: 1.112em;
}
h6 {
font-size: 1em;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
.halfwidth {
width: 50%;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
body {
background: #fff;
/* Fallback for when there is no custom background color defined. */
}
hr {
background-color: #e9e9e9;
border: 0;
height: 1px;
margin-top: 2.5em;
margin-bottom: 2.5em;
}
ul,
ol {
margin: 0;
}
/*ul {
list-style: none;
margin: 0;
padding: 0;
}*/
ol {
list-style: decimal;
font-weight: 400;
}
li>ul,
li>ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
vertical-align: top;
}
figure {
margin: 0;
/* Extra wide images within figure tags don't overflow the content area. */
line-height: 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
border-radius: 0;
font-size: 18px;
text-align: center;
overflow: hidden;
border-collapse: collapse;
}
table tr th {
font-weight: 600;
color: #fff;
background: #05d584;
text-transform: uppercase;
padding: 10px;
letter-spacing: 1px;
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
table thead tr th:first-child {
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
table tr td {
color: #888686;
font-weight: 300;
padding: 10px;
border-right: 1px solid #dde4e6;
border-bottom: 1px solid #dde4e6;
}
table tr td:first-child {
border-left: 1px solid #dde4e6;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: none;
border-radius: 40px;
background: #f8f8f8;
color: #1c1b1b;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
padding: 18px 45px;
line-height: 20px;
letter-spacing: 5px;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #05d584;
color: #fff;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: none;
outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #1c1b1b;
border: 2px solid #f8f8f8;
border-radius: 5px;
padding: 10px 15px;
width: 100%;
height: 50px;
font-size: 16px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #222;
outline: 0;
}
select {
border: 1px solid #e5e5e5;
width: 100%;
}
textarea {
width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: #05d584;
text-decoration: none;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
}
a:focus {
outline: none;
}
a:hover,
a:active {
outline: 0;
}
a:hover {
color: #05d584;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
text-align: left;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
/*--------------------------------------------------------------
# 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-size: 0.875rem;
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;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clearfix:before,
.clearfix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.tc-wrapper:before,
.tc-wrapper:after {
content: "";
display: table;
table-layout: fixed;
}
.clearfix:after,
.entry-content:after,
.comment-content:after,
.site-content:after,
.tc-wrapper:after {
clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 60px 0;
/* Make sure select elements fit in widgets. */
}
#secondary .widget:last-child {
margin-bottom: 0;
}
.widget a {
color: #1c1b1b;
}
.widget a:hover {
color: #05d584;
}
.widget select {
max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
vertical-align: top;
width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
line-height: initial;
}
.wp-caption-text {
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery:before,
.gallery:after {
content: "";
display: table;
}
.gallery:after {
clear: both;
}
.gallery {
margin: 60px 0;
}
.gallery-item {
float: left;
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
position: relative;
}
.gallery:not(gallery-columns-1) .gallery-item {
margin-right: 2%;
margin-bottom: 2%;
}
.gallery-columns-2 .gallery-item {
max-width: 49%;
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
}
.gallery-columns-4 .gallery-item {
max-width: 23.4%;
}
.gallery-columns-5 .gallery-item {
max-width: 18.33%;
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
}
.gallery-columns-7 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-8 .gallery-item {
max-width: 10.7%;
}
.gallery-columns-9 .gallery-item {
max-width: 9.33%;
}
.gallery-columns-2 .gallery-item:nth-child(2n),
.gallery-columns-3 .gallery-item:nth-child(3n),
.gallery-columns-4 .gallery-item:nth-child(4n),
.gallery-columns-5 .gallery-item:nth-child(5n),
.gallery-columns-6 .gallery-item:nth-child(6n),
.gallery-columns-7 .gallery-item:nth-child(7n),
.gallery-columns-8 .gallery-item:nth-child(8n),
.gallery-columns-9 .gallery-item:nth-child(9n) {
margin-right: 0;
}
.gallery-item figcaption {
line-height: initial;
font-size: 16px;
}
#primary .gallery-item figcaption {
display: inline-block;
position: absolute;
bottom: 20px;
right: 20px;
font-weight: 400;
color: #676767;
background: #fff;
padding: 10px 20px;
border-radius: 40px;
}
.gallery-caption {
display: block;
}
.woocommerce-page .site-main article,
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
margin-bottom: 0;
}
#add_payment_method .wc-proceed-to-checkout,
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout {
padding-bottom: 0;
}
.woocommerce ul.products li.product .star-rating {
margin-left: auto;
margin-right: auto;
}
/*=============================
COMMON CSS
=============================*/
ul.share-links {
margin: 0;
padding: 0;
list-style: none;
}
body.custom-background #page,
body.pattern-bg #page {
background: #fff;
max-width: 1500px;
margin: 0 auto;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.custom-background .woocommerce-store-notice,
.custom-background p.demo_store,
.pattern-bg .woocommerce-store-notice,
.pattern-bg p.demo_store {
max-width: 1500px;
margin: 0 auto;
}
.tc-wrapper {
width: 1170px;
margin: 0 auto;
}
.widget-title {
font-size: 25px;
font-weight: 500;
margin-top: 0;
margin-bottom: 20px;
}
blockquote {
margin: 60px 0;
border-left: 3px solid #f0f0f0;
padding: 0 50px;
font-style: italic;
font-weight: 500;
text-align: left;
}
.single-post:not(.single-centered) blockquote {
margin-left: 5%;
margin-right: 5%;
}
blockquote p:last-child {
margin-bottom: 0 !important;
}
q {
border-left: 1px solid #e9e9e9;
display: inline-block;
padding-left: 40px;
font-style: italic;
letter-spacing: 0.8px;
margin-bottom: 30px;
}
q:before,
q:after {
display: none;
}
q p:last-child {
margin-bottom: 0;
}
span.highlight {
display: inline-block;
background: #e9e9e9;
padding: 0 5px;
border-radius: 5px;
}
.left,
.left-content {
text-align: left;
}
.center,
.centered-content,
.centered {
text-align: center;
}
.right {
text-align: right;
}
.btn-readmore {
font-size: 16px;
font-weight: 600;
color: #1c1b1b;
text-transform: uppercase;
letter-spacing: 3px;
display: inline-block;
padding: 18px 40px;
background: rgba(0, 0, 0, 0.03);
border-radius: 40px;
margin-top: 40px;
}
.btn-readmore:hover {
background: #05d584;
color: #fff !important;
}
.btn-readmore svg {
margin-right: 5px;
}
section[class*="-section"] .widget-title,
.section-title {
font-size: 2.5em;
margin-top: 0;
line-height: 1.3;
font-weight: 700;
margin-bottom: 20px;
}
section[class*="-section"] .widget-title {
display: inline-block;
clear: both;
position: relative;
z-index: 1;
}
.section-title {
margin-bottom: 50px;
}
section[class*="-section"] .widget-title span,
.section-title span {
position: relative;
display: inline-block;
z-index: 1;
}
section[class*="-section"] .widget-title:after,
.section-title span:after {
content: "";
background: #d2fcec;
width: 100%;
height: 40%;
position: absolute;
top: 5px;
left: 0;
z-index: -1;
}
.page-header {
text-align: center;
margin-top: 30px;
}
.page-header .page-title {
font-size: 2.5em;
line-height: 1.2;
margin-top: 0;
margin-bottom: 50px;
}
.page-header .page-title span {
display: inline-block;
position: relative;
z-index: 1;
}
.page-header .page-title span:before {
content: "";
background: #d2fcec;
width: 100%;
height: 40%;
position: absolute;
top: 5px;
left: 0;
right: 0;
margin: 0 auto;
z-index: -1;
}
.widget .post-date {
font-size: 14px;
display: block;
color: #676767;
font-weight: 400;
}
.site-footer .widget ul,
.widget-area .widget ul {
margin: 0;
padding: 0;
list-style: none;
}
/*========================
BREADCRUMB
========================*/
.breadcrumb {
font-weight: 400;
letter-spacing: 0.8px;
}
.breadcrumb a:hover {
text-decoration: underline;
}
span.separator {
display: inline-block;
vertical-align: middle;
font-size: 14px;
margin: 0 3px;
color: #707171;
}
/*========================
COMMENTS AREA
========================*/
.comments-area {
text-align: left;
}
.single-post.full-width:not(.single-centered) .comments-area {
width: 65%;
margin: 0 auto;
}
.comments-area .comments-title,
.comment-respond .comment-reply-title {
margin-top: 0;
margin-bottom: 40px;
font-size: 1.5em;
font-weight: 500;
}
.comments-area.full-width .comments-title {
text-align: center;
}
.comments-area ol {
margin: 0;
padding: 0;
list-style: none;
}
.comments-area ol.comment-list {
padding-bottom: 60px;
border-bottom: 1px solid #e5e5e5;
}
.comments-area ol li ol {
margin-left: 100px;
}
.comments-area .comment-body {
position: relative;
padding-left: 90px;
border-top: 1px solid #e5e5e5;
padding-top: 30px;
margin-top: 30px;
}
.comments-area ol.comment-list>li:first-child>.comment-body {
margin-top: 0;
padding-top: 0;
border-top: none;
}
.comment-body a {
color: #000;
}
.comment-body a:hover {
color: #05d584;
}
.comment-body img.avatar {
position: absolute;
top: 30px;
left: 0;
width: 60px;
height: 60px;
border-radius: 100%;
}
.comments-area ol.comment-list>li:first-child>.comment-body img.avatar {
top: 0;
}
.comment-body b.fn {
font-weight: 600;
font-size: 18px;
margin-bottom: 0;
display: block;
text-transform: capitalize;
}
.comment-body span.says {
display: none;
}
.comment-body .comment-metadata {
font-size: 14px;
color: #676767;
font-weight: 300;
}
.comment-body .comment-awaiting-moderation {
font-size: 14px;
margin-top: 10px;
margin-bottom: 0;
color: #05d584;
}
.comment-body .reply {
position: absolute;
top: 30px;
right: 0;
}
.comment-body .reply .comment-reply-link {
display: inline-block;
text-align: center;
position: relative;
vertical-align: top;
font-size: 16px;
padding-left: 25px;
}
.comment-body .reply .comment-reply-link:hover {
color: #05d584;
}
.comment-body .reply .comment-reply-link:before {
content: "";
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23000" d="M8.309 189.836L184.313 37.851C199.719 24.546 224 35.347 224 56.015v80.053c160.629 1.839 288 34.032 288 186.258 0 61.441-39.581 122.309-83.333 154.132-13.653 9.931-33.111-2.533-28.077-18.631 45.344-145.012-21.507-183.51-176.59-185.742V360c0 20.7-24.3 31.453-39.687 18.164l-176.004-152c-11.071-9.562-11.086-26.753 0-36.328z"></path></svg>');
background-repeat: no-repeat;
width: 15px;
height: 15px;
position: absolute;
top: 7px;
left: 0;
}
.comment-body .comment-content {
font-size: 16px;
font-weight: 300;
line-height: 1.7;
margin-bottom: 0;
padding-bottom: 0;
}
.comments-area ol li:last-child .comment-content p:last-child {
margin-bottom: 0;
}
.comment-respond {
margin-top: 40px;
text-align: center;
}
.leftsidebar .comment-respond,
.rightsidebar .comment-respond {
text-align: left;
}
.comment-respond .comment-reply-title {
margin-bottom: 0;
vertical-align: middle;
}
.comment-respond .comment-reply-title a {
display: inline-block;
font-size: 14px;
margin-left: 10px;
margin-bottom: 10px;
background: #1c1b1b;
color: #fff;
padding: 8px 25px;
line-height: 25px;
border-radius: 40px;
vertical-align: middle;
text-transform: capitalize;
font-weight: 500;
}
.comment-respond .comment-reply-title a:hover {
background: #05d584;
}
.comment-form p.comment-notes {
font-weight: 400;
color: #676767;
margin: 10px 0 15px 0;
font-size: 16px;
}
.comment-respond p.comment-form-author,
.comment-respond p.comment-form-email {
display: inline-block;
vertical-align: top;
margin-right: 3%;
width: 48%;
margin-bottom: 10px;
}
.comment-respond p.comment-form-email {
margin-right: 0;
}
p.comment-form-comment {
margin-bottom: 10px;
}
.comment-respond .comment-form label {
display: none;
}
.comment-respond .comment-form label[for="wp-comment-cookies-consent"] {
display: inline-block;
padding-left: 10px;
font-size: 16px;
color: #676767;
vertical-align: text-top;
}
.comment-respond .comment-form label[for="wp-comment-cookies-consent"]:hover {
text-decoration: underline;
color: #1c1b1b;
}
.comment-respond .comment-form input[type="text"],
.comment-respond .comment-form input[type="email"],
.comment-respond .comment-form input[type="url"],
.comment-respond .comment-form textarea {
border-radius: 0;
height: 60px;
padding-left: 20px;
padding-right: 20px;
border-color: #e5e5e5;
}
.comment-respond .comment-form textarea {
height: 110px;
}
.comment-form p.form-submit {
margin-bottom: 0;
margin-top: 30px;
}
/*========================
BREADCRUMB
========================*/
.breadcrumb {
font-weight: 400;
letter-spacing: 0.8px;
}
.has-pageHeader-bg .page-header .breadcrumb,
.has-pageHeader-bg .page-header span.separator {
color: #fff;
}
.breadcrumb a:hover {
text-decoration: underline;
}
span.separator {
display: inline-block;
vertical-align: middle;
font-size: 14px;
margin: 0 3px;
color: #707171;
}
/*========================
PAGINATION
========================*/
nav.pagination {
position: relative;
z-index: 1;
text-align: center;
}
nav.pagination:after {
content: "";
background: #e9e9e9;
width: 100%;
height: 1px;
position: absolute;
top: 50%;
left: 0;
z-index: -1;
}
.pagination .nav-links {
background: #fff;
display: inline-block;
padding: 0 10px 0 25px;
border-top: none;
border-bottom: none;
}
.page-numbers {
display: inline-block;
vertical-align: middle;
width: 40px;
height: 40px;
line-height: 40px;
border: 1px solid #e9e9e9;
border-radius: 100%;
text-align: center;
font-size: 16px;
font-weight: 500;
margin-right: 15px;
color: #1c1d1d;
}
.prev.page-numbers,
.next.page-numbers {
width: auto;
border-radius: 50px;
padding-left: 30px;
padding-right: 30px;
line-height: 37px;
}
body.menu-toggled {
overflow: hidden;
}
a.page-numbers:hover,
span.page-numbers.current {
border-color: #05d584;
color: #fff;
background: #05d584;
}
.nav-links::before,
.nav-links::after {
content: "";
display: table;
}
.nav-links::after {
clear: both;
}
.nav-links {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 30px 0;
}
.nav-links div[class*="nav-"] a {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.8px;
color: #1c1b1b;
position: relative;
padding-left: 20px;
display: inline-block;
}
.nav-links div.nav-next a {
padding-right: 20px;
padding-left: 0;
}
.nav-links div[class*="nav-"] a::before {
content: "";
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="currentColor" d="M4.2 247.5L151 99.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17L69.3 256l118.5 119.7c4.7 4.7 4.7 12.3 0 17L168 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 264.5c-4.7-4.7-4.7-12.3 0-17z"></path></svg>');
background-repeat: no-repeat;
width: 10px;
height: 20px;
position: absolute;
top: 2px;
left: 0;
line-height: 1;
}
.nav-links div.nav-next a::before {
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="currentColor" d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z"></path></svg>');
left: auto;
right: 0;
}
.nav-links div[class*="nav-"] a span {
display: block;
}
.nav-links div[class*="nav-"] a span.post-title {
color: #676767;
}
#load-posts {
text-align: center;
}
#load-posts a {
display: inline-block;
background: #f5f5f5;
padding: 15px 30px;
font-size: 14px;
font-weight: 500;
color: #1c1b1b;
border-radius: 40px;
text-transform: uppercase;
}
#load-posts a:hover {
background: #05d584;
color: #fff;
}
#load-posts a.disabled {
opacity: 0.5;
filter: alpha(opacity=50);
cursor: not-allowed;
background: #05d584;
color: #fff;
}
#load-posts a svg {
margin-right: 10px;
}
/*=======================
BACK TO TOP
=======================*/
.back-to-top {
position: fixed;
right: 20px;
bottom: 10px;
width: 50px;
height: 50px;
text-align: center;
background: #eee;
line-height: 50px;
border: 2px solid #fff;
border-radius: 100%;
cursor: pointer;
opacity: 0;
visibility: hidden;
z-index: 9999;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.back-to-top.show {
bottom: 20px;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.back-to-top:hover {
background: #05d584;
color: #fff;
}
/*========================
SIDEBARS
========================*/
.rightsidebar #primary {
float: left;
width: 70%;
padding-right: 70px;
}
.leftsidebar #primary {
float: right;
width: 70%;
padding-left: 70px;
}
.rightsidebar #secondary,
.leftsidebar #secondary {
float: left;
width: 30%;
}
/*==========================
SITE HEADER
==========================*/
header.site-header {
padding-top: 50px;
margin-bottom: 20px;
padding-bottom: 30px;
z-index: 999;
}
.site-header .tc-wrapper,
section.gallery-section.style1 .tc-wrapper,
.site-footer .tc-wrapper {
width: 1400px;
}
.site-header .site-branding {
display: inline-block;
vertical-align: middle;
width: 50%;
text-align: left;
}
.logo-text.site-branding .site-logo {
display: inline-block;
vertical-align: middle;
width: 14%;
}
.site-branding .site-logo+.site-title-wrap {
display: inline-block;
vertical-align: middle;
width: 40%;
padding-left: 20px;
line-height: 1.2;
}
.site-branding .site-title {
font-size: 22px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
}
.site-branding .site-title a {
color: #1c1b1b;
}
.site-branding .site-description {
margin: 0;
font-size: 14px;
font-weight: 400;
}
.site-header .header-r {
display: inline-block;
vertical-align: middle;
width: 49%;
text-align: right;
}
.header-r .cart {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background: #f5f5f5;
border-radius: 100%;
position: relative;
color: #1c1b1b;
}
.header-r .cart:hover {
background: #1c1b1b;
color: #fff;
}
.header-r .cart .number {
position: absolute;
top: 0;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 13px;
background: #000;
color: #fff;
border-radius: 100%;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
}
.header-r .cart:hover .number {
background: #f5f5f5;
color: #000;
}
.header-r .header-search {
display: inline-block;
vertical-align: middle;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 100%;
position: relative;
background: #f5f5f5;
margin-left: 10px;
}
.header-r .header-search>.search-toggle-btn {
display: block;
height: 100%;
line-height: 50px;
cursor: pointer;
border-radius: 100%;
color: #000;
}
.header-r .header-search>.search-toggle-btn:hover {
background: #1c1b1b;
color: #fff;
}
.header-r .head-search-form {
position: absolute;
top: 100%;
background: #f5f5f5;
width: 320px;
right: -20px;
padding: 10px;
border: 1px solid #e5e5e5;
margin-top: 10px;
z-index: 999;
display: none;
}
.header-r .head-search-form:before,
.header-r .head-search-form:after {
content: "";
border-bottom: 10px solid #f5f5f5;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
position: absolute;
top: -10px;
right: 35px;
}
.header-r .head-search-form:before {
border-bottom-color: #e5e5e5;
top: -11px;
}
form.searchform {
border: 1px solid #ececec;
background: #fff;
}
form.searchform:before,
form.searchform:after {
content: "";
display: table;
}
form.searchform:after {
clear: both;
}
.searchform input[type="text"] {
float: left;
width: calc(100% - 40px);
border: none;
border-radius: 0;
background: none;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.6px;
}
.searchform input[type="submit"] {
position: relative;
float: left;
width: 40px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 16px;
cursor: pointer;
overflow: hidden;
padding: 0;
border-radius: 0;
background: url(images/search-icon.svg) no-repeat;
background-size: 20px;
text-indent: 50px;
background-position: center;
opacity: 0.5;
filter: alpha(opacity=50);
}
.searchform input[type="submit"]:hover {
background: url(images/search-icon.svg) no-repeat;
background-size: 20px;
background-position: center;
opacity: 1;
filter: alpha(opacity=100);
}
.header-r a.toggle-btn {
display: inline-block;
vertical-align: middle;
width: 50px;
text-align: center;
height: 50px;
line-height: 50px;
background: #f5f5f5;
border-radius: 100%;
font-size: 21px;
cursor: pointer;
margin-left: 10px;
color: #000;
}
.header-r a.toggle-btn:hover {
background: #1c1b1b;
color: #fff;
}
.site {
position: relative;
}
.site:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99;
opacity: 0;
visibility: hidden;
background: rgba(187, 187, 187, 0.5);
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.menu-toggled .site:after {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.site-header .menu-wrap {
position: fixed;
background: #f8f8f8;
top: 0;
right: 0;
width: 25%;
padding: 50px 10px 50px 50px;
text-align: left;
height: 100%;
z-index: 99999;
visibility: hidden;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.menu-toggled .site-header .menu-wrap {
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.menu-wrap nav.main-navigation {
margin-bottom: 40px;
}
.main-navigation button.toggle-button {
width: 60px;
height: 60px;
border-radius: 100%;
padding: 0;
position: relative;
border: none;
float: right;
}
.main-navigation button.toggle-button:hover {
background: none;
}
.main-navigation button.toggle-button .toggle-bar {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 40px;
height: 2px;
background: #999;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.main-navigation button.toggle-button .toggle-bar:nth-child(2) {
display: none;
}
.main-navigation button.toggle-button .toggle-bar:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.main-navigation button.toggle-button:hover .toggle-bar {
background: #f0474a;
}
ul.menu {
margin: 0;
padding: 0;
list-style: none;
}
ul.menu:not(.nav-menu) {
display: table;
clear: both;
padding-top: 20px;
}
.main-navigation ul.nav-menu {
display: table;
clear: both;
padding-top: 20px;
width: 100%;
}
.main-navigation .nav-menu li {
display: block;
font-weight: 500;
text-transform: capitalize;
font-size: 24px;
position: relative;
}
.main-navigation .nav-menu li a {
display: block;
padding-top: 10px;
padding-bottom: 10px;
color: #1c1b1b;
}
header a:focus,
.searchform input[type="submit"]:focus,
.main-navigation .nav-menu li a:focus {
outline: dotted 1px rgba(0, 0, 0, 0.5);
}
.main-navigation .nav-menu li:hover>a,
.main-navigation .nav-menu li.current-menu-item>a,
.main-navigation .nav-menu li.current_page_item>a {
color: #05d584;
}
.main-navigation .nav-menu li ul {
margin-left: 15px;
padding-left: 0;
}
.main-navigation .nav-menu li ul li {
font-size: 20px;
}
.main-navigation ul li span {
position: absolute;
top: 15px;
right: 0;
display: inline-block;
width: 35px;
text-align: center;
height: 35px;
line-height: 35px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
z-index: 1;
}
.main-navigation ul li span:hover {
background: #eee;
}
.menu-wrap .menu-search {
margin-bottom: 50px;
}
.menu-wrap .menu-text {
font-weight: 400;
font-size: 16px;
color: #676767;
margin-bottom: 50px;
}
ul.social-icons {
margin: 0;
padding: 0;
list-style: none;
}
.social-icons li {
display: inline-block;
vertical-align: middle;
padding: 0 5px;
}
.social-icons li a {
display: inline-block;
vertical-align: middle;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
background: #1c1b1b;
color: #fff;
border-radius: 100%;
font-size: 16px;
font-weight: 400;
}
.social-icons li a:hover {
background: #5a5959;
}
.mCustomScrollBox {
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container {
margin-right: 25px;
}
.mCSB_scrollTools {
position: absolute;
width: 0;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
visibility: hidden;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.mCustomScrollbar:hover .mCSB_scrollTools {
width: 16px;
visibility: visible;
}
.mCSB_scrollTools .mCSB_draggerContainer {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto;
}
.mCSB_scrollTools .mCSB_dragger {
cursor: ns-resize;
width: 100%;
height: 30px;
z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
position: relative;
width: 5px;
height: 100%;
margin: 0 auto;
border-radius: 40px;
cursor: ns-resize;
background: rgba(0, 0, 0, 0.3);
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
cursor: ns-resize;
background: rgba(0, 0, 0, 0.5);
}
.mCSB_scrollTools .mCSB_draggerRail {
background: rgba(0, 0, 0, 0.2);
width: 5px;
height: 100%;
margin: 0 auto;
border-radius: 40px;
}
/*===========================
ABOUT SECTION
===========================*/
section.about-section {
margin-top: 120px;
margin-bottom: 60px;
}
/*section.about-section+[class*="-section"] {
margin-top: 0;
}*/
.left-content .about-section .widget {
margin-top: 60px;
}
.left-content .about-section .widget_rrtc_icon_text_widget .rtc-itw-holder {
padding-left: 0;
}
.left-content .about-section .widget_rrtc_icon_text_widget .icon-holder {
width: 170px;
height: 170px;
position: static;
margin-bottom: 30px;
}
.left-content section[class*="-section"] .widget_rrtc_icon_text_widget .icon-holder img {
width: auto;
height: auto;
}
.widget_rrtc_icon_text_widget .rtc-itw-inner-holder {
display: flex;
flex: 1;
flex-direction: column;
}
#secondary .widget_rrtc_icon_text_widget .rtc-itw-inner-holder,
.top-footer .widget_rrtc_icon_text_widget .rtc-itw-inner-holder {
text-align: center;
}
.widget_rrtc_icon_text_widget .text-holder {
order: 2;
}
.widget_rrtc_icon_text_widget .icon-holder {
margin-bottom: 20px;
}
.widget_rrtc_icon_text_widget .icon-holder img {
width: 50px;
height: 50px;
object-fit: cover;
}
.about-section .widget_rrtc_icon_text_widget .icon-holder img {
width: 170px;
height: 170px;
}
.about-section .widget_rrtc_icon_text_widget .icon-holder {
width: 170px;
height: 170px;
border-radius: 100%;
overflow: hidden;
display: flex;
flex: auto;
flex-direction: column;
align-items: center;
justify-content: center;
}
.centered-content .widget_rrtc_icon_text_widget .icon-holder {
margin: 0 auto 30px auto;
}
.top-footer .widget.widget_rrtc_icon_text_widget .widget-title,
#secondary .widget.widget_rrtc_icon_text_widget .widget-title {
font-size: 1.3em;
font-weight: 500;
margin-bottom: 10px;
}
.widget_rrtc_icon_text_widget .text-holder .content {
font-size: 1.2em;
color: #676767;
}
.top-footer .widget_rrtc_icon_text_widget .text-holder .content,
#secondary .widget_rrtc_icon_text_widget .text-holder .content {
font-size: 1em;
}
.widget_rrtc_icon_text_widget .text-holder .content p {
margin-top: 0;
margin-bottom: 25px;
}
.widget_rrtc_icon_text_widget .text-holder .content p:last-child {
margin-bottom: 0;
}
.widget_rrtc_icon_text_widget .text-holder .content span {
color: #1c1b1b;
display: block;
}
.about-section .widget_raratheme_featured_page_widget .widget-featured-holder {
text-align: center;
}
.about-section .widget_raratheme_featured_page_widget .widget-featured-holder .section-subtitle {
order: 2;
margin-bottom: 0;
margin-top: 40px;
}
.about-section .widget_raratheme_featured_page_widget .section-subtitle+.text-holder {
margin-top: 10px;
}
.about-section .widget_raratheme_featured_page_widget .img-holder {
width: 170px;
height: 170px;
margin-left: auto;
margin-right: auto;
border-radius: 100%;
overflow: hidden;
}
.about-section .widget_raratheme_featured_page_widget .img-holder img {
width: 100%;
height: 100%;
object-fit: cover;
}
/*========================
GALLERY SECTION
========================*/
section.gallery-section {
margin-top: 120px;
text-align: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
padding-bottom: 120px;
}
.portfolio .page-header .page-title {
margin-bottom: 0;
}
.page-header+.page-description {
font-size: 20px;
font-weight: 300;
}
.page-header+.page-description .tc-wrapper {
width: 40%;
}
.portfolio .content-area {
text-align: center;
margin-bottom: 120px;
}
.filter-button-group {
margin-bottom: 80px;
}
.content-area .filter-button-group {
text-align: center;
}
.left-content .gallery-section .filter-button-group {
width: 1170px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.filter-button-group button {
text-transform: capitalize;
font-weight: 400;
letter-spacing: 0;
font-size: 16px;
margin-right: 15px;
margin-bottom: 15px;
background: #f8f8f8;
border: none;
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 40px;
}
.filter-button-group button:last-child {
margin-right: 0;
}
.filter-button-group button:hover,
.filter-button-group button.is-checked {
color: #fff;
background: #000;
}
.gallery-wrap:before,
.gallery-wrap:after {
content: "";
display: table;
}
.gallery-wrap:after {
clear: both;
}
.gallery-wrap .gallery-img {
float: left;
width: 33.33%;
padding: 2px;
position: relative;
overflow: hidden;
}
.gallery-section.style1 .text-holder,
.gallery-section.style5 .text-holder,
.gal-masonry .gallery-wrap .text-holder,
.normal-view .gallery-wrap .text-holder {
position: absolute;
top: 32px;
left: 30px;
background: rgba(255, 255, 255, 0.9);
right: 30px;
bottom: 30px;
opacity: 0;
visibility: hidden;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.gallery-section.style1 .gallery-img:hover .text-holder,
.gallery-section.style5 .gallery-img:hover .text-holder,
.gal-masonry .gallery-img:hover .text-holder,
.normal-view .gallery-wrap .gallery-img:hover .text-holder {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.gallery-section.style1 .text-holder-inner,
.gallery-section.style5 .text-holder-inner,
.gal-masonry .gallery-wrap .text-holder-inner,
.normal-view .gallery-wrap .text-holder-inner {
position: absolute;
top: 50%;
left: 0;
right: 0;
padding: 40px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-50%) scale(0.9);
-moz-transform: translateY(-50%) scale(0.9);
transform: translateY(-50%) scale(0.9);
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.gallery-section.style1 .gallery-img:hover .text-holder-inner,
.gallery-section.style5 .gallery-img:hover .text-holder-inner,
.gal-masonry .gallery-img:hover .text-holder-inner,
.normal-view .gallery-img:hover .text-holder-inner {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-webkit-transform: translateY(-50%) scale(1);
-moz-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
}
.text-holder span.sub-title {
font-size: 16px;
font-weight: 400;
color: #676767;
display: inline-block;
}
.text-holder span.sub-title a {
margin-right: 15px;
display: inline-block;
color: #676767;
}
.text-holder span.sub-title a:last-child {
margin-right: 0;
}
.text-holder .gal-title {
margin-top: 0;
font-size: 25px;
margin-bottom: 0;
}
.text-holder .gal-title a {
color: #1c1b1b;
}
.text-holder .gal-title a:hover {
color: #05d584;
}
.text-holder .gal-desc {
font-size: 16px;
font-weight: 400;
}
.text-holder .gal-desc p {
margin: 0;
}
.text-holder a.gal-readmore {
display: inline-block;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 3px;
background: #fff;
padding: 10px 30px;
border-radius: 40px;
margin-top: 30px;
color: #1c1b1b;
}
.text-holder a.gal-readmore:hover {
background: #05d584;
color: #fff;
}
.gallery-section a.btn-readmore {
margin-top: 80px;
}
.gallery-section.style3 a.btn-readmore {
margin-top: 30px;
}
/*===========================
GALLERY SECTION STYLE 2
===========================*/
.gallery-section.style2 .gallery-wrap .gallery-img,
.grid-view .gallery-wrap .gallery-img {
padding: 0;
padding-right: 2.5%;
margin-bottom: 30px;
width: 33.33%;
}
.gallery-section.style2 .text-holder,
.grid-view .gallery-wrap .text-holder {
padding: 20px 30px 30px 30px;
text-align: left;
}
.gallery-section.style2 .text-holder .gal-title,
.grid-view .gallery-wrap .text-holder .gal-title {
font-size: 1.2em;
font-weight: 500;
}
.gallery-section.style2 a.btn-readmore,
.grid-view .gallery-wrap a.btn-readmore {
margin-top: 20px;
}
/*==========================
GALLERY SECTION STYLE 3
==========================*/
section.gallery-section.style3 .tc-wrapper,
.gal-carousel.full-width .page-description+.tc-wrapper {
width: 100%;
}
.gallery-section.style3 .filter-button-group,
.gal-carousel.full-width .page-description+.tc-wrapper .filter-button-group {
width: 1170px;
margin-left: auto;
margin-right: auto;
}
.gallery-section.style3 .gallery-wrap .gallery-img,
.gal-carousel .gallery-wrap .gallery-img {
float: none;
width: auto;
padding: 0;
}
.gallery-section.style3 .text-holder,
.gal-carousel .gallery-img .text-holder {
padding: 30px 40px;
text-align: left;
opacity: 0;
visibility: hidden;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.gallery-section.style3 .owl-item.center .text-holder,
.gal-carousel .center .gallery-img .text-holder {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.gallery-section.style3 .text-holder .gal-title,
.gal-carousel .gallery-img .gal-title {
font-size: 1.2em;
font-weight: 500;
}
.owl-theme .owl-nav {
margin-top: 0;
}
.owl-theme .owl-nav [class*='owl-'] {
position: absolute;
top: 40%;
margin: 0;
left: 15em;
width: 50px;
height: 50px;
line-height: 50px;
padding: 0;
border-radius: 100%;
background: #fff;
color: #1c1b1b;
font-size: 14px;
font-weight: 400;
text-indent: 60px;
overflow: hidden;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.owl-theme .owl-nav .owl-next {
left: auto;
right: 15em;
}
.owl-theme .owl-nav [class*='owl-']:before {
content: "";
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="currentColor" d="M231.293 473.899l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L70.393 256 251.092 74.87c4.686-4.686 4.686-12.284 0-16.971L231.293 38.1c-4.686-4.686-12.284-4.686-16.971 0L4.908 247.515c-4.686 4.686-4.686 12.284 0 16.971L214.322 473.9c4.687 4.686 12.285 4.686 16.971-.001z"></path></svg>');
background-repeat: no-repeat;
width: 10px;
height: 18px;
position: absolute;
top: 0;
left: 0;
right: 0;
text-indent: 0;
bottom: 0;
margin: auto;
}
.owl-theme .owl-nav .owl-next:before {
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="currentColor" d="M24.707 38.101L4.908 57.899c-4.686 4.686-4.686 12.284 0 16.971L185.607 256 4.908 437.13c-4.686 4.686-4.686 12.284 0 16.971L24.707 473.9c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L41.678 38.101c-4.687-4.687-12.285-4.687-16.971 0z"></path></svg>');
}
.owl-theme .owl-nav [class*='owl-']:hover {
background: #05d584;
}
/*===========================
GALLERY SECTION STYLE 4
===========================*/
.gallery-section.style4 .gallery-wrap .gallery-img,
.list-view .gallery-wrap .gallery-img {
float: none;
width: 100%;
padding: 0 50% 0 0;
display: flex;
flex: 1;
flex-direction: row;
margin-bottom: 50px;
align-items: center;
background: #f8f8f8;
}
.gallery-section.style4 .gallery-wrap .gallery-img:last-child,
.list-view .gallery-wrap .gallery-img:last-child {
margin-bottom: 0;
}
.gallery-section.style4 .gallery-wrap .gallery-img:nth-child(even),
.list-view .gallery-wrap .gallery-img:nth-child(even) {
padding-right: 0;
padding-left: 50%;
}
.gallery-section.style4 .gallery-wrap .gallery-img img,
.list-view .gallery-wrap .gallery-img img {
width: 50%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
right: 0;
}
.gallery-section.style4 .gallery-wrap .gallery-img:nth-child(even) img,
.list-view .gallery-wrap .gallery-img:nth-child(even) img {
order: 2;
right: auto;
left: 0;
}
.gallery-section.style4 .gallery-wrap .gallery-img .text-holder,
.list-view .gallery-wrap .gallery-img .text-holder {
padding: 80px;
text-align: left;
}
.gallery-section.style4 .text-holder span.sub-title,
.list-view .gallery-wrap .text-holder span.sub-title {
margin-bottom: 10px;
}
.gallery-section.style4 .text-holder .gal-title,
.list-view .gallery-wrap .text-holder .gal-title {
font-size: 1.5em;
margin-bottom: 20px;
}
.gallery-section.style4 .text-holder .gal-desc,
.list-view .gallery-wrap .text-holder .gal-desc {
font-size: 20px;
color: #676767;
margin-bottom: 20px;
max-height: 150px;
overflow: hidden;
}
.gallery-section.style4 .text-holder a.gal-readmore,
.list-view .gallery-wrap .text-holder a.gal-readmore {
padding: 15px 40px;
}
/*===============================
GALLERY SECTION STYLE 5
===============================*/
.gallery-section.style5 .gallery-wrap .gallery-img,
.gal-masonry .gallery-wrap .gallery-img {
width: 50%;
padding: 15px;
}
.gallery-section.style5 .gallery-wrap .gallery-img:nth-child(1n),
.gal-masonry .gallery-wrap .gallery-img:nth-child(1n) {
height: 370px;
}
.gallery-section.style5 .gallery-wrap .gallery-img:nth-child(2n),
.gal-masonry .gallery-wrap .gallery-img:nth-child(2n) {
height: 585px;
}
.gallery-section.style5 .gallery-wrap .gallery-img:nth-child(3n),
.gal-masonry .gallery-wrap .gallery-img:nth-child(3n) {
height: 500px;
}
.gallery-section.style5 .gallery-wrap .gallery-img:nth-child(4n),
.gal-masonry .gallery-wrap .gallery-img:nth-child(4n) {
height: 510px;
}
.gallery-section.style5 .gallery-wrap .gallery-img:nth-child(5n),
.gal-masonry .gallery-wrap .gallery-img:nth-child(5n) {
height: 690px;
}
.gallery-section.style5 .gallery-wrap .gallery-img:nth-child(6n),
.gal-masonry .gallery-wrap .gallery-img:nth-child(6n) {
height: 330px;
}
.gallery-section.style5 .gallery-wrap .gallery-img:nth-child(7n),
.gal-masonry .gallery-wrap .gallery-img:nth-child(7n) {
height: 550px;
}
.gallery-section.style5 .gallery-wrap .gallery-img:nth-child(8n),
.gal-masonry .gallery-wrap .gallery-img:nth-child(8n) {
height: 620px;
}
.gallery-section.style5 .gallery-wrap .gallery-img img,
.gal-masonry .gallery-wrap .gallery-img img {
object-fit: cover;
width: 100%;
height: 100%;
}
.gallery-section.style5 .text-holder,
.gal-masonry .gallery-wrap .text-holder,
.normal-view .gallery-wrap .text-holder {
top: 45px;
left: 45px;
right: 45px;
bottom: 45px;
text-align: center;
}
/*======================
SERVICE SECTION
======================*/
section.service-section {
margin-top: 120px;
padding-bottom: 90px;
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.service-section .widget_text {
margin-bottom: 30px;
}
.centered-content .widget.widget_text {
margin: 0 auto 30px auto;
}
section[class*="-section"] .widget.widget_text {
width: 100%;
}
section[class*="-section"] .widget.widget_text .textwidget {
max-width: 840px;
margin-left: auto;
margin-right: auto;
}
.widget_text .textwidget {
color: #676767;
font-weight: 400;
}
.widget_text .textwidget p {
margin-top: 0;
margin-bottom: 20px;
}
.service-section .widgets-holder {
display: flex;
flex: 1;
flex-flow: row wrap;
}
section.service-section .widget_rrtc_icon_text_widget {
width: 33.33%;
float: left;
margin-bottom: 0;
display: flex;
flex: auto;
flex-flow: column wrap;
padding: 30px;
}
.left-content section.service-section .widget_rrtc_icon_text_widget {
padding: 30px 30px 30px 0;
}
section[class*="-section"] .widget_rrtc_icon_text_widget:nth-child(3n) {
margin-right: 0;
}
.left-content .widget_rrtc_icon_text_widget .rtc-itw-holder {
position: relative;
padding-left: 75px;
}
.left-content .widget_rrtc_icon_text_widget .icon-holder {
width: 50px;
height: 50px;
position: absolute;
top: 0;
left: 0;
}
.left-content .widget_rrtc_icon_text_widget .icon-holder svg {
font-size: 1.8em;
text-align: center;
}
section.service-section .widget:not(.widget_text) .widget-title {
font-size: 1.2em;
font-weight: 500;
margin-bottom: 10px;
}
section.service-section .widgets-holder .widget:not(.widget_text) .widget-title:after {
display: none;
}
.service-section .widget_rrtc_icon_text_widget .text-holder .content {
font-size: 18px;
}
.service-section a.btn-readmore {
margin-top: 20px;
padding-top: 12px;
padding-bottom: 12px;
}
.widget_rrtc_icon_text_widget .icon-holder svg {
font-size: 3.3em;
}
/*==========================
CTA SECTION
==========================*/
/*.cta-section{
margin-top: -90px;
}*/
.gallery-section+.cta-section {
margin-top: -120px;
}
/*.home section.cta-section {
margin-bottom: 80px;
}
body:not(.home) section.cta-section {
margin-bottom: 0;
}*/
.cta-section .tc-wrapper {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.cta-section .widget_raratheme_companion_cta_widget {
margin-bottom: 0;
}
.widget_raratheme_companion_cta_widget .text {
padding: 80px 0;
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
flex-wrap: wrap;
}
.cta-section .widget_raratheme_companion_cta_widget .text {
min-height: 520px;
}
section[class*="-section"] .widget_raratheme_companion_cta_widget .raratheme-cta-container {
width: 1170px;
margin: 0 auto;
padding: 0 15px;
color: #fff;
}
.raratheme-cta-container .widget-title,
.cta-section .raratheme-cta-container .widget-title {
font-size: 2.5em;
color: #fff;
}
.cta-section .raratheme-cta-container .widget-title:after {
display: none;
}
.widget_raratheme_companion_cta_widget .text-holder {
font-weight: 400;
}
.widget_raratheme_companion_cta_widget .bttk-cta-bg .text-holder {
color: #fff;
}
.text-holder p {
margin-top: 0;
margin-bottom: 20px;
}
.text-holder p:last-child {
margin-bottom: 0;
}
.cta-section .button-wrap {
margin-top: 50px;
}
.button-wrap .btn-cta {
display: inline-block;
vertical-align: middle;
background: #fff;
color: #1c1b1b;
font-size: 16px;
text-align: center;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 600;
padding: 18px 40px;
border-radius: 40px;
margin-bottom: 5px;
}
.button-wrap .btn-cta+.btn-cta {
margin-left: 20px;
}
.button-wrap .btn-cta:hover {
background: #1c1b1b;
color: #fff;
}
.widget_raratheme_companion_cta_widget .right .raratheme-cta-container {
position: relative;
text-align: left;
}
.widget-area .widget_raratheme_companion_cta_widget .right .raratheme-cta-container,
.site-footer .widget_raratheme_companion_cta_widget .right .raratheme-cta-container {
padding-right: 15px;
}
section[class*="-section"] .widget_raratheme_companion_cta_widget .right .widget-title,
section[class*="-section"] .widget_raratheme_companion_cta_widget .right .text-holder {
width: 60%;
}
.widget_raratheme_companion_cta_widget .right .button-wrap {
position: absolute;
top: 50%;
right: 0;
margin-top: 0;
width: 40%;
text-align: right;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.widget-area .widget_raratheme_companion_cta_widget .right .button-wrap,
.site-footer .widget_raratheme_companion_cta_widget .right .button-wrap {
position: static;
width: auto;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
/*=============================
ARTICLE SECTION
=============================*/
section.article-section {
padding-bottom: 120px;
border-bottom: 1px solid #f7f7f7;
margin-top: 120px;
}
section.article-section+.simple-cta-section {
margin-top: -50px;
}
.left-content .article-section .tc-wrapper {
position: relative;
}
.left-content .article-section .section-title {
padding-right: 100px;
}
.left-content .article-section a.btn-readmore {
position: absolute;
top: 0;
right: 0;
margin-top: 0;
background: none;
padding: 20px 0;
color: #676767;
font-weight: 400;
letter-spacing: 0;
font-size: 20px;
text-transform: capitalize;
}
.left-content .article-section a.btn-readmore svg {
margin-right: 5px;
font-size: 17px;
}
.left-content .article-section a.btn-readmore:hover {
color: #05d584;
}
.article-holder:before,
.article-holder:after {
content: "";
display: table;
}
.article-holder:after {
clear: both;
}
.article-holder .article-block {
float: left;
width: 31.33%;
margin-right: 3%;
}
.article-holder .article-block:last-child {
margin-right: 0;
}
.article-block figure.post-thumbnail {
margin-bottom: 20px;
}
.article-block header.entry-header {
text-align: left;
}
.article-block header.entry-header .entry-title {
margin-top: 0;
font-size: 20px;
font-weight: 500;
margin-bottom: 0;
}
.entry-meta {
font-size: 16px;
color: #676767;
font-weight: 400;
margin-top: 5px;
}
.entry-meta a {
color: #676767;
}
.entry-meta a:hover {
color: #05d584;
}
.article-section a.btn-readmore {
margin-top: 50px;
}
.widget_raratheme_popular_post ul li .entry-header .entry-meta,
.widget_raratheme_recent_post ul li .entry-header .entry-meta {
display: inline-block;
}
.widget_raratheme_popular_post ul li .entry-header .view-count,
.widget_raratheme_recent_post ul li .entry-header .view-count {
font-weight: 400;
color: #676767;
}
.widget_raratheme_popular_post ul li .entry-header .entry-meta+.view-count {
margin-left: 15px;
}
/*====================================
RARATHEME POPULAR POST WIDGET
====================================*/
.widget_raratheme_popular_post ul li,
.widget_raratheme_recent_post ul li {
margin-bottom: 30px;
}
.widget_raratheme_popular_post ul li:last-child,
.widget_raratheme_recent_post ul li:last-child {
margin-bottom: 0;
}
/*================================
RARATHEME CTA WIDGET
================================*/
.widget_raratheme_companion_cta_widget .bttk-cta-bg::before {
content: "";
background: rgba(0, 0, 0, 0.7);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.widget_raratheme_companion_cta_widget .bttk-cta-bg {
padding: 80px 20px;
position: relative;
z-index: 1;
}
.site-footer .text-holder,
#secondary .text-holder {
font-size: 0.8em;
}
.site-footer .button-wrap .btn-cta,
#secondary .button-wrap .btn-cta {
font-size: 14px;
letter-spacing: 1px;
padding: 15px 30px;
}
/*==================================
RARATHEME FEATURED PAGE WIDGET
==================================*/
.widget_raratheme_featured_page_widget .widget-featured-holder {
display: flex;
flex: 1;
flex-direction: column;
text-align: left;
}
.widget_raratheme_featured_page_widget .text-holder {
order: 2;
margin-top: 30px;
}
.widget_raratheme_featured_page_widget .text-holder .section-subtitle {
margin-bottom: 0;
font-size: 14px;
color: #676767;
}
.widget_raratheme_featured_page_widget .text-holder .widget-title {
font-size: 1.5em;
margin-bottom: 10px;
}
.widget_raratheme_featured_page_widget .text-holder .btn-readmore {
margin-top: 0;
}
/*===============================
RARATHEME IMAGE WIDGET
===============================*/
.widget_raratheme_image_widget .raratheme-iw-inner-holder p {
font-size: 0.8em;
}
/*===============================
RARATHEME STAT COUNTER WIDGET
===============================*/
.widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder {
position: relative;
padding-left: 70px;
display: flex;
flex: 1;
flex-direction: column;
}
.widget_raratheme_companion_stat_counter_widget .widget-title {
font-size: 0.8em !important;
margin-bottom: 0;
order: 2;
}
.widget_raratheme_companion_stat_counter_widget .icon-holder {
font-size: 3.3em;
line-height: 1;
margin-bottom: 0;
position: absolute;
top: 0;
left: 0;
color: #b1b1b1;
}
.widget_raratheme_companion_stat_counter_widget .image-holder {
width: 60px;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.widget_raratheme_companion_stat_counter_widget .image-holder img {
width: 100%;
height: 100%;
object-fit: cover;
}
.widget_raratheme_companion_stat_counter_widget .odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
font-size: 2.5em;
line-height: 1.1;
}
/*================================
RARATHEME CLIENT LOGO WIDGET
================================*/
.widget_raratheme_client_logo_widget .raratheme-client-logo-inner-holder {
display: grid;
grid-template-columns: repeat(3, 1fr);
align-items: center;
grid-gap: 20px;
}
section[class*="-section"] .widget_raratheme_client_logo_widget .raratheme-client-logo-inner-holder {
grid-template-columns: repeat(6, 1fr);
}
.widget_raratheme_client_logo_widget .widget-title {
grid-column: 1 / span 3;
}
section[class*="-section"] .widget_raratheme_client_logo_widget .widget-title {
grid-column: 1 / span 6;
}
.widget .image-holder.black-white:hover {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
filter: grayscale(0%);
}
/*================================
RARATHEME TEAM WIDGET
================================*/
.widget_rrtc_description_widget .rtc-team-holder {
text-align: center;
}
.widget_rrtc_description_widget .rtc-team-holder .text-holder {
margin-top: 20px;
}
.widget_rrtc_description_widget .text-holder .name {
font-size: 1.2em;
font-weight: 600;
display: block;
}
.widget_rrtc_description_widget .text-holder .designation {
font-size: 0.9em;
display: block;
color: #676767;
}
.widget_rrtc_description_widget .rtc-team-holder .text-holder .description {
display: none;
}
.widget_rrtc_description_widget .social-profile,
.site-footer .widget_rrtc_description_widget .social-profile,
.widget-area .widget_rrtc_description_widget .social-profile {
margin-top: 20px;
}
.widget_rrtc_description_widget .social-profile li {
display: inline-block;
padding: 5px;
font-size: 0.9em;
}
.widget_rrtc_description_widget .social-profile li a {
display: inline-block;
vertical-align: middle;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
background: #eee;
border-radius: 100%;
color: #1c1b1b;
}
.widget_rrtc_description_widget .social-profile li a:hover {
background: #05d584;
color: #fff;
}
.social-profile li a svg {
line-height: 40px;
}
.widget_rrtc_description_widget .rtc-team-holder-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
z-index: 99999;
}
.widget_rrtc_description_widget .rtc-team-holder-modal .rtc-team-inner-holder-modal {
max-width: 1170px;
margin: 0 auto;
color: #fff;
position: absolute;
padding-left: 480px;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.widget_rrtc_description_widget .rtc-team-holder-modal .image-holder {
width: 450px;
position: absolute;
top: 0;
left: 0;
}
.widget_rrtc_description_widget .rtc-team-holder-modal .close_popup {
position: absolute;
top: 0;
right: 0;
color: #fff;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
background: rgba(255, 255, 255, 0.5);
border-radius: 100%;
border: 1px solid;
margin-top: 20px;
margin-right: 20px;
text-indent: 60px;
overflow: hidden;
}
.admin-bar .widget_rrtc_description_widget .rtc-team-holder-modal .close_popup {
top: 32px;
}
.widget_rrtc_description_widget .rtc-team-holder-modal .close_popup:hover {
background: rgba(255, 255, 255, 0.7);
}
.widget_rrtc_description_widget .rtc-team-holder-modal .close_popup::before,
.widget_rrtc_description_widget .rtc-team-holder-modal .close_popup::after {
content: "";
background: #333;
width: 20px;
height: 3px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.widget_rrtc_description_widget .rtc-team-holder-modal .close_popup::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.widget_rrtc_description_widget .rtc-team-holder-modal .close_popup:hover::before,
.widget_rrtc_description_widget .rtc-team-holder-modal .close_popup:hover::after {
background: #000;
}
.widget_rrtc_description_widget .rtc-team-holder-modal .text-holder .name {
font-size: 1.8em;
line-height: 1;
}
.widget_rrtc_description_widget .rtc-team-holder-modal .text-holder .designation {
font-size: 1.2em;
color: #ccc;
}
.widget_rrtc_description_widget .rtc-team-holder-modal .text-holder .description {
margin-top: 15px;
max-height: 255px;
overflow: auto;
}
.widget_rrtc-description_widget .mCSB_container {
overflow: hidden;
}
.widget_rrtc_description_widget .mCustomScrollbar .mCSB_scrollTools {
width: 16px;
visibility: visible;
overflow: hidden;
}
.widget_rrtc_description_widget .mCSB_scrollTools .mCSB_draggerRail {
background: rgba(255, 255, 255, 0.1);
}
.widget_rrtc_description_widget .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: rgba(255, 255, 255, 0.25);
}
/*=========================
RARATHEME FAQ WIDGET
=========================*/
.widget_raratheme_companion_faqs_widget .accordion {
text-align: right;
}
.widget_raratheme_companion_faqs_widget .expand-faq {
font-size: 0.8em;
display: inline-block;
border-bottom: 2px solid;
color: #676767;
margin-bottom: 30px;
}
.widget_raratheme_companion_faqs_widget .expand-faq svg {
font-weight: 600;
margin-right: 5px;
}
.widget_raratheme_companion_faqs_widget .accordion li {
text-align: left;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 15px;
margin-bottom: 15px;
margin-top: 0;
}
.widget_raratheme_companion_faqs_widget .accordion li a {
font-size: 0.9em;
font-weight: 600;
position: relative;
}
.widget_raratheme_companion_faqs_widget .accordion li .inner {
font-size: 0.8em;
color: #676767;
margin-top: 10px;
}
/*=================================
RARATHEME SOCIAL LINK WIDGET
=================================*/
.widget_raratheme_social_links ul {
font-size: 0.9em;
}
.widget_raratheme_social_links ul li {
margin-right: 9px;
margin-bottom: 10px;
}
.widget_raratheme_social_links ul li a {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 100%;
}
.widget_raratheme_social_links ul li a:hover,
.widget_raratheme_social_links ul li a:focus {
opacity: 0.7;
filter: alpha(opacity=70);
}
/*============================
RARATHEME CATEGORY SLIDER
===========================*/
.widget_rara_posts_category_slider_widget .owl-theme .owl-nav [class*="owl-"] {
background: rgba(255, 255, 255, 0.5);
}
.widget_rara_posts_category_slider_widget .owl-theme .owl-nav [class*="owl-"]:hover {
background: rgba(255, 255, 255, 0.75);
color: #1c1b1b;
}
.widget_rara_posts_category_slider_widget .owl-theme .owl-nav .owl-prev {
left: 10px;
}
.widget_rara_posts_category_slider_widget .owl-theme .owl-nav .owl-next {
right: 10px;
}
.widget_rara_posts_category_slider_widget .owl-theme .owl-dots {
display: none;
}
.widget_rara_posts_category_slider_widget .carousel-title {
background: #f0f0f0;
padding: 20px;
}
.widget_rara_posts_category_slider_widget .carousel-title .cat-links {
display: inline-block;
font-size: 16px;
color: #676767;
}
.widget_rara_posts_category_slider_widget .carousel-title .title {
margin-top: 0;
margin-bottom: 0;
font-size: 0.9em;
font-weight: 600;
}
/*===========================
RARATHEME SOCIAL LINKS
===========================*/
ul.social-networks {
margin: 0;
padding: 0;
list-style: none;
}
.widget_rtc_social_links ul li {
display: inline-block;
vertical-align: middle;
padding: 5px;
font-size: 18px;
}
.widget_rtc_social_links ul li a {
display: inline-block;
vertical-align: middle;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
background: #1c1b1b;
color: #fff;
border-radius: 100%;
}
.widget_rtc_social_links ul li a:hover {
background: #05d584;
color: #fff;
}
/*================================
FOOTER SECTION
================================*/
.top-footer {
background: #f8f8f8;
padding: 100px 0px;
}
.top-footer>.tc-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 110px;
text-align: left;
}
.top-footer>.tc-wrapper:before,
.top-footer>.tc-wrapper:after {
display: none;
}
.top-footer .col {
overflow: hidden;
}
.top-footer .widget:last-child {
margin-bottom: 0;
}
.top-footer .widget .widget-title {
font-size: 1em;
font-weight: 600;
}
.top-footer .widget_text .textwidget {
font-size: 0.8em;
color: #1c1b1b;
}
.widget_text .textwidget p:last-child {
margin-bottom: 0;
}
.bottom-footer {
padding: 20px 0;
text-align: left;
}
.bottom-footer a {
color: #676767;
}
.bottom-footer a:hover {
color: #05d584;
}
.bottom-footer .copyright {
display: inline-block;
vertical-align: middle;
width: 60%;
font-size: 16px;
font-weight: 400;
color: #676767;
}
.copyright span[role="separator"] {
display: inline-block;
position: relative;
}
.copyright span[role="separator"]::before {
content: "/";
margin-left: 10px;
margin-right: 10px;
}
.bottom-footer .foot-social {
display: inline-block;
vertical-align: middle;
width: 39%;
text-align: right;
}
.bottom-footer .foot-social a {
background: none;
color: #676767;
font-size: 20px;
}
.bottom-footer .foot-social a:hover {
background: none;
color: #05d584;
}
/*=======================
ABOUT PAGE
=======================*/
.about-content-wrap .widget_raratheme_featured_page_widget {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}
.about-content-wrap .widget_raratheme_featured_page_widget .section-subtitle {
font-size: 2.5em;
line-height: 1.2;
margin-top: 0;
margin-bottom: 50px;
text-align: center;
color: #1c1b1b;
}
.about-content-wrap .widget_raratheme_featured_page_widget .section-subtitle span {
display: inline-block;
position: relative;
z-index: 1;
}
.about-content-wrap .widget_raratheme_featured_page_widget .section-subtitle span:before {
content: "";
background: #d2fcec;
width: 100%;
height: 40%;
position: absolute;
top: 5px;
left: 0;
right: 0;
margin: 0 auto;
z-index: -1;
}
.about-content-wrap .img-holder {
margin-bottom: 50px;
}
.about-content-wrap .widget_raratheme_featured_page_widget .text-holder .widget-title {
display: inline-block;
width: 30%;
vertical-align: top;
font-size: 22px;
font-weight: 600;
}
.about-content-wrap .widget_raratheme_featured_page_widget .featured_page_content {
display: inline-block;
vertical-align: top;
width: 69%;
padding-left: 30px;
}
.client-logos {
margin-top: 120px;
text-align: center;
}
header.entry-header .entry-title,
.client-logos .widget_raratheme_client_logo_widget .widget-title {
margin-top: 0;
margin-bottom: 30px;
font-size: 1.5em;
line-height: 1.3;
word-wrap: break-word;
}
.entry-title a {
color: #1c1b1b;
}
.entry-title a:hover {
color: #05d584;
}
header.entry-header .entry-title span {
display: inline-block;
position: relative;
z-index: 1;
}
header.entry-header .entry-title span:before,
.client-logos .widget_raratheme_client_logo_widget .widget-title:before {
content: "";
background: #d2fcec;
width: 100%;
height: 45%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.client-logos .widget_raratheme_client_logo_widget {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}
.client-logos .widget_raratheme_client_logo_widget .raratheme-client-logo-inner-holder {
grid-template-columns: repeat(4, 1fr);
grid-gap: 0;
align-items: normal;
}
.client-logos .widget_raratheme_client_logo_widget .widget-title {
grid-column: 1 / span 4;
position: relative;
justify-self: start;
margin-left: auto;
margin-right: auto;
font-weight: 700;
}
.client-logos .widget_raratheme_client_logo_widget .image-holder {
border: 1px solid #eee;
margin-top: -1px;
margin-left: -1px;
padding: 20px;
min-height: 150px;
align-items: center;
display: grid;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
}
.client-logos .widget_raratheme_client_logo_widget .image-holder:hover {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.testimonial-area {
margin-top: 120px;
margin-bottom: 80px;
text-align: center;
}
#primary .testimonial-area header.entry-header .entry-title {
margin-bottom: 10px;
font-size: 1.5em;
}
.page-description {
font-size: 16px;
font-weight: 400;
color: #676767;
margin-bottom: 50px;
text-align: center;
}
.slider .owl-carousel {
padding: 0 60px;
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}
.testimonial-area.slider .widget_rrtc_testimonial_widget {
margin-bottom: 0;
padding-top: 0;
}
.testimonial-area.slider .widget_rrtc_testimonial_widget .rtc-testimonial-holder {
background: none;
padding: 0;
}
.testimonial-area.slider .widget_rrtc_testimonial_widget .img-holder {
width: 140px;
height: 140px;
float: none;
margin: 15px auto 40px auto;
border-radius: 100%;
position: static;
overflow: hidden;
background: none;
padding: 0;
opacity: 0.5;
filter: alpha(opacity=50);
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
}
.testimonial-area.slider .owl-item.center .img-holder {
width: 170px;
height: 170px;
opacity: 1;
filter: alpha(opacity=100);
margin-top: 0;
}
.testimonial-area.slider .owl-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.slider .widget_rrtc_testimonial_widget .text-holder {
position: absolute;
top: 200px;
left: 50%;
z-index: 99;
width: 1000px;
font-weight: 500;
margin: 0 auto;
opacity: 0;
visibility: hidden;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
transform: translateX(-50%);
}
.slider .center .widget_rrtc_testimonial_widget .text-holder {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.slider .widget_rrtc_testimonial_widget .testimonial-meta {
order: 2;
padding-top: 0;
margin-top: 30px;
}
.slider .widget_rrtc_testimonial_widget .testimonial-content {
border: none;
padding: 0;
border-radius: 0;
float: none;
margin-top: 10px;
}
.widget_rrtc_testimonial_widget .testimonial-content p {
margin: 0;
}
.testimonial-area .widget_rrtc_testimonial_widget .testimonial-meta .name {
margin-top: 0;
margin-bottom: 0;
font-size: 22px;
text-transform: capitalize;
}
.testimonial-area .widget_rrtc_testimonial_widget .testimonial-meta .designation {
font-size: 16px;
font-weight: 400;
color: #676767;
margin: 0;
}
.testimonial-area .test-wrap .owl-nav .owl-prev {
position: absolute;
left: 0;
top: 50%;
font-size: 60px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.testimonial-area .test-wrap .owl-nav .owl-next {
position: absolute;
right: 0;
font-size: 60px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.slider .owl-theme .owl-nav [class*='owl-'] {
background: #f8f8f8;
left: 0;
top: 20%;
font-weight: 600;
width: 40px;
height: 40px;
line-height: 40px;
}
.slider .owl-theme .owl-nav .owl-next {
right: 0;
left: auto;
}
.slider .owl-theme .owl-nav [class*='owl-']:hover {
background: #05d584;
}
.no-slider .test-wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}
.no-slider .test-wrap .widget_rrtc_testimonial_widget {
margin-bottom: 30px;
display: flex;
flex: auto;
}
.testimonial-area.no-slider .widget_rrtc_testimonial_widget .rtc-testimonial-holder {
padding: 60px;
}
/*=========================
BLOG PAGE
=========================*/
.archive .page-header {
text-align: center;
}
.archive .page-description {
font-size: 1.3em;
color: #1c1b1b;
border-bottom: 1px solid #e6e6e6;
font-weight: 300;
padding-bottom: 50px;
margin-bottom: 80px;
}
.archive .site-main {
text-align: center;
}
.archive .site-content,
.blog .site-content,
.woocommerce-page .site-content,
.page-template-default .site-content {
margin-bottom: 120px;
}
.article-wrap:before,
.article-wrap:after {
content: "";
display: table;
}
.article-wrap:after {
clear: both;
}
.article-wrap article {
float: left;
width: 50%;
padding: 35px;
margin-bottom: 0;
}
.article-wrap.normal-grid article:nth-child(2n+1),
.article-wrap.normal-grid-description article:nth-child(2n+1) {
clear: both;
}
.article-wrap {
text-align: left;
margin-left: -35px;
margin-right: -35px;
}
.normal-grid-description article .blog_post_video {
position: relative;
margin-bottom: 30px;
padding-top: 94.25%;
}
.normal-grid-first-large article .blog_post_video {
position: relative;
margin-bottom: 30px;
padding-top: 56.25%;
}
.normal-grid-description article .blog_post_video iframe,
.normal-grid-first-large article .blog_post_video iframe {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.article-wrap article .post-thumbnail .fallback-svg {
height: auto;
object-fit: cover;
width: 100%;
}
.article-wrap article .post-thumbnail,
.article-wrap.grid article .blog_post_video {
margin-bottom: 30px;
}
.article-wrap.grid article .blog_post_video,
.article-wrap.grid article iframe {
width: 100%;
height: 100%;
background: #000;
}
.article-wrap.grid article:nth-child(1n) .post-thumbnail,
.article-wrap.grid article:nth-child(1n) .blog_post_video,
.article-wrap.grid article:nth-child(1n) .fallback-svg {
height: 380px;
}
.article-wrap.grid article:nth-child(2n) .post-thumbnail,
.article-wrap.grid article:nth-child(2n) .blog_post_video,
.article-wrap.grid article:nth-child(2n) .fallback-svg {
height: 520px;
}
.article-wrap.grid article:nth-child(4n) .post-thumbnail,
.article-wrap.grid article:nth-child(4n) .blog_post_video,
.article-wrap.grid article:nth-child(4n) .fallback-svg {
height: 347px;
}
.article-wrap.grid article:nth-child(5n) .post-thumbnail,
.article-wrap.grid article:nth-child(5n) .blog_post_video,
.article-wrap.grid article:nth-child(5n) .fallback-svg {
height: 480px;
}
.article-wrap.grid article:nth-child(6n) .post-thumbnail,
.article-wrap.grid article:nth-child(6n) .blog_post_video,
.article-wrap.grid article:nth-child(6n) .fallback-svg {
height: 324px;
}
.article-wrap article .post-thumbnail img {
object-fit: cover;
width: 100%;
height: 100%;
}
.article-wrap header.entry-header .entry-title {
font-weight: 500;
margin-bottom: 10px;
}
.article-wrap .entry-content {
margin-top: 20px;
}
.article-wrap .entry-content p {
margin-bottom: 0;
margin-top: 20px;
}
.article-wrap .entry-content p:first-child {
margin-top: 0;
}
.article-wrap article.format-video .post-content-wrap,
.article-wrap article.format-audio .post-content-wrap {
display: flex;
flex: 1;
flex-direction: column;
}
.article-wrap article.format-video header.entry-header,
.article-wrap article.format-audio header.entry-header {
order: 2;
}
.article-wrap article.format-video .post-content-wrap .entry-content {
margin-top: 0;
}
.article-wrap article.format-video .entry-content iframe {
margin-bottom: 30px;
}
.article-wrap.grid article.format-video .entry-content iframe {
height: 400px;
object-fit: cover;
}
.article-wrap.normal-grid-first-large article {
float: none;
display: inline-block;
width: 49.66%;
vertical-align: top;
}
.article-wrap.normal-grid-first-large article:first-child {
width: 100%;
}
/*===========================
SINGLE PORTFOLIO PAGE
===========================*/
.page-template-portfolio .site-content {
margin-bottom: 60px;
}
.page-template-portfolio.gal-carousel .site-content .tc-wrapper {
width: 100%;
}
.archive.page-template-portfolio .page-header .page-title {
margin-bottom: 60px;
}
.single figure.post-thumbnail {
margin-bottom: 70px;
}
ul.slider.owl-theme .owl-nav [class*='owl-'] {
top: 50%;
left: 50px;
}
ul.slider.owl-theme .owl-nav .owl-next {
left: auto;
right: 50px;
}
.single .gallery-wrap .content-wrap-box {
width: 85%;
margin: 0 auto;
margin-bottom: 80px;
}
.single .page-header {
text-align: left;
margin-top: 0;
}
.single span.sub-title {
font-size: 16px;
font-weight: 400;
color: #676767;
display: block;
margin-bottom: 15px;
}
.single span.sub-title span {
display: inline-block;
margin-right: 25px;
}
.single .page-header .page-title {
font-size: 1.5em;
margin-bottom: 15px;
}
.single .page-header .page-title span:before {
top: 0;
height: 50%;
}
.single .page-content {
margin-top: 0;
}
.single .page-content p {
margin-top: 0;
margin-bottom: 20px;
}
.single .page-content p:last-child {
margin-bottom: 0;
}
.single-portfolio .about-author {
text-align: center;
position: relative;
background: #f8f8f8;
padding: 119px 70px 70px 70px;
width: 85%;
margin: 85px auto 80px auto;
}
.single-portfolio .about-author figure.author-img {
position: absolute;
top: -85px;
left: 0;
right: 0;
width: 170px;
height: 170px;
border-radius: 100%;
overflow: hidden;
margin: 0 auto;
}
.single-portfolio .about-author .author-info {
font-size: 18px;
font-weight: 500;
}
.single-portfolio .about-author .name {
font-size: 22px;
margin-top: 20px;
margin-bottom: 0;
font-weight: 700;
}
.single-portfolio .about-author .company {
margin: 0;
font-size: 16px;
font-weight: 400;
color: #676767;
}
.single-rara-portfolio .about-tesimonial {
max-width: 970px;
margin: 170px auto 80px auto;
background: #f8f8f8;
text-align: center;
padding: 125px 60px 80px 60px;
position: relative;
}
.single-rara-portfolio .about-tesimonial .tesimonial-img {
width: 170px;
height: 170px;
overflow: hidden;
border-radius: 100%;
position: absolute;
top: -85px;
left: 0;
right: 0;
margin: 0 auto;
}
.single-rara-portfolio .about-tesimonial .tesimonial-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.single-rara-portfolio .about-tesimonial .tesimonial-info {
font-weight: 500;
font-size: 0.9em;
}
.single-rara-portfolio .about-tesimonial .name {
margin-top: 20px;
margin-bottom: 0;
font-size: 1.1em;
}
.single-rara-portfolio .about-tesimonial .company {
margin: 0;
color: #676767;
font-size: 0.8em;
}
.single-rara-portfolio .additional-posts {
text-align: center;
margin-bottom: 80px;
}
.single-rara-portfolio .additional-posts .title {
text-align: center;
position: relative;
display: inline-block;
font-weight: 700;
}
.single-rara-portfolio .additional-posts .title:before {
content: "";
background: #d2fcec;
width: 100%;
height: 40%;
position: absolute;
top: 5px;
left: 0;
right: 0;
margin: 0 auto;
z-index: -1;
}
/*===========================
RELATED POST SECTION
===========================*/
.full-width .comment-holder {
border-top: 1px solid #e5e5e5;
padding-top: 50px;
padding-bottom: 50px;
}
.additional-posts {
margin-top: 0;
}
.rightsidebar .additional-posts,
.leftsidebar .additional-posts {
text-align: left;
}
.additional-posts+.additional-posts {
margin-top: 50px;
}
.related .related-title,
.additional-posts .title {
margin-top: 0;
margin-bottom: 0;
font-size: 1.5em;
font-weight: 700;
}
.additional-posts .title {
margin-bottom: 30px;
font-weight: 500;
}
.related .related-title span {
display: inline-block;
position: relative;
z-index: 1;
}
.related .related-title span:before {
content: "";
background: #d2fcec;
width: 95%;
height: 40%;
position: absolute;
top: 5px;
left: 0;
right: 0;
z-index: -1;
margin: 0 auto;
}
.block-wrap {
text-align: left;
}
.related .related-block,
.additional-posts .block {
display: inline-block;
width: 31%;
vertical-align: top;
margin-right: 2.5%;
}
.additional-posts .block {
margin-bottom: 30px;
}
.related .related-block:last-child,
.additional-posts .block:nth-child(3n) {
margin-right: 0;
}
.single .related figure.post-thumbnail,
.additional-posts .block .post-thumbnail {
margin-bottom: 0;
}
.single-post.full-width .additional-posts .block figure.post-thumbnail {
width: auto;
}
.related .related-post-title,
.additional-posts .block .block-title {
padding: 20px 30px 0 30px;
margin: 0;
text-align: left;
font-size: 1.2em;
font-weight: 500;
line-height: 1.3;
}
.additional-posts .block .block-title {
padding-left: 0;
padding-right: 0;
font-size: 20px;
word-break: break-word;
}
.additional-posts.portfolio-related .block .block-title {
padding-left: 20px;
padding-right: 20px;
}
.block-title a {
color: #1c1b1b;
}
.block-title a:hover {
color: #05d584;
}
.additional-posts.portfolio-related .block .entry-meta {
text-align: left;
padding-left: 20px;
padding-right: 20px;
}
/*============================
SINGLE POST PAGE
============================*/
.single-post .site-content {
margin-bottom: 80px;
}
.single-post.full-width figure.post-thumbnail,
.page.full-width figure.post-thumbnail,
.centered figure.post-thumbnail {
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}
.single.single-portfolio .site-main figure.post-thumbnail {
max-width: 1170px;
max-height: 640px;
overflow: hidden;
}
.single.single-portfolio .site-main figure.post-thumbnail img {
width: 100%;
max-height: 640px;
object-fit: cover;
}
.page .site-main .entry-footer {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}
.single-post.full-width header.entry-header,
.centered header.entry-header {
max-width: 1170px;
margin: 0 auto;
}
.page-template-default .site-content .site-main {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}
.page-template-default .site-main .tc-wrapper {
width: auto;
}
.single-post header.entry-header .entry-title {
font-size: 1.75em;
margin-bottom: 20px;
}
.single-post header.entry-header .entry-title span:before {
display: none;
}
.single-post .entry-meta {
display: inline-block;
margin-top: 0;
vertical-align: middle;
}
.full-width.single-post .additional-posts .entry-meta {
text-align: left;
display: block;
}
.single-post .block-title .entry-meta {
display: block;
}
.single-post .entry-meta>span {
padding-right: 50px;
display: inline-block;
}
.single-post .entry-meta>span.posted-on {
position: relative;
}
.single-post .entry-meta>span.posted-on:after {
position: absolute;
top: 50%;
right: 20px;
width: 5px;
height: 5px;
border-radius: 50%;
background: #ccc;
content: '';
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
span.byline a.fn {
display: inline-block;
padding-left: 5px;
}
.single-post .entry-header .article-share {
display: inline-block;
vertical-align: middle;
line-height: 0;
position: relative;
}
.single-post .entry-header .article-share:before {
position: absolute;
top: 50%;
left: -30px;
content: '';
width: 5px;
height: 5px;
border-radius: 50%;
background: #ccc;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.single-post article.post {
border-top: 1px solid #e6e6e6;
margin-top: 30px;
}
.single-post.full-width article.post {
margin-top: 80px;
padding-top: 30px;
}
.single-post:not(.full-width) article .entry-content {
margin-top: 0;
}
.single-post .entry-footer {
margin-bottom: 50px;
}
.single .entry-footer .edit-link {
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
.entry-footer .edit-link a {
display: inline-block;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
background: #1c1b1b;
color: #fff;
padding: 5px 20px;
border-radius: 40px;
}
.entry-footer .edit-link a:hover {
background: #05d584;
}
.single .entry-footer .article-share {
display: inline-block;
vertical-align: middle;
}
.single-post.full-width:not(.single-centered) .entry-footer .article-share {
display: inline-block;
vertical-align: middle;
width: 49.66%;
}
.single-post.full-width:not(.single-centered) .entry-footer .edit-link+.article-share {
width: 42%;
}
.single-post .entry-footer .article-share h4 {
display: inline-block;
vertical-align: middle;
margin: 0;
padding-right: 20px;
font-size: 20px;
font-weight: 500;
}
.share-links li {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.share-links li:last-child {
margin-right: 0;
}
.share-links li a {
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
background: #1c1b1b;
border-radius: 100%;
color: #fff;
font-size: 16px;
}
.share-links li a:hover {
background: #05d584;
}
.share-links li a svg {
line-height: 35px;
}
.single-post.full-width:not(.single-centered) .entry-footer .tags {
display: inline-block;
vertical-align: middle;
}
.single-post.full-width:not(.single-centered) .entry-footer .cat-links {
display: inline-block;
}
.single-post.full-width:not(.single-centered) .entry-footer .article-share+.cat-links {
float: right;
margin-top: 5px;
}
.single-post.full-width:not(.single-centered) .entry-footer .article-share+.tags+.cat-links {
margin-top: 20px;
}
.single-post.full-width:not(.single-centered) .entry-footer .cat-links a:hover {
text-decoration: underline;
}
.single-post.full-width:not(.single-centered) .entry-footer .edit-link+.tags,
.single-post.full-width:not(.single-centered) .entry-footer .article-share+.tags {
float: right;
width: 49.66%;
text-align: right;
}
.tags b {
font-size: 0.7em;
margin-right: 10px;
}
.tags a {
display: inline-block;
vertical-align: middle;
font-size: 14px;
font-weight: 500;
padding: 3px 20px;
background: #f8f8f8;
border-radius: 40px;
margin-left: 7px;
color: #1c1b1b;
}
.tags a:first-child {
margin-left: 0;
}
.tags a:hover {
background: #05d584;
color: #fff;
}
.single-post .about-author:before,
.single-post .about-author:after {
content: "";
display: table;
}
.single-post .about-author:after {
clear: both;
}
.single-post .about-author {
border: 1px solid #e5e5e5;
padding: 70px;
margin-bottom: 80px;
}
.single-post .about-author .author-img {
float: left;
width: 230px;
}
.single-post .about-author .author-info-wrap {
float: left;
width: calc(100% - 230px);
padding-left: 40px;
}
.single-post .about-author .name {
font-size: 20px;
margin-top: 0;
margin-bottom: 10px;
font-weight: 600;
text-transform: capitalize;
}
.single-post .about-author .author-info {
font-size: 16px;
font-weight: 400;
}
.single .author-info-wrap .social-networks {
border-top: 1px solid #e5e5e5;
margin-top: 30px;
padding-top: 30px;
}
.single .author-info-wrap .social-networks li {
display: inline-block;
vertical-align: middle;
}
.single .author-info-wrap .social-networks a {
display: inline-block;
vertical-align: middle;
width: 35px;
text-align: center;
height: 35px;
line-height: 35px;
background: #1c1b1b;
color: #fff;
border-radius: 100%;
font-size: 16px;
margin-right: 8px;
}
.single .author-info-wrap .social-networks li:last-child a {
margin-right: 0;
}
.single .author-info-wrap .social-networks a:hover {
background: #05d584;
}
body.page:not(.home) header.entry-header {
text-align: center;
}
body.page:not(.home) header.entry-header .entry-title {
font-size: 2.5em;
margin-bottom: 70px;
}
.breadcrumb {
font-weight: 400;
letter-spacing: 0.8px;
font-size: 16px;
margin-bottom: 30px;
color: #676767;
}
.breadcrumb a:hover {
color: #000;
text-decoration: underline;
}
.page blockquote {
margin-left: 50px;
margin-right: 50px;
}
.single-post:not(.full-width) .entry-footer .cat-links {
margin-top: 20px;
}
.single-post.single-centered .entry-footer .cat-links {
display: inline-block;
}
.single-post .entry-footer .cat-links {
position: relative;
font-size: 0.75em;
}
.single-post .entry-footer .cat-links::before {
content: "";
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%23676767" d="M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z"></path></svg>');
background-repeat: no-repeat;
background-size: 20px;
width: 30px;
height: 30px;
background-position: center;
display: inline-block;
vertical-align: middle;
}
.single-post .entry-footer .cat-links a {
display: inline-block;
vertical-align: middle;
font-weight: 400;
color: #1c1b1e;
margin-left: 5px;
}
.single-post .entry-footer .cat-links a:hover {
color: #05d584;
text-decoration: underline;
}
/*=============================
SINGLE POST CENTERED LAYOUT
=============================*/
.single-post.single-centered div#primary {
text-align: center;
}
.single-post.single-centered.full-width figure.post-thumbnail,
.single-post.single-centered.full-width header.entry-header,
.single-post.single-centered.full-width .site-content .tc-wrapper {
width: 770px;
}
.page.single-centered .site-main {
max-width: 770px;
margin-left: auto;
margin-right: auto;
}
.page.single-centered .site-main .tc-wrapper {
width: auto;
}
.single-centered .entry-footer .tags,
.single-post.rightsidebar .entry-footer .tags,
.single-post.leftsidebar .entry-footer .tags,
.single-post.single-centered .cat-links {
margin-top: 20px;
}
.single-post.single-centered .about-author {
text-align: left;
}
.single-centered .additional-posts .block,
.single-post.rightsidebar .additional-posts .block,
.single-post.leftsidebar .additional-posts .block {
width: 48%;
}
.single-centered .additional-posts .block:nth-child(3n),
.single-post.rightsidebar .additional-posts .block:nth-child(3n),
.single-post.leftsidebar .additional-posts .block:nth-child(3n) {
margin-right: 2.5%;
}
.single-centered .additional-posts .block:nth-child(2n),
.single-post.rightsidebar .additional-posts .block:nth-child(2n),
.single-post.leftsidebar .additional-posts .block:nth-child(2n) {
margin-right: 0;
}
.single .navigation.post-navigation {
margin-bottom: 80px;
}
/*==========================
RESUME PAGE
==========================*/
.page-template-resume .site-content {
margin-bottom: 60px;
}
.resume-wrap {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}
.resume-wrap .widget:first-child {
text-align: center;
max-width: 770px;
margin-left: auto;
margin-right: auto;
}
.resume-wrap .widget:first-child .widget-title {
font-size: 2.5em;
font-weight: 700;
display: inline-block;
position: relative;
margin-bottom: 10px;
z-index: 1;
line-height: 1;
padding: 0 5px;
}
.resume-wrap .widget:first-child .widget-title::before {
content: "";
background: #d2fcec;
width: 100%;
height: 50%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.resume-wrap .widget_text:not(:first-child)::before,
.resume-wrap .widget_text:not(:first-child)::after {
content: "";
display: table;
}
.resume-wrap .widget_text:not(:first-child)::after {
clear: both;
}
.resume-wrap .widget_text:not(:first-child) {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 60px;
}
.resume-wrap .widget_text:not(:first-child) .widget-title {
width: 25%;
margin-bottom: 0;
display: inline-block;
}
.resume-wrap .widget_text:not(:first-child) .textwidget {
width: 70%;
display: inline-block;
float: right;
vertical-align: top;
font-weight: 300;
color: #1c1b1b;
}
.resume-wrap .widget_text:not(:first-child) .textwidget b {
font-weight: 500;
display: block;
}
.resume-wrap .widget_text:not(:first-child) .textwidget span,
.resume-wrap .widget_text:not(:first-child) .textwidget i {
font-size: 18px;
display: block;
}
.page-template-resume .resume-wrap ul {
margin: 0;
padding: 0;
list-style: none;
}
.resume-wrap .widget_text:not(:first-child) .textwidget ul li:before {
content: "";
background: #1c1b1b;
width: 6px;
height: 6px;
position: absolute;
top: 16px;
left: 0;
}
.resume-wrap .widget_text:not(:first-child) .textwidget ul li {
position: relative;
padding-left: 20px;
margin-bottom: 5px;
}
/*=========================
SERVICE PAGE
=========================*/
.page-template-service .site-content {
margin-bottom: 120px;
}
.service-wrap {
max-width: 1170px;
margin: 0 auto 60px;
text-align: center;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 40px;
}
.service-wrap .widget_text {
grid-column: 1 / span 3;
}
.service-wrap .widget_rrtc_icon_text_widget {
margin-bottom: 20px;
}
.service-wrap .widget_text .widget-title {
font-size: 2.5em;
font-weight: 700;
position: relative;
display: inline-block;
margin-bottom: 10px;
line-height: 1.3;
z-index: 1;
}
.service-wrap .widget_text .widget-title::before {
content: "";
background: #d2fcec;
width: 100%;
height: 50%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.service-wrap .widget_rrtc_icon_text_widget .icon-holder {
margin-bottom: 20px;
}
.service-wrap .widget_rrtc_icon_text_widget .text-holder .content {
font-size: 18px;
font-weight: 400;
}
/*=========================
WIDGET AUTHOR
=========================*/
.widget_author {
border: 1px solid #e5e5e5;
}
.widget_author figure.author-img {
padding: 50px 50px 0 50px;
text-align: center;
}
.widget_author .author-info-wrap {
padding: 30px 50px;
}
.widget_author .widget-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 5px;
}
.widget_author .author-info {
font-size: 16px;
font-weight: 400;
}
.widget_author .author-social {
border-top: 1px solid #e5e5e5;
padding: 15px 50px;
text-align: center;
}
.widget_author .author-social a {
display: inline-block;
vertical-align: middle;
width: 35px;
text-align: center;
height: 35px;
line-height: 35px;
background: #1c1b1b;
color: #fff;
border-radius: 100%;
font-size: 17px;
margin-right: 7px;
}
.widget_author .author-social a:last-child {
margin-right: 0;
}
.widget_author .author-social a:hover {
background: #05d584;
}
/*===========================
WIDGET TAG CLOUD
===========================*/
.widget_tag_cloud .tagcloud a {
display: inline-block;
vertical-align: middle;
background: rgba(0, 0, 0, 0.03);
border-radius: 40px;
font-size: 13px !important;
font-weight: 500;
padding: 7px 20px;
margin-right: 5px;
margin-bottom: 10px;
}
.widget_tag_cloud .tagcloud a:hover {
background: #05d584;
color: #fff;
}
/*==========================
WIDGET POPULAR POSTS
==========================*/
.widget_popular_posts ul li {
margin-bottom: 30px;
}
.widget_popular_posts ul li:last-child {
margin-bottom: 0;
}
.widget_popular_posts figure.post-thumbnail {
margin-bottom: 0;
width: 100px;
display: inline-block;
vertical-align: top;
}
.widget_popular_posts header.entry-header {
display: inline-block;
vertical-align: top;
width: calc(100% - 106px);
padding-left: 25px;
}
.widget_popular_posts header.entry-header .entry-title {
font-size: 18px;
font-weight: 500;
}
/*=============================
WIDGET RECENT POST
============================*/
.widget_recent_post ul li {
margin-bottom: 40px;
}
.widget_recent_post ul li:last-child {
margin-bottom: 0;
}
.widget_recent_post ul li figure.post-thumbnail {
margin-bottom: 20px;
}
.widget_recent_post header.entry-header .entry-title {
font-size: 18px;
font-weight: 500;
margin-bottom: 0;
}
/*=====================
WIDGET CALENDAR
=====================*/
table tr td#today {
background: #dde4e6;
}
table tr td#today a {
color: #888686;
}
table tbody tr td a {
color: #000;
}
.calendar_wrap .wp-calendar-table {
margin-bottom: 0;
}
.calendar_wrap .wp-calendar-nav {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
font-size: 18px;
border: 1px solid #dde4e6;
border-top: none;
}
.calendar_wrap .wp-calendar-nav .wp-calendar-nav-prev {
width: 43%;
text-align: center;
border-right: 1px solid #dde4e6;
padding: 9px;
}
.calendar_wrap .wp-calendar-nav .wp-calendar-nav-next {
width: 43%;
text-align: center;
border-left: 1px solid #dde4e6;
padding: 9px;
}
/*=====================
ERROR 404 PAGE
=====================*/
.error-404 .page-content {
text-align: center;
max-width: 770px;
margin-left: auto;
margin-right: auto;
}
.error-404 .page-content h3 {
font-size: 24px;
margin-top: 0;
margin-bottom: 0;
font-weight: 500;
}
.error-404 .page-content p.error-text {
margin-top: 10px;
font-size: 16px;
font-weight: 400;
color: #676767;
margin-bottom: 40px;
}
.error-404 .page-content form.searchform {
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
.error404 .site-main .additional-posts {
margin-top: 100px;
}
.error404 .site-main .additional-posts .entry-meta {
text-align: left;
}
/*========================
SEARCH RESULT PAGE
========================*/
.search-results .content-area {
text-align: center;
}
.search .site-content {
margin-bottom: 120px;
}
.search-results .page-header {
background: #f8f8f8;
padding: 45px 0;
}
.search-results .page-header .page-title {
display: none;
}
.search-results .page-header form.searchform {
max-width: 470px;
margin-left: auto;
margin-right: auto;
padding: 0 10px;
}
.search-results .page-header form.searchform input.search-field {
height: 70px;
}
.search-results .page-header form.searchform label[for="submit-field"] {
height: 70px;
line-height: 70px;
}
.post-count {
font-size: 24px;
font-weight: 500;
margin-bottom: 10px;
margin-top: 60px;
}
.search-no-results .site-content>.page-header,
.search-no-results .content-area .post-count {
display: none;
}
.search-no-results .no-results {
max-width: 768px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.search-no-results .no-results .search-form input.search-field {
height: 70px;
}
.search-no-results .no-results .search-form label[for="submit-field"] {
height: 70px;
line-height: 70px;
}
/*==================================
ARCHIVE CATEGORY AND AUTHOR PAGE
==================================*/
.archive span.sub-title,
.tax-rara_portfolio_categories .page-header span.sub-title,
.page-template-portfolio .page-header span.sub-title {
display: inline-block;
vertical-align: middle;
font-size: 14px;
color: #000;
font-weight: 400;
background: #f8f8f8;
padding: 3px 15px;
border-radius: 40px;
margin-bottom: 30px;
}
.archive .page-header .page-title {
margin-bottom: 15px;
}
.archive.category .site-content {
margin-bottom: 85px;
}
.archive:not(.author) .post-count {
margin-top: 0;
}
.author .page-header {
background: #f8f8f8;
padding: 45px 0;
}
.author .page-header .about-author {
/*max-width: 550px;*/
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.author .page-header figure.author-img {
display: inline-block;
vertical-align: middle;
width: 170px;
height: 170px;
overflow: hidden;
border-radius: 100%;
}
.author .page-header .author-info-wrap {
display: inline-block;
vertical-align: middle;
text-align: left;
padding-left: 20px;
flex-basis: 0;
flex-grow: 1;
}
.author .page-header .author-info-wrap span.sub-title {
font-size: 16px;
color: #676767;
font-weight: 400;
display: inline-block;
background: none;
padding: 0;
border-radius: 0;
margin-bottom: 0;
}
.author .page-header .author-info-wrap .name {
margin-top: 0;
margin-bottom: 0;
font-size: 22px;
text-transform: capitalize;
}
.author .page-header .author-info-wrap .author-info {
font-size: 0.9em;
}
.author .page-header .author-info-wrap .social-networks {
margin-top: 10px;
display: flex;
flex-wrap: wrap;
}
.author .page-header .author-info-wrap .social-networks a {
display: inline-block;
vertical-align: middle;
width: 35px;
height: 35px;
background: #000;
color: #fff;
text-align: center;
line-height: 35px;
border-radius: 100%;
margin-right: 10px;
font-size: 18px;
font-weight: 400;
}
.author .page-header .author-info-wrap .social-networks a:hover {
background: #05d584;
}
/*================================
RARATHEME TESTIMONIAL WIDGET
================================*/
.widget_rrtc_testimonial_widget {
text-align: center;
padding-top: 80px;
}
.widget_rrtc_testimonial_widget .rtc-testimonial-holder {
background: rgba(0, 0, 0, 0.03);
padding: 40px;
position: relative;
}
.widget_rrtc_testimonial_widget .rtc-testimonial-inner-holder:before,
.widget_rrtc_testimonial_widget .rtc-testimonial-inner-holder:after {
content: "";
display: table;
}
.widget_rrtc_testimonial_widget .rtc-testimonial-inner-holder:after {
clear: both;
}
.widget_rrtc_testimonial_widget .img-holder {
width: 170px;
height: 170px;
overflow: hidden;
border-radius: 100%;
margin: 0 auto;
position: absolute;
top: -80px;
left: 0;
right: 0;
}
.widget_rrtc_testimonial_widget .img-holder img {
width: 100%;
height: 100%;
object-fit: cover;
}
.widget_rrtc_testimonial_widget .text-holder {
margin-top: 60px;
display: flex;
flex: 1;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
}
.widget_rrtc_testimonial_widget .text-holder .testimonial-meta {
order: 2;
margin-top: 20px;
}
.widget_rrtc_testimonial_widget .text-holder .testimonial-meta .name {
display: block;
font-weight: 700;
line-height: 1.8;
}
.widget_rrtc_testimonial_widget .text-holder .testimonial-meta .designation {
font-size: 16px;
color: #676767;
display: block;
line-height: 1.8;
}
.widget_rrtc_testimonial_widget .text-holder .testimonial-content {
font-weight: 500;
font-size: 18px;
margin-top: 20px;
}
/*===================================
ABOUT SECTION LAYOUT TWO STYLE
===================================*/
section.about-section.layout-two .tc-wrapper {
width: 1280px;
}
section.about-section.layout-two .widget {
width: calc(100% - 200px);
max-width: 1440px;
margin: 0 auto;
margin-bottom: 30px;
}
.about-section.layout-two .widget-title:after {
display: none;
}
.about-section.layout-two .widget-title {
font-weight: 400;
font-size: 95px;
}
.about-section.layout-two .widget_rrtc_icon_text_widget .icon-holder {
display: none;
}
/*===================================
ABOUT SECTION LAYOUT THREE STYLE
===================================*/
.about-section.layout-three {
position: relative;
margin-top: 8rem;
}
.about-section.layout-three .image-holder {
position: absolute;
top: -50px;
right: 60px;
text-align: right;
}
.about-section.layout-three .image-holder svg {
width: 70%;
height: auto;
}
.about-section.layout-three .widget_rrtc_icon_text_widget {
/*max-width: 830px;*/
max-width: 720px;
text-align: left;
position: relative;
}
.about-section.layout-three .widget_rrtc_icon_text_widget .icon-holder {
display: none;
}
.about-section.layout-three .widget_rrtc_icon_text_widget .widget-title:after {
display: none;
}
.about-section.layout-three .widget_rrtc_icon_text_widget .widget-title {
font-weight: 400;
}
.about-section.layout-three .widget_rtc_social_links .widget-title {
font-size: 1.5em;
}
.about-section.layout-three .widget_rtc_social_links {
text-align: left;
max-width: 830px;
position: relative;
padding-top: 40px;
}
.about-section.layout-three .widget_rtc_social_links:before {
position: absolute;
top: 0;
left: 0;
height: 3px;
width: 100px;
background: #000;
content: '';
}
.about-section.layout-three .widget_rtc_social_links ul li a {
background: none;
color: #000;
}
.about-section.layout-three .widget_rtc_social_links ul li a:hover,
.about-section.layout-three .widget_rtc_social_links ul li a:focus {
background: #000;
color: #fff;
}
/*==============================
AWARDS SECTION STYLE\
==============================*/
.awards-section {
padding: 80px 0;
background: var(--primary-color);
color: #fff;
margin: 0 0 80px;
}
.awards-section .widget-holder {
display: flex;
flex: 1;
flex-flow: row wrap;
}
.awards-section .widget_text {
width: 100%;
}
.awards-section .widget_text .widget-title {
color: #fff;
}
.awards-section .widget_text .widget-title:after {
display: none;
}
.awards-section .widget_text .textwidget {
color: #fff;
}
.awards-section .widget_rrtc_icon_text_widget {
width: 33.33%;
float: left;
margin-bottom: 0;
display: flex;
flex: auto;
flex-flow: column wrap;
padding: 30px;
}
.awards-section .widget_rrtc_icon_text_widget .rtc-itw-inner-holder {
display: flex;
flex: 1;
flex-direction: column;
}
.awards-section .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder {
order: 2;
}
.awards-section .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .widget-title {
font-size: 1.2em;
font-weight: 500;
margin-bottom: 10px;
color: #fff;
}
.awards-section .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .widget-title:after {
display: none;
}
.awards-section .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .content {
font-size: 18px;
color: #fff;
}
.awards-section .widget_rrtc_icon_text_widget .btn-readmore {
background: #fff;
color: #000;
}
.awards-section .widget_rrtc_icon_text_widget .btn-readmore:hover,
.awards-section .widget_rrtc_icon_text_widget .btn-readmore:focus {
background: #000;
color: #fff;
}
.awards-section .widget_rrtc_icon_text_widget .icon-holder img {
width: auto;
height: auto;
}
/*=============================
CLIENTS SECTION STYLE
=============================*/
.clients-section {
margin: 0 0 90px;
}
.clients-section .widget_raratheme_client_logo_widget {
margin: 0;
}
.clients-section .raratheme-client-logo-inner-holder {
display: flex;
flex-wrap: wrap;
align-items: center;
box-sizing: border-box;
grid-gap: inherit;
grid-template-columns: inherit;
}
.clients-section .raratheme-client-logo-inner-holder .image-holder {
height: 100%;
width: 25%;
position: relative;
}
.clients-section .raratheme-client-logo-inner-holder .image-holder:after {
width: 10px;
height: 10px;
background: #fff;
content: '';
position: absolute;
bottom: -5px;
right: -5px;
z-index: 1;
}
.clients-section .raratheme-client-logo-inner-holder .image-holder:nth-child(6n) {
border-right: 0;
}
.clients-section .raratheme-client-logo-inner-holder .image-holder img {
vertical-align: top;
}
/*================================
TEAM SECTION STYLE
================================*/
.team-section {
display: flex;
flex-wrap: wrap;
margin: 0 0 90px;
}
.team-section .widget {
width: 25%;
}
.team-section .widget_text {
width: 100%;
}
.team-section .widget_rrtc_description_widget {
margin: 0;
}
.team-section .widget_rrtc_description_widget .rtc-team-holder-modal {
display: none !important;
}
.team-section .widget_rrtc_description_widget .rtc-team-holder .text-holder .description {
display: block;
text-align: left;
padding: 10px 30px;
}
.team-section .widget_rrtc_description_widget .rtc-team-inner-holder {
position: relative;
}
.team-section .widget_rrtc_description_widget .rtc-team-holder .image-holder {
background: #000;
}
.team-section .widget_rrtc_description_widget .rtc-team-holder .image-holder img {
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
width: 100%;
}
.team-section .widget_rrtc_description_widget:hover img {
opacity: 0.35;
}
.team-section .widget_rrtc_description_widget .rtc-team-holder .text-holder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 90%;
background: rgba(0, 0, 0, 0.7);
margin: 0;
padding: 20px 10px;
color: #fff;
overflow-y: auto;
opacity: 0;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.team-section .rtc-team-holder .text-holder::-webkit-scrollbar {
background: #ddd;
width: 10px;
Border-radius: 10px;
}
.team-section .rtc-team-holder .text-holder::-webkit-scrollbar-track {
box-shadow: inset 0 0 10px #f6f6f6;
border-radius: 10px;
}
.team-section .rtc-team-holder .text-holder::-webkit-scrollbar-thumb {
background: #7c7c7c;
border-radius: 10px;
}
.team-section .widget_rrtc_description_widget:hover .text-holder {
opacity: 1;
}
.team-section .widget_rrtc_description_widget .rtc-team-holder .text-holder .designation {
color: #fff;
}
.team-section .widget_rrtc_description_widget .rtc-team-holder .social-profile {
position: absolute;
width: 100%;
bottom: 0;
padding: 20px 10px;
opacity: 0;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.team-section .widget_rrtc_description_widget:hover .social-profile {
opacity: 1;
}
/*==============================
SIMPLE CTA SECTION STYLE
==============================*/
.simple-cta-section .widget_raratheme_companion_cta_widget .widget-title:after {
display: none;
}
.simple-cta-section .widget_raratheme_companion_cta_widget .widget-title {
font-size: 1.5em;
color: #fff;
}
/*==============================
OUR STATS STYLE
==============================*/
.stats-section+.awards-section,
.awards-section+.stats-section {
margin-top: -80px;
}
.stats-section {
margin: 0 0 80px;
padding-bottom: 80px;
padding-top: 80px;
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
background: #f7f7f7;
}
.stats-section .stats-holder {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.stats-section .stats-holder .widget {
width: 25%;
padding: 0 15px;
margin: 0;
}
.stats-section .stats-holder .widget_text {
width: 100%;
margin: 0 auto 30px auto;
}
.stats-section .stats-holder .widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder {
padding-left: 0;
display: flex;
flex-direction: column;
}
.stats-section .stats-holder .widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder .icon-holder {
position: unset;
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.stats-section .stats-holder .widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder .image-holder {
position: unset;
margin: 0 auto;
}
.stats-section .stats-holder .widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder .hs-counter .odometer {
font-weight: 400;
}
.stats-section .stats-holder .widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder .widget-title:after {
display: none;
}
/*=================================
CONTACT SECTION STYLE
=================================*/
.contact-section .contact-holder {
display: flex;
flex-wrap: wrap;
}
.contact-section .contact-holder .widget_text:not(:first-child) .widget-title,
.contact-section .contact-holder .widget_rtc_contact_social_links .widget-title,
.page-template-contact .contact-template-details-wrap .widget-title {
font-weight: 700;
font-size: 1.5em;
border-bottom: 1px solid #E6E6E6;
padding-bottom: 15px;
width: 100%;
}
.contact-section .contact-holder .widget_text .widget-title:after,
.contact-section .contact-holder .widget_rtc_contact_social_links .widget-title:after {
display: none;
}
.contact-section .contact-holder .widget_text form textarea {
height: 160px;
}
.contact-section .contact-holder .widget_rtc_contact_social_links .contact-list,
.page-template-contact .contact-template-details-wrap .contact-list {
margin: 0 0 15px;
padding: 0 0 15px;
list-style: none;
border-bottom: 1px solid #E6E6E6;
}
.contact-section .contact-holder .widget_text:first-child {
margin-bottom: 60px;
}
.contact-section .contact-holder .widget_text:not(:first-child),
.contact-section .contact-holder .widget_rtc_contact_social_links {
width: 50%;
padding: 0 30px;
text-align: left;
}
/*===========================
MAP SECTION STYLE
==========================*/
.map-section .widget_text {
margin: 0 !important;
}
.map-section .widget_text .textwidget {
max-width: 100% !important;
}
/*=================================
SKILLS SECTION STYLE
=================================*/
.skills-section {
margin: 90px 0;
padding-bottom: 90px;
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.skills-section+.awards-section {
margin-top: -90px;
}
.skills-section .skills-holder {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.skills-section .skills-holder .col {
width: 25%;
padding: 0 15px;
margin: 0 0 60px;
display: flex;
flex-direction: column;
text-align: center;
}
.progress-circle {
font-size: 2.400em;
line-height: 1.333em;
font-weight: 500;
width: 200px;
height: 200px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 30px;
position: relative;
}
.skills-section .skills-holder .col strong {
display: block;
font-weight: 600;
letter-spacing: 1px;
margin: 0 0 5px;
line-height: 1.350em;
}
.skills-section .skills-holder .col span {
font-size: 0.800em;
line-height: 1.375em;
}
.triggeredCSS3 .progress-circle:after {
content: '';
display: inline-block;
width: 100%;
height: 100%;
border-radius: 50%;
-webkit-animation: colorload 2s;
-moz-animation: colorload 2s;
animation: colorload 2s;
}
.progress-circle span {
position: absolute;
left: 50%;
top: 50%;
display: block;
width: 165px;
height: 165px;
text-align: center;
border-radius: 50%;
background: #fff;
z-index: 1;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: flex;
justify-content: center;
align-items: center;
}
.progress-circle span:after {
content: "%";
}
.progress-circle.progress-0:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(90deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-1:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(93.6deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-2:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(97.2deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-3:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(100.8deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-4:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(104.4deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-5:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(108deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-6:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(111.6deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-7:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(115.2deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-8:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(118.8deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-9:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(122.4deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-10:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(126deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-11:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(129.6deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-12:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(133.2deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-13:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(136.8deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-14:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(140.4deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-15:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(129.6deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-16:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(133.2deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-17:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(136.8deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-18:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(140.4deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-19:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(144deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-20:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(151.2deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-21:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(158.6deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-22:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(161.2deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-23:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(165.6deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-24:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(169.2deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-25:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(180deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-26:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(183.6deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-27:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(187.2deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-28:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(190.8deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-29:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(194.4deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-30:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(198deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-31:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(201.6deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-32:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(205.2deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-33:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(208.8deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-34:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(212.4deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-35:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(216deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-40:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(234deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-36:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(219.6deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-37:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(223.2deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-38:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(226.8deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-39:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(230.4deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-41:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(237.6deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-42:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(241.2deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-43:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(244.8deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-44:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(248.4deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-45:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(252deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-46:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(255.6deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-47:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(259.2deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-48:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(262.8deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-49:after {
background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(266.4deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-50:after {
background-image: linear-gradient(-90deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-51:after {
background-image: linear-gradient(-86.4deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-52:after {
background-image: linear-gradient(-82.6deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-53:after {
background-image: linear-gradient(-79.2deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-54:after {
background-image: linear-gradient(-75.6deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-55:after {
background-image: linear-gradient(-72deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-56:after {
background-image: linear-gradient(-68.4deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-57:after {
background-image: linear-gradient(-64.8deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-58:after {
background-image: linear-gradient(-61.2deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-59:after {
background-image: linear-gradient(-57.6deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-60:after {
background-image: linear-gradient(-54deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-61:after {
background-image: linear-gradient(-50.4deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-62:after {
background-image: linear-gradient(-46.8deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-63:after {
background-image: linear-gradient(-43.2deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-64:after {
background-image: linear-gradient(-39.6deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-65:after {
background-image: linear-gradient(-36deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-66:after {
background-image: linear-gradient(-32.4deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-67:after {
background-image: linear-gradient(-28.8deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-68:after {
background-image: linear-gradient(-25.2deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-69:after {
background-image: linear-gradient(-21.6deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-70:after {
background-image: linear-gradient(-18deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-71:after {
background-image: linear-gradient(-14.4deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-72:after {
background-image: linear-gradient(-10.8deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-73:after {
background-image: linear-gradient(-7.2deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-74:after {
background-image: linear-gradient(-3.6deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-75:after {
background-image: linear-gradient(0deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-76:after {
background-image: linear-gradient(3.6deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-77:after {
background-image: linear-gradient(7.2deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-78:after {
background-image: linear-gradient(10.8deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-79:after {
background-image: linear-gradient(14.4deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-80:after {
background-image: linear-gradient(18deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-81:after {
background-image: linear-gradient(21.6deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-82:after {
background-image: linear-gradient(25.2deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-83:after {
background-image: linear-gradient(28.8deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-84:after {
background-image: linear-gradient(32.4deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-85:after {
background-image: linear-gradient(36deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-86:after {
background-image: linear-gradient(39.2deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-87:after {
background-image: linear-gradient(43.2deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-88:after {
background-image: linear-gradient(46.8deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-89:after {
background-image: linear-gradient(50.4deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-90:after {
background-image: linear-gradient(54deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-91:after {
background-image: linear-gradient(57.6deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-92:after {
background-image: linear-gradient(61.2deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-93:after {
background-image: linear-gradient(64.8deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-94:after {
background-image: linear-gradient(68.4deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-95:after {
background-image: linear-gradient(72deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-96:after {
background-image: linear-gradient(75.6deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-97:after {
background-image: linear-gradient(79.2deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-98:after {
background-image: linear-gradient(82.8deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-99:after {
background-image: linear-gradient(86.4deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
.progress-circle.progress-100:after {
background-image: linear-gradient(90deg, var(--primary-color) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--primary-color) 50%, #ebebeb 50%, #ebebeb);
}
@-webkit-keyframes colorload {
0% {
opacity: 0;
transform: rotate(0deg);
}
100% {
opacity: 1;
transform: rotate(360deg);
}
}
.skills-template-details-wrap {
max-width: 1170px;
margin: 0 auto;
}
.testimonials-section .testimonial-area {
margin: 0;
}
.testimonials-section {
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
margin: 120px 0;
padding-bottom: 90px;
}
/*=============================
Contact Page Styling
============================*/
.contact-template-details-wrap {
display: flex;
flex-wrap: wrap;
max-width: 1170px;
margin-left: auto;
margin-right: auto;
/*max-width: 1170px;
margin: 0 auto;*/
}
.contact-template-details-wrap .widget {
width: 45%;
margin-right: 5%;
}
.contact-template-details-wrap .widget:last-child {
margin-right: 0;
margin-left: 5%;
}
.contact-template-details-wrap .widget form textarea {
height: 150px;
resize: vertical;
}
.contact-template-details-wrap .widget_rtc_contact_social_links .contact-list {
margin: 0 0 30px;
padding: 0;
list-style: none;
}
/*=================================
Skills Page Style
================================*/
.page-template-skills .skills-holder {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.page-template-skills .skills-holder .col {
width: 25%;
padding: 0 15px;
margin: 0 0 60px;
display: flex;
flex-direction: column;
text-align: center;
}
.page-template-skills .skills-holder .col strong {
display: block;
font-weight: 500;
letter-spacing: 1px;
margin: 0 0 5px;
line-height: 1.350em;
}
.page-template-skills .skills-holder .col span {
font-size: 0.800em;
line-height: 1.375em;
}
.page-template-skills #primary .widget.widget_text {
margin: 0 auto 30px auto;
text-align: center;
}
.page-template-skills #primary .widget_text .widget-title {
font-size: 2.5em;
font-weight: 700;
position: relative;
display: inline-block;
margin-bottom: 10px;
line-height: 1.3;
z-index: 1;
}
.page-template-skills #primary .widget_text .widget-title:before {
content: "";
background: #d2fcec;
width: 100%;
height: 50%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
/*==============================
RESPONSIVE STYLESHEET
==============================*/
@media screen and (max-width: 1415px) {
.about-section.layout-three .widget_rrtc_icon_text_widget {
max-width: 700px;
}
.site-header .tc-wrapper,
section.gallery-section.style1 .tc-wrapper,
.site-footer .tc-wrapper,
.single-post.full-width figure.post-thumbnail,
.centered figure.post-thumbnail {
width: 100%;
padding-left: 2%;
padding-right: 2%;
}
body.custom-background #page,
body.pattern-bg #page,
.custom-background .woocommerce-store-notice,
.custom-background p.demo_store,
.pattern-bg .woocommerce-store-notice,
.pattern-bg p.demo_store {
width: 1200px;
}
.site-header .menu-wrap {
width: 40%;
}
.widget_raratheme_companion_cta_widget .right .raratheme-cta-container {
padding-right: 40%;
}
.widget-area .widget_raratheme_companion_cta_widget .right .raratheme-cta-container,
.site-footer .widget_raratheme_companion_cta_widget .right .raratheme-cta-container {
padding-right: 15px;
}
/*=======================
BLOG PAGE
=======================*/
.article-wrap {
margin-left: 0;
margin-right: 0;
}
.widget_rrtc_description_widget .rtc-team-holder-modal .rtc-team-inner-holder-modal {
padding-left: calc(40% + 20px);
padding-right: 3%;
}
.widget_rrtc_description_widget .rtc-team-holder-modal .image-holder {
left: 3%;
width: 35%;
}
}
.article-wrap article:nth-of-type(odd) {
clear: left;
}
.article-wrap article:nth-of-type(even) {
clear: right;
}
@media screen and (max-width: 1220px) {
.about-section.layout-three .widget_rrtc_icon_text_widget {
max-width: 600px;
}
.about-section.layout-three .image-holder svg {
width: 60%;
}
section.about-section.layout-two .widget,
section.about-section.layout-two .tc-wrapper {
width: 100%;
max-width: 100%;
}
body.custom-background #page,
.custom-background .woocommerce-store-notice,
.custom-background p.demo_store,
body.pattern-bg #page,
.pattern-bg .woocommerce-store-notice,
.pattern-bg p.demo_store {
width: 95%;
}
.tc-wrapper,
.left-content .gallery-section .filter-button-group,
.gallery-section.style3 .filter-button-group,
.gal-carousel.full-width .page-description+.tc-wrapper .filter-button-group,
.single-post.full-width header.entry-header,
.centered header.entry-header {
width: 100%;
padding-left: 2%;
padding-right: 2%;
}
.client-logos .widget_raratheme_client_logo_widget,
.no-slider .test-wrap,
.resume-wrap,
.service-wrap,
.widget_raratheme_featured_page_widget .text-holder {
padding-left: 2%;
padding-right: 2%;
}
section[class*="-section"] .widget_raratheme_companion_cta_widget .raratheme-cta-container {
width: 100%;
}
/*=======================
CONTACT PAGE
=======================*/
.contact-template-details-wrap {
padding-left: 2%;
padding-right: 2%;
}
}
@media screen and (max-width: 1180px) {
.site-branding .site-logo+.site-title-wrap {
width: 45%;
}
.left-content .article-section a.btn-readmore {
padding-right: 2%;
}
.gallery-section.style4 .gallery-wrap .gallery-img .text-holder,
.list-view .gallery-wrap .gallery-img .text-holder {
padding: 30px;
}
.related .related-block,
.additional-posts .block {
width: 31%;
}
.rightsidebar.single-post .about-author,
.leftsidebar.single-post .about-author {
padding: 20px;
}
.rightsidebar.single-post .about-author .author-img,
.leftsidebar.single-post .about-author .author-img {
width: 30%;
}
.rightsidebar.single-post .about-author .author-info-wrap,
.leftsidebar.single-post .about-author .author-info-wrap {
width: 70%;
}
.widget_raratheme_companion_cta_widget .button-wrap a {
margin: 5px;
}
.single-post.full-width:not(.single-centered) .entry-footer .edit-link+.tags,
.single-post.full-width:not(.single-centered) .entry-footer .article-share+.tags {
width: auto;
}
.single-post.full-width:not(.single-centered) .entry-footer .article-share+.tags+.cat-links {
display: table;
clear: both;
}
/*===========================
ABOUT PAGE
===========================*/
.slider .widget_rrtc_testimonial_widget .text-holder {
width: 75vw;
}
/*=======================
BLOG PAGE
=======================*/
.article-wrap {
margin-left: -10px;
margin-right: -10px;
}
.article-wrap.normal-grid-first-large article {
width: 49.33%;
}
/*=============================
WIDGET POPULAR POST
=============================*/
.widget_popular_posts figure.post-thumbnail {
width: 30%;
}
.widget_popular_posts header.entry-header {
width: 67%;
}
/*=======================
WIDGET AUTHOR
=======================*/
.widget_author figure.author-img {
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
}
.widget_author .author-info-wrap,
.widget_author .author-social {
padding-left: 20px;
padding-right: 20px;
}
/*========================
FOOTER SECTION
========================*/
.top-footer>.tc-wrapper {
grid-gap: 20px;
}
}
@media screen and (max-width: 1024px) {
.about-section.layout-three .widget_rrtc_icon_text_widget {
margin: 0 0 30px;
}
.about-section.layout-three .widget_rrtc_icon_text_widget {
text-align: center;
}
.about-section.layout-three .widget_rtc_social_links {
text-align: center;
max-width: 100%;
margin: 0 0 30px;
}
.about-section.layout-three .widget_rtc_social_links:before {
top: 20%;
left: 50%;
transform: translate(-50%, -50%);
}
.about-section.layout-three .widget_rrtc_icon_text_widget {
max-width: 100%;
}
.about-section.layout-three .image-holder svg {
width: 70%;
}
.gallery-section.style1 .text-holder,
.gallery-section.style5 .text-holder,
.gal-masonry .gallery-wrap .text-holder,
.normal-view .gallery-wrap .text-holder {
top: auto;
bottom: 2px;
left: 2px;
right: 2px;
opacity: 1;
visibility: visible;
}
.gallery-section.style5 .text-holder,
.gal-masonry .gallery-wrap .text-holder {
bottom: 15px;
left: 15px;
right: 15px;
}
.gallery-section.style1 .text-holder-inner,
.gallery-section.style5 .text-holder-inner,
.gal-masonry .gallery-wrap .text-holder-inner,
.normal-view .gallery-wrap .text-holder-inner {
position: static;
opacity: 1;
visibility: visible;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
.gallery-section.style1 .gallery-img:hover .text-holder-inner,
.gallery-section.style5 .gallery-img:hover .text-holder-inner,
.gal-masonry .gallery-img:hover .text-holder-inner,
.normal-view .gallery-img:hover .text-holder-inner {
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
.gallery-section.style1 .text-holder .gal-title,
.gallery-section.style5 .text-holder .gal-title,
.gal-masonry .gallery-wrap .text-holder .gal-title,
.normal-view .gallery-wrap .text-holder .gal-title {
word-break: break-word;
/* text-overflow: ellipsis; */
}
.gallery-section.style1 .text-holder span.sub-title,
.gallery-section.style5 .text-holder span.sub-title,
.gal-masonry .gallery-wrap .text-holder span.sub-title,
.normal-view .gallery-wrap .text-holder span.sub-title {
font-size: 14px;
}
.about-section.layout-three .image-holder {
position: unset;
text-align: center;
}
.team-section .widget_rrtc_description_widget .rtc-team-holder .text-holder .description {
font-size: 0.750em;
line-height: 1.625em;
padding: 0;
}
.team-section .widget_rrtc_description_widget .rtc-team-holder .text-holder {
height: 65%;
}
/*=======================
SKILLS PAGE
=======================*/
.page-template-skills .skills-holder .col,
.skills-section .skills-holder .col {
width: 33.3333%;
}
}
@media screen and (max-width: 980px) {
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
max-width: 18.33%;
}
.comment-respond p.comment-form-author {
margin-right: 2%;
}
/*=======================
HEADER SECTION
=======================*/
.logo-text.site-branding .site-logo {
width: 25%;
}
.site-branding .site-logo+.site-title-wrap {
width: 65%;
}
.site-header .menu-wrap {
width: 50%;
padding-right: 30px;
}
/*============================
GALLERY SECTION
============================*/
.filter-button-group button {
margin-right: 10px;
margin-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
}
.gallery-section.style1 .text-holder-inner,
.gallery-section.style5 .text-holder-inner,
.gal-masonry .gallery-wrap .text-holder-inner,
.normal-view .gallery-wrap .text-holder-inner {
padding: 15px;
}
.text-holder .gal-title {
font-size: 20px;
}
/*===========================
ABOUT PAGE
===========================*/
.testimonial-area.slider .widget_rrtc_testimonial_widget .img-holder {
width: 90px;
height: 90px;
}
.testimonial-area.slider .center .widget_rrtc_testimonial_widget .img-holder {
width: 110px;
height: 110px;
}
.slider .widget_rrtc_testimonial_widget .text-holder {
top: 150px;
}
/*=======================
BLOG PAGE
=======================*/
.article-wrap article {
padding: 20px;
}
.team-section .widget {
width: 50%;
}
}
@media screen and (max-width: 800px) {
.about-section.layout-two .widget-title {
font-size: 60px;
}
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
max-width: 23.4%;
}
.widget_raratheme_companion_stat_counter_widget .odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
font-size: 2em;
}
.single .entry-footer .edit-link {
margin-right: 0;
text-align: center;
display: block;
margin-bottom: 20px;
}
.single-post.full-width:not(.single-centered) .entry-footer .article-share,
.single-post.full-width:not(.single-centered) .entry-footer .edit-link+.article-share {
width: 100%;
margin-bottom: 20px;
text-align: center;
}
.single-post.full-width:not(.single-centered) .entry-footer .edit-link+.tags,
.single-post.full-width:not(.single-centered) .entry-footer .article-share+.tags {
float: none;
width: 100%;
text-align: center;
}
.single-post.full-width:not(.single-centered) .entry-footer .cat-links,
.single-post.full-width:not(.single-centered) .entry-footer .article-share+.tags+.cat-links {
float: none;
display: block;
text-align: center;
}
.tags b {
display: block;
margin-right: 0;
margin-bottom: 10px;
}
/*========================
SIDEBARS
========================*/
.rightsidebar #primary,
.leftsidebar #primary {
float: none;
width: 100%;
margin-bottom: 80px;
padding-right: 0;
padding-left: 0;
}
.rightsidebar #secondary,
.leftsidebar #secondary {
float: none;
width: 100%;
}
/*========================
GALLERY SECTION
========================*/
.filter-button-group {
margin-bottom: 50px;
}
.gallery-wrap .gallery-img {
width: 50%;
}
.gallery-section.style2 .gallery-wrap .gallery-img,
.grid-view .gallery-wrap .gallery-img {
width: 50%;
}
.gallery-section.style2 .text-holder,
.grid-view .gallery-wrap .text-holder {
padding: 20px;
}
.gallery-section.style3 .gallery-wrap .gallery-img,
.gal-carousel .gallery-wrap .gallery-img {
width: auto;
}
.gallery-section.style4 .gallery-wrap .gallery-img .text-holder,
.list-view .gallery-wrap .gallery-img .text-holder {
font-size: 16px;
}
.gallery-section.style4 .text-holder .gal-desc,
.list-view .gallery-wrap .text-holder .gal-desc {
font-size: 16px;
}
/*===========================
SERVICE SECTION
===========================*/
section.service-section .widget_rrtc_icon_text_widget {
width: 50%;
padding: 20px;
}
/*=======================
FOOTER SECTION
=======================*/
.bottom-footer {
text-align: center;
}
.bottom-footer .copyright {
width: 100%;
margin-bottom: 20px;
}
.bottom-footer .foot-social {
width: 100%;
text-align: center;
}
/*========================================
PORTFOLIO PAGE AND PORTFOLIO SINGLE
========================================*/
.single-portfolio .about-author {
padding-right: 20px;
padding-bottom: 40px;
padding-left: 20px;
}
.related .related-block,
.additional-posts .block {
width: 48%;
margin-bottom: 30px;
}
.additional-posts .block:nth-child(3n) {
margin-right: 2.5%;
}
.related .related-block:nth-child(2n),
.additional-posts .block:nth-child(2n) {
margin-right: 0;
}
.related .related-block:nth-child(3n) {
display: none;
}
/*=======================
ABOUT PAGE
======================*/
.testimonial-area.slider .widget_rrtc_testimonial_widget .img-holder {
width: 100px;
height: 100px;
}
.testimonial-area.slider .center .widget_rrtc_testimonial_widget .img-holder {
width: 130px;
height: 130px;
}
/*=========================
SERVICE PAGE
=========================*/
.service-wrap {
grid-template-columns: repeat(2, 1fr);
}
.service-wrap .widget_text {
grid-column: 1 / span 2;
}
/*===========================
SINGLE POST PAGE
===========================*/
.single-post.single-centered.full-width figure.post-thumbnail,
.single-post.single-centered.full-width header.entry-header,
.single-post.single-centered.full-width .site-content .tc-wrapper {
width: 85%;
}
.single-post .about-author {
padding: 20px;
}
.single-post .about-author .author-img {
width: 30%;
}
.single-post .about-author .author-info-wrap {
width: 70%;
}
/*=======================
WIDGET AUTHOR
=======================*/
.widget_author figure.author-img {
padding-top: 50px;
padding-right: 50px;
padding-left: 50px;
}
.widget_author .author-info-wrap,
.widget_author .author-social {
padding-left: 50px;
padding-right: 50px;
}
.skills-section .skills-holder .col,
.page-template-skills .skills-holder .col {
width: 50%;
}
.awards-section .widget_rrtc_icon_text_widget {
width: 50%;
}
.stats-section .stats-holder .widget {
width: 50%;
}
/*========================================
CLIENT LOGO SECTION
========================================*/
.clients-section .raratheme-client-logo-inner-holder .image-holder {
width: 24%;
padding: 5%;
}
}
@media screen and (max-width: 768px) {
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
max-width: 32%;
}
}
@media screen and (max-width: 640px) {
section[class*="-section"] .widget-title,
.section-title,
.page-header .page-title {
font-size: 1.75em;
}
section.article-section {
margin-top: 80px;
padding-bottom: 80px;
}
section.gallery-section {
margin-top: 80px;
padding-bottom: 80px;
}
section.about-section {
margin-top: 80px;
margin-bottom: 20px;
}
section.service-section {
margin-top: 80px;
padding-bottom: 40px;
}
.owl-theme .owl-nav [class*="owl-"] {
left: 10px;
}
.owl-theme .owl-nav .owl-next {
left: auto;
right: 10px;
}
blockquote {
margin-top: 40px;
margin-bottom: 40px;
padding-left: 25px;
padding-right: 25px;
}
.gallery {
margin-top: 40px;
margin-bottom: 40px;
}
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
max-width: 49%;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
letter-spacing: 1px;
}
section[class*="-section"] .widget_raratheme_companion_cta_widget .right .widget-title,
section[class*="-section"] .widget_raratheme_companion_cta_widget .right .text-holder,
.widget_raratheme_companion_cta_widget .right .button-wrap {
width: 100%;
text-align: center;
}
/*===========================
BACK TO TOP
===========================*/
.back-to-top {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 16px;
}
/*==========================
HEADER SECTION
==========================*/
.site-header .site-branding {
width: 64%;
}
.site-header .header-r {
width: 34%;
}
.site-header .menu-wrap {
width: 70%;
}
.main-navigation button.toggle-button {
width: 40px;
height: 40px;
}
.main-navigation .nav-menu li {
font-size: 18px;
}
.main-navigation .nav-menu li ul li {
font-size: 16px;
}
.social-icons li {
padding: 0;
}
/*=======================
ABOUT SECTION
=======================*/
.left-content .about-section .widget {
margin-top: 0;
}
/*===========================
GALLERY SECTION
===========================*/
.gallery-section.style4 .gallery-wrap .gallery-img,
.list-view .gallery-wrap .gallery-img {
flex-direction: column;
padding-right: 0;
}
.gallery-section.style4 .gallery-wrap .gallery-img:nth-child(even),
.list-view .gallery-wrap .gallery-img:nth-child(even) {
padding-left: 0;
}
.gallery-section.style4 .gallery-wrap .gallery-img:nth-child(2n) img,
.list-view .gallery-wrap .gallery-img:nth-child(2n) img {
order: 0;
}
.gallery-section.style4 .gallery-wrap .gallery-img img,
.list-view .gallery-wrap .gallery-img img {
width: 100%;
position: static;
height: auto;
}
/*===========================
ARTICLE SECTION
===========================*/
.left-content .article-section a.btn-readmore {
font-size: 16px;
padding-top: 10px;
padding-bottom: 10px;
}
/*=======================
FOOTER SECTION
=======================*/
.top-footer {
padding-top: 60px;
padding-bottom: 60px;
}
.top-footer>.tc-wrapper {
grid-gap: 50px;
grid-template-columns: repeat(1, 1fr);
}
/*==========================
ABOUT PAGE
==========================*/
.about-content-wrap .widget_raratheme_featured_page_widget .text-holder .widget-title {
width: 100%;
}
.about-content-wrap .widget_raratheme_featured_page_widget .featured_page_content {
width: 100%;
padding-left: 0;
padding-right: 0 !important;
margin-top: 20px;
}
.client-logos .widget_raratheme_client_logo_widget .raratheme-client-logo-inner-holder {
grid-template-columns: repeat(3, 1fr);
}
.client-logos .widget_raratheme_client_logo_widget .widget-title {
grid-column: 1 / span 3;
}
.slider .owl-carousel {
padding-left: 0;
padding-right: 0;
}
.slider .widget_rrtc_testimonial_widget .text-holder {
position: static;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.no-slider .test-wrap {
grid-template-columns: repeat(1, 1fr);
}
.testimonial-area.no-slider .widget_rrtc_testimonial_widget .rtc-testimonial-holder {
padding: 40px;
}
/*=======================
BLOG PAGE
=======================*/
.article-wrap article {
padding: 25px 10px;
}
/*======================================
PORTFOLIO PAGE and PORTFOLIO SINGLE
======================================*/
.page-header+.page-description .tc-wrapper {
width: 100%;
}
ul.slider.owl-theme .owl-nav [class*="owl-"] {
left: 10px;
}
ul.slider.owl-theme .owl-nav .owl-next {
left: auto;
right: 10px;
}
.single figure.post-thumbnail {
margin-bottom: 30px;
}
.single .gallery-wrap .content-wrap-box {
width: 100%;
margin-bottom: 50px;
}
.related,
.additional-posts {
margin-bottom: 50px;
}
.single-portfolio .about-author {
width: 100%;
margin-top: 55px;
margin-bottom: 50px;
}
/*========================
RESUME PAGE
========================*/
.resume-wrap .widget_text:not(:first-child) .widget-title {
width: 100%;
margin-bottom: 20px;
}
.resume-wrap .widget_text:not(:first-child) .textwidget {
width: 100%;
float: none;
}
/*===========================
SINGLE POST PAGE
===========================*/
.single-post.full-width article.post {
margin-top: 50px;
padding-top: 0px;
}
.single-post .entry-footer,
.single-post .about-author,
.full-width .additional-posts+.additional-posts {
margin-bottom: 50px;
}
.full-width .additional-posts+.additional-posts {
padding-bottom: 20px;
}
/*=======================
COMMENTS AREA
=======================*/
.single-post.full-width:not(.single-centered) .comments-area {
width: 100%;
}
.comments-area .comment-body {
padding-left: 50px;
}
.comment-body img.avatar {
width: 40px;
height: 40px;
}
.comment-body .reply {
position: static;
text-align: right;
}
.comments-area ol li ol {
margin-left: 20px;
}
.comment-respond {
padding-top: 50px;
}
.comment-respond p.comment-form-author,
.comment-respond p.comment-form-email {
width: 100%;
margin-right: 0;
}
/*========================
CALL TO ACTION WIDGET
========================*/
.widget_raratheme_companion_cta_widget .right .raratheme-cta-container {
padding-right: 15px;
}
.widget_raratheme_companion_cta_widget .right .button-wrap {
position: static;
width: auto;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
/*===========================
TEAM WIDGET
===========================*/
.widget_rrtc_description_widget .rtc-team-holder-modal .rtc-team-inner-holder-modal {
padding-left: 3%;
}
.widget_rrtc_description_widget .rtc-team-holder-modal .image-holder {
position: static;
width: 30%;
float: left;
padding-left: 3%;
padding-right: 3%;
}
.widget_rrtc_description_widget .rtc-team-holder-modal .text-holder .description {
max-height: 120px;
}
.widget_rrtc_description_widget .rtc-team-holder-modal .social-profile {
float: right;
width: 70%;
}
.widget_rrtc_description_widget .rtc-team-holder-modal .social-profile li {
font-size: 0.7em;
padding: 2px;
}
.widget_rrtc_description_widget .rtc-team-holder-modal .social-profile li a {
width: 30px;
height: 30px;
line-height: 30px;
}
.widget_rrtc_description_widget .rtc-team-holder-modal .social-profile li a svg {
line-height: 30px;
}
.clients-section .raratheme-client-logo-inner-holder .image-holder {
width: 100%;
border-right: 0;
border-top: 0 !important;
}
.awards-section .widget_rrtc_icon_text_widget {
width: 100%;
}
.contact-template-details-wrap .widget:first-child {
width: 100%;
margin: 0 0 20px;
}
.contact-template-details-wrap .widget:last-child {
width: 100%;
}
}
@media screen and (max-width: 540px) {
.about-section.layout-three {
margin-top: 3rem;
}
.about-section.layout-two .widget-title {
font-size: 40px;
}
.gallery-item {
float: none;
}
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
max-width: 100%;
}
.gallery:not(gallery-columns-1) .gallery-item {
margin-right: 0;
}
.button-wrap .btn-cta {
display: block;
}
.cta-section .button-wrap .btn-cta+.btn-cta {
margin-left: 0;
margin-top: 10px;
}
/*========================
HEADER SECTION
========================*/
header.site-header {
padding-top: 30px;
margin-bottom: 30px;
}
.site-header .site-branding {
width: 67%;
}
.site-header .header-r {
width: 31%;
}
.header-r .cart,
.header-r .header-search,
.header-r a.toggle-btn {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 16px;
}
.header-r .header-search>a.search-toggle-btn {
line-height: 40px;
color: #000;
}
.site-header .menu-wrap {
width: 90%;
padding: 30px 10px 30px 30px;
}
/*=============================
WIDGET RARATHEME ICON TEXT
=============================*/
.widget_rrtc_icon_text_widget .rtc-itw-inner-holder {
font-size: 16px;
}
/*========================
GALLERY SECTION
========================*/
.gallery-wrap .gallery-img,
.gallery-section.style2 .gallery-wrap .gallery-img,
.grid-view .gallery-wrap .gallery-img,
.gallery-section.style5 .gallery-wrap .gallery-img,
.gal-masonry .gallery-wrap .gallery-img {
width: 100%;
}
.gallery-section.style2 .text-holder,
.grid-view .gallery-wrap .text-holder {
text-align: center;
}
/*.gallery-section.style3 .gallery-wrap .gallery-img,
.gal-carousel .gallery-wrap .gallery-img {
width: 320px;
}*/
/*========================
SERVICE SECTION
========================*/
section.service-section .widget_rrtc_icon_text_widget {
width: 100%;
}
/*=======================
ARTICLE SECTION
=======================*/
.article-holder .article-block {
float: none;
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.article-block header.entry-header {
text-align: center;
}
.article-section a.btn-readmore {
margin-top: 20px;
}
/*========================
ABOUT PAGE
========================*/
.client-logos .widget_raratheme_client_logo_widget .raratheme-client-logo-inner-holder {
grid-template-columns: repeat(2, 1fr);
}
.client-logos .widget_raratheme_client_logo_widget .widget-title {
grid-column: 1 / span 2;
}
/*========================
BLOG PAGE
========================*/
.archive .page-description {
text-align: left;
margin-bottom: 50px;
padding-bottom: 20px;
}
.article-wrap {
margin-left: 0;
margin-right: 0;
}
.article-wrap article {
float: none;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.article-wrap.normal-grid-first-large article {
width: 100%;
}
/*=======================================
PORTFOLIO PAGE AND PORTFOLIO SINGLE
=======================================*/
.related .related-block,
.additional-posts .block {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.related .related-block:last-child,
.additional-posts .block:nth-child(3n) {
margin-right: 0;
}
.single-rara-portfolio .about-tesimonial {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 50px;
}
/*=======================
SERVICE PAGE
=======================*/
.service-wrap {
grid-template-columns: repeat(1, 1fr);
}
.service-wrap .widget_text {
grid-column: 1 / span 1;
}
/*=========================
SINGLE POST PAGE
=========================*/
.single-post .about-author .author-img,
.rightsidebar.single-post .about-author .author-img,
.leftsidebar.single-post .about-author .author-img {
float: none;
width: 100%;
margin-bottom: 30px;
}
.single-post .about-author .author-info-wrap,
.rightsidebar.single-post .about-author .author-info-wrap,
.leftsidebar.single-post .about-author .author-info-wrap {
float: none;
width: 100%;
padding-left: 0;
}
.single-centered .additional-posts .block,
.single-post.rightsidebar .additional-posts .block,
.single-post.leftsidebar .additional-posts .block {
width: 100%;
}
.single-centered .additional-posts .block:nth-child(3n),
.single-post.rightsidebar .additional-posts .block:nth-child(3n),
.single-post.leftsidebar .additional-posts .block:nth-child(3n) {
margin-right: 0;
}
/*=======================
WIDGET AUTHOR
=======================*/
.widget_author figure.author-img {
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
}
.widget_author .author-info-wrap,
.widget_author .author-social {
padding-left: 20px;
padding-right: 20px;
}
/*========================
ARCHIVE AUTHOR PAGE
========================*/
.author .page-header .author-info-wrap {
display: block;
text-align: center;
padding-left: 0;
margin-top: 20px;
}
.team-section .widget,
.skills-section .skills-holder .col {
width: 100%;
}
.skills-section .skills-holder,
.stats-section .stats-holder,
.contact-section .contact-holder {
margin: 0;
}
.contact-section .contact-holder .widget_text,
.contact-section .contact-holder .widget_rtc_contact_social_links {
width: 100% !important;
}
.single .related figure.post-thumbnail img,
.additional-posts .block .post-thumbnail img {
width: 100%;
}
.page-template-skills .skills-holder .col {
width: 100%;
padding: 0 20px;
margin: 0 0 20px;
}
}
@media screen and (max-width: 540px) and (orientation: portrait) {
.site-header .site-branding {
width: 100%;
text-align: center;
}
.site-branding .site-logo+.site-title-wrap {
width: 100%;
padding-left: 0;
margin-top: 15px;
}
.site-header .header-r {
width: 100%;
text-align: center;
margin-top: 30px;
}
.header-r .head-search-form {
width: 300px;
right: -130px;
}
.header-r .head-search-form::before,
.header-r .head-search-form::after {
left: 0;
right: 0;
width: 0;
height: 0;
margin: 0 auto;
}
.button-wrap .btn-cta+.btn-cta {
margin-left: 0;
margin-top: 10px;
}
}
/* raratheme companion widget design fixes */
.site-footer .widget_raratheme_custom_categories .raratheme-custom-categories-wrap .raratheme-custom-categories-meta-wrap .category-fallback-svg {
position: relative;
}
/* Image text fixes */
.site-footer .widget_raratheme_image_text_widget .raratheme-itw-holder li:not(:last-child) {
margin-bottom: 15px;
}
.site-footer .widget_raratheme_image_text_widget .raratheme-itw-holder li a img {
width: 100%;
}
/* POPULAR POST FIXES */
.widget_raratheme_popular_post .style-three li .entry-header .entry-meta,
.widget_raratheme_popular_post .style-two li .entry-header .entry-meta {
display: block;
}
/* Post category Slider */
.widget_rara_posts_category_slider_widget .owl-theme .owl-dots {
display: block;
}
/* Cta button fixes */
.site-footer .widget_raratheme_companion_cta_widget .raratheme-cta-container,
#secondary .widget_raratheme_companion_cta_widget .raratheme-cta-container {
padding: 20px;
}
.site-footer .widget_raratheme_companion_cta_widget .text,
#secondary .widget_raratheme_companion_cta_widget .text {
padding: 0px;
}
/* Client logo Fixes */
#secondary .widget_raratheme_client_logo_widget .image-holder {
width: 30%;
}
.widget_raratheme_client_logo_widget .image-holder {
margin-bottom: 30px;
display: inline-block;
width: 30%;
padding: 0 10px;
vertical-align: middle;
}
.widget_raratheme_client_logo_widget .image-holder a {
display: block;
}
#secondary .widget_raratheme_client_logo_widget .raratheme-client-logo-inner-holder,
.site-footer .widget_raratheme_client_logo_widget .raratheme-client-logo-inner-holder {
display: block;
}
/* Stat Counter Fixes */
.widget_raratheme_companion_stat_counter_widget .image-holder {
display: block;
position: unset;
width: auto;
margin: 20px 0px;
}
.widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder {
display: block;
padding-left: 0;
position: unset;
}
.widget_raratheme_companion_stat_counter_widget .icon-holder {
display: block;
position: unset;
width: auto;
margin: 20px 0px;
}
/* Font size fixes of posts */
.widget_raratheme_popular_post .entry-header span.posted-on:after,
.widget_raratheme_recent_post .entry-header span.posted-on:after {
content: none;
}
.widget_raratheme_popular_post .entry-header span.posted-on,
.widget_raratheme_recent_post .entry-header span.posted-on {
padding: 0;
}
/* Icon Text Fixes */
.widget.widget_rrtc_icon_text_widget .rtc-itw-holder .rtc-itw-inner-holder {}
.widget_raratheme_popular_post ul li .entry-header .entry-meta+.view-count {
width: 100%;
display: block;
margin-left: 0;
}
.widget_raratheme_popular_post ul li .entry-header .cat-links,
.widget_raratheme_recent_post ul li .entry-header .cat-links {
display: block;
}
/* Author bio fixes */
#secondary .widget_raratheme_author_bio .readmore:hover,
.site-footer .widget_raratheme_author_bio .readmore:hover {
color: #fff;
}
#secondary .widget_raratheme_author_bio .readmore:hover,
.site-footer .widget_raratheme_author_bio .readmore:hover {
background: rgba(0, 0, 0, 0.8);
}
#secondary .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .text-holder .author-bio-socicons .social-share-list a,
.site-footer .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .text-holder .author-bio-socicons .social-share-list a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
background: rgba(0, 0, 0, 0.03);
border-radius: 50%;
color: black;
margin: 5px;
}
#secondary .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .text-holder .author-bio-socicons .social-share-list a:hover,
.site-footer .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .text-holder .author-bio-socicons .social-share-list a:hover {
color: #fff;
}
#secondary .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .text-holder .author-bio-socicons .social-share-list,
.site-footer .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .text-holder .author-bio-socicons .social-share-list {
margin: 0;
}
/* call to action fixes */
#secondary .widget.widget_raratheme_companion_cta_widget .raratheme-cta-container .text-holder p,
.site-footer .widget.widget_raratheme_companion_cta_widget .raratheme-cta-container .text-holder p {
color: #fff;
}
#secondary .widget.widget_raratheme_companion_cta_widget .raratheme-cta-container .widget-title,
.site-footer .widget.widget_raratheme_companion_cta_widget .raratheme-cta-container .widget-title {
font-size: 25px;
}
/* Contact Widget */
#secondary .widget.widget_rtc_contact_social_links .rtc-contact-widget-wrap .social-networks li a,
.site-footer .widget.widget_rtc_contact_social_links .rtc-contact-widget-wrap .social-networks li a {
display: inline-block;
width: 45px;
height: 45px;
line-height: 45px;
background: rgba(0, 0, 0, 0.03);
border-radius: 50%;
color: black;
margin: 5px;
}
#secondary .widget.widget_rtc_contact_social_links .rtc-contact-widget-wrap .social-networks li a:hover,
.site-footer .widget.widget_rtc_contact_social_links .rtc-contact-widget-wrap .social-networks li a:hover {
color: #fff;
}
/* Custom Categories */
#secondary .widget.widget_raratheme_custom_categories ul.raratheme-custom-categories-meta-wrap li.category-fallback-svg a .post-count,
.site-footer .widget.widget_raratheme_custom_categories ul.raratheme-custom-categories-meta-wrap li.category-fallback-svg a .post-count {
background: rgba(0, 0, 0, 0.15);
}
/* Faq */
#secondary .widget_raratheme_companion_faqs_widget .expand-faq,
.site-footer .widget_raratheme_companion_faqs_widget .expand-faq {
font-size: 1em;
margin-bottom: 40px;
}
/* FEatured Widget */
#secondary .widget.widget_raratheme_featured_widget .text-holder .readmore,
.site-footer .widget.widget_raratheme_featured_widget .text-holder .readmore,
.site-footer .widget_raratheme_image_widget .readmore,
#secondary .widget_raratheme_image_widget .readmore {
font-size: 16px;
font-weight: 600;
color: #1c1b1b;
text-transform: uppercase;
letter-spacing: 3px;
display: inline-block;
padding: 10px 25px;
background: rgba(0, 0, 0, 0.03);
border-radius: 40px;
margin-top: 40px;
}
#secondary .widget.widget_raratheme_featured_widget .text-holder .readmore:hover,
.site-footer .widget.widget_raratheme_featured_widget .text-holder .readmore:hover,
.site-footer .widget_raratheme_image_widget .readmore:hover,
#secondary .widget_raratheme_image_widget .readmore:hover {
color: #fff;
}
/* Icon Text */
#secondary .widget.widget_rrtc_icon_text_widget .rtc-itw-holder .icon-holder img,
.site-footer .widget.widget_rrtc_icon_text_widget .rtc-itw-holder .icon-holder img {
width: 100%;
height: auto;
}
/* Image Text */
#secondary .widget_raratheme_image_text_widget ul li .btn-readmore:hover,
.site-footer .widget_raratheme_image_text_widget ul li .btn-readmore:hover {
background: rgba(0, 0, 0, 0.8);
}
/* Cta right */
.site-footer .widget.widget_raratheme_companion_cta_widget .right.text .widget-title {
text-align: right;
}
.site-footer .widget.widget_raratheme_companion_cta_widget .right.text .text-holder p {
text-align: right;
}
#secondary .widget.widget_raratheme_companion_cta_widget .right.text .widget-title {
text-align: right;
}
#secondary .widget.widget_raratheme_companion_cta_widget .right.text .text-holder p {
text-align: right;
}
#secondary .widget.widget_raratheme_companion_cta_widget .button-wrap a,
.site-footer .widget.widget_raratheme_companion_cta_widget .button-wrap a {
color: #fff;
margin: 5px;
}
#secondary .widget.widget_raratheme_companion_cta_widget .button-wrap a:hover,
.site-footer .widget.widget_raratheme_companion_cta_widget .button-wrap a:hover {
background: rgba(0, 0, 0, 0.8);
}
.button-wrap .btn-cta+.btn-cta {
margin-left: 0px;
}
.site-footer .widget_rtc_social_links ul li a {
background: rgba(0, 0, 0, 0.03);
color: #000;
}
.site-footer .widget_rtc_social_links ul li a:hover {
color: #fff;
}
/* Font and typography fixes */
#secondary .widget_raratheme_featured_page_widget .text-holder .btn-readmore,
.site-footer .widget_raratheme_featured_page_widget .text-holder .btn-readmore {
padding: 10px 25px;
}
#secondary .widget.widget_rrtc_icon_text_widget .rtc-itw-holder .text-holder .btn-readmore,
.site-footer .widget.widget_rrtc_icon_text_widget .rtc-itw-holder .text-holder .btn-readmore {
padding: 10px 25px;
}
/* Popular post font size fixes */
.site-footer .widget_raratheme_popular_post ul li .entry-header .cat-links,
#secondary .widget_raratheme_popular_post ul li .entry-header .cat-links,
.site-footer .widget_raratheme_recent_post ul li .entry-header .cat-links,
#secondary .widget_raratheme_recent_post ul li .entry-header .cat-links {
font-size: 0.700em;
}
#secondary .widget_raratheme_popular_post ul li .entry-header .entry-title a,
.site-footer .widget_raratheme_popular_post ul li .entry-header .entry-title a,
#secondary .widget_raratheme_recent_post ul li .entry-header .entry-title a,
.site-footer .widget_raratheme_recent_post ul li .entry-header .entry-title a {
font-size: 0.95em;
font-weight: 500;
}
.site-footer .widget_raratheme_popular_post ul li .entry-header .entry-meta,
#secondary .widget_raratheme_popular_post ul li .entry-header .entry-meta,
#secondary .widget_raratheme_recent_post ul li .entry-header .entry-meta,
.site-footer .widget_raratheme_recent_post ul li .entry-header .entry-meta {
font-size: 12px;
}
#secondary .widget.widget_raratheme_image_text_widget .raratheme-itw-holder .btn-readmore,
.site-footer .widget.widget_raratheme_image_text_widget .raratheme-itw-holder .btn-readmore {
padding: 10px 25px;
}
#secondary .widget_rrtc_description_widget .social-profile li,
.site-footer .widget_rrtc_description_widget .social-profile li {
margin: 0;
}
.page-template-about-us .client-logos .widget_raratheme_client_logo_widget .image-holder {
width: 100%;
margin-bottom: 0;
}
header.site-header.sticky.sticky-header {
position: fixed;
width: 100%;
transition: all .2s ease-in-out;
z-index: 999;
background-color: #fff;
top: 0;
}