.single-product .kv-product-wishlist {
position: absolute;
top: 10px;
right: 10px;
z-index: 5;
pointer-events: auto;
}
.single-product .kv-product-wishlist .tinv-wraper {
margin: 0 !important;
padding: 0 !important;
}
.single-product .kv-product-wishlist .tinvwl_add_to_wishlist_button {
position: relative;
background: transparent;
border: none;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0;
}
.single-product .kv-product-wishlist .tinvwl_add_to_wishlist_button:before {
content: "\e908" !important;
font-family: "tinvwl-webfont" !important;
font-size: 32px;
color: #fff;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #2d2d2d;
}
.single-product .kv-product-wishlist .tinvwl_add_to_wishlist_button.tinvwl-product-in-list:before {
color: #ff375f;
-webkit-text-stroke-color: #ff375f;
}
/*!
Theme Name: Rara Business
Theme URI: https://rarathemes.com/wordpress-themes/rara-business/
Author: Rara Theme
Author URI: https://rarathemes.com/
Description: Rara Business is a free WordPress theme for business and corporate websites. You can use it to build small business (restaurants/cafe, travel, education, hotel, construction, events, wedding planners, fitness, affiliate, fashion, lawyer, consulting, sport/medical shops, spa/temas, political), portfolio, church, online agencies and firms, charity, ecommerce (WooCommerce), and freelancers websites. Rara Business is widgetized, visually appealing and clean. It is responsive, Schema.org compatible, SEO friendly, RTL compatible, speed optimized, and translation ready. Check demo at https://rarathemes.com/previews/?theme=rara-business, read the documentation at https://docs.rarathemes.com/docs/rara-business/, and get support at https://rarathemes.com/support-ticket/.
Version: 1.2.2
Tested up to: 5.6
Requires PHP: 5.8
Requires at least: 4.7
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: rara-business
Tags: two-columns, left-sidebar, right-sidebar, custom-header, custom-background, custom-logo, custom-menu, theme-options, featured-images, threaded-comments, full-width-template, footer-widgets, translation-ready, blog, 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.
Rara Business 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/
*/
/*--------------------------------------------------------------
>>> 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
--------------------------------------------------------------*/
@import "css/component.css";
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
scroll-behavior: smooth;
}
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 {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 34px;
margin: 0.67em 0;
}
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;
}
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 {
font-size: 14px;
line-height: 22px;
font-weight: 400;
overflow-x: hidden;
font-family: 'Montserrat';
}
/* Убираем отступ 22px между header и .site-content, вызванный line-height */
#acc-content {
line-height: 0;
}
#acc-content .site-content {
line-height: 22px;
}
/* Исправление: восстанавливаем нормальный line-height для подвала */
#acc-content footer,
#acc-content .site-footer {
line-height: normal !important;
}
#acc-content footer *,
#acc-content .site-footer * {
line-height: inherit !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Sofia Sans Condensed', sans-serif;
color: #3e423c;
text-transform: uppercase;
}
h1{font-size: 34px; font-weight:600;}
h2{font-size: 34px; font-weight:600;}
/*
.home h1,
.home h2,
.home h3,
.home h4,
.home h5,
.home h6 {
text-align:center;
}*/
p {
margin-bottom: 10px;
margin-top: 0;
}
p:last-child {
margin-bottom: 0;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
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 {
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;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 20px 0px;
padding-inline-start: 20px;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
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;
max-width: 100%;
vertical-align: top;
border-radius: 3px;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background: #d3a44f;
color: #fff;
transition: ease 0.2s;
padding: 9px 17px;
border-radius: 3px;
text-transform: uppercase;
font-size: 11px;
font-weight: 400;
border: 1px solid #d3a44f;
padding: 8px 25px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: transparent; color:#7a8955; border: 1px solid #7a8955;
}
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 {
background: transparent; color:#d3a44f; border: 1px solid #d3a44f;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
}
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"] {
font-size: 14px;
width:100%;
font-weight: 400;
border: 0;
margin-bottom: 0.875rem;
background-color: #f2f2f2;
color: #43454b;
outline: 0;
box-sizing: border-box;
border-radius: 3px;
padding: 10px 20px;
}
textarea {
height:90px;
font-size: 14px;
width:100%;
font-weight: 400;
border: 0;
margin-bottom: 0.875rem;
background-color: #f2f2f2;
color: #43454b;
outline: 0;
box-sizing: border-box;
border-radius: 3px;
padding: 10px 20px;}
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,
select:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
resize: vertical;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: #514137;
text-decoration: none;
}
a:hover,
a:focus {
color: #7a8955;
text-decoration: under;
}
a:focus {
}
a:hover,
a:active {
outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
@media only screen and (min-width: 1025px) {
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
font-size: 17px;
/*font-weight: 600;*/
/*text-transform: uppercase;*/
}
.main-navigation ul:after {
content: "";
display: block;
clear: both;
}
.main-navigation ul li {
float: left;
margin-left: 5px;
position: relative;
}
/*.main-navigation ul li:after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 2px;
background: #ffffff;
content: "";
display: none;
}*/
.main-navigation ul li:first-child {
margin-left: 0;
}
.main-navigation ul li a {
font-family: 'Montserrat';
color: #514137;
display: block;
position: relative;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
text-align: center;
padding:4px 7px;
font-size: 14px;
}
ul.menu li.current-menu-item {color: #478ac9;}
.main-navigation ul li a:hover,
.main-navigation ul li a:focus,
.main-navigation ul li:hover>a,
.main-navigation ul li:focus>a {
color: #7a8955;
}
.main-navigation ul .current-menu-item>a,
.main-navigation ul .current-menu-ancestor>a,
.main-navigation ul .current_page_item>a,
.main-navigation ul .current_page_ancestor>a {
color:#7a8955;
}
.main-navigation ul .current-menu-item:after,
.main-navigation ul .current-menu-ancestor:after,
.main-navigation ul .current_page_item:after,
.main-navigation ul .current_page_ancestor:after {
display: block;
}
.main-navigation ul .menu-item-has-children {
padding-right: 27px;
}
.main-navigation ul .menu-item-has-children:before {
position: absolute;
top: 12px;
right: 7px;
content: "";
background-image: url('data:image/svg+xml; utf-8, ');
background-repeat: no-repeat;
width: 20px;
height: 12px;
font-weight: 400;
}
.main-navigation ul ul {
position: absolute;
top: inherit;
font-size: 1em;
font-weight: 300;
text-transform: none;
border-radius: 0px;
width: 250px;
padding-top: 13px;
margin-top: 23px;
overflow: hidden;
/*clip: rect(1px, 1px, 1px, 1px);*/
opacity: 0;
margin-left: -99999px;
height: 1px;
z-index: 2;
box-shadow: 0 10px 17px rgba(0, 0, 0, 0.04);
-webkit-transition: ease 0.4s;
-moz-transition: ease 0.4s;
transition: ease 0.4s;
}
.main-navigation ul.menu>li:last-child ul,
.main-navigation ul.menu>li:nth-last-of-type(2) ul,
.main-navigation ul.menu>li:nth-last-of-type(3) ul,
.main-navigation ul.menu>li ul {
left: auto;
right: 0;
}
.main-navigation ul.menu>li:last-child ul ul,
.main-navigation ul.menu>li:nth-last-of-type(2) ul ul,
.main-navigation ul.menu>li:nth-last-of-type(3) ul ul {
left: auto;
right: 100%;
}
.main-navigation ul li.hover>ul,
.main-navigation ul li:hover>ul,
.main-navigation ul li:focus>ul {
margin-top: 0;
opacity: 1;
margin-left: 0;
overflow: inherit;
height: inherit;
z-index: 3;
}
.main-navigation ul ul li {
float: none;
display: block;
margin: 0;
}
.main-navigation ul ul li a:hover,
.main-navigation ul ul li a:focus,
.main-navigation ul ul li:hover>a,
.main-navigation ul ul li:focus>a,
.main-navigation ul ul .current-menu-item>a,
.main-navigation ul ul .current-menu-ancestor>a,
.main-navigation ul ul .current_page_item>a,
.main-navigation ul ul .current_page_ancestor>a {
color: #ff6600;
}
.hasbanner .main-navigation ul ul li a:focus,
.main-navigation ul ul li a:focus {
}
.main-navigation ul ul li:first-child a {
border-radius: 3px;
border-top: 1px solid #233a48;
}
.main-navigation ul ul li a {
color: #233a48;
padding: 5px 20px;
border-bottom: 1px solid #233a48;
border-left: 1px solid #233a48;
border-right: 1px solid #233a48;
background: #fff;
}
.main-navigation ul ul li:last-child a {
/*border-radius: 0 0 5px 5px;*/
}
.main-navigation ul ul ul {
top: -1px;
left: 100%;
padding: 0 0 0 3px;
margin: 0;
clip: inherit;
height: inherit;
overflow: inherit;
display: none;
}
.main-navigation ul ul li:hover>ul {
display: block;
}
.main-navigation ul ul .menu-item-has-children {
padding: 0;
}
.main-navigation ul ul .menu-item-has-children:before {
display: none;
}
}
/*Post navigation*/
.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%;
}
.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;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
/* Make sure select elements fit in widgets. */
}
.widget select {
max-width: 100%;
}
.widget_rrtc_description_widget .text-holder .description {
height: 110px;
position: relative;
}
/*--------------------------------------------------------------
# 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%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
}
.hasbanner .custom-logo-link:focus {
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
position: relative;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0;
font-size: 0.8em;
position: absolute;
left: 20px;
bottom: 20px;
background: #fcfdfd;
border-radius: 5px;
padding: 0 10px;
}
.wp-caption-text {
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
margin: 0;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
/*======================================
Common Site Style
======================================*/
.container {
max-width: 1240px;
margin: 0 auto;
padding: 0px 0px;
}
.container:after {
content: "";
display: block;
clear: both;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.row:after {
content: "";
display: block;
clear: both;
}
.entry-footer span.edit-link {
display: block;
clear: both;
padding-top: 20px;
}
.blossomthemes-email-newsletter-wrapper form input[type="submit"] {
background: #0aa3f3;
color: #fff;
}
/*=========================
NEWSLETTER WIDGET
=========================*/
.widget_newsletterwidgetminimal form,
.widget_newsletterwidget form {
background: rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
.widget_newsletterwidget .tnp-widget .tnp-field {
margin-bottom: 0;
display: inline-block;
width: calc(100% - 35px);
}
.widget_newsletterwidget .tnp-widget .tnp-field.tnp-field-button {
width: 30px;
}
.widget_newsletterwidget .tnp-widget .tnp-field label,
.widget_newsletterwidget .tnp-widget .tnp-lists label {
display: none;
}
.widget_newsletterwidgetminimal form input[type="email"],
.widget_newsletterwidget form input[type="email"] {
background: none;
color: #fff;
width: calc(100% - 35px);
height: 50px;
font-size: 18px;
border: none;
}
.widget_newsletterwidgetminimal form input[type="email"]::-webkit-input-placeholder,
.widget_newsletterwidget form input[type="email"]::-webkit-input-placeholder {
color: #fff;
}
.widget_newsletterwidgetminimal form input[type="email"]::-moz-placeholder,
.widget_newsletterwidget form input[type="email"]::-moz-placeholder {
color: #fff;
}
.widget_newsletterwidgetminimal form input[type="email"]:-ms-input-placeholder,
.widget_newsletterwidget form input[type="email"]:-ms-input-placeholder {
color: #fff;
}
.widget_newsletterwidgetminimal form input[type="email"]:-moz-placeholder,
.widget_newsletterwidget form input[type="email"]:-moz-placeholder {
color: #fff;
}
.widget_newsletterwidgetminimal form input.tnp-submit,
.widget_newsletterwidget form input.tnp-submit {
width: 30px;
height: 50px;
display: inline-block;
padding: 0;
background: url(images/envelope-icon.svg) no-repeat center;
text-indent: 40px;
border: none;
}
.widget_newsletterwidgetminimal form input.tnp-submit:hover,
.widget_newsletterwidget form input.tnp-submit:hover {
opacity: 0.75;
filter: alpha(opacity=75);
}
.widget_newsletterwidget .tnp.tnp-widget {
position: relative;
padding-top: 60px;
}
.widget_newsletterwidget .tnp-lists {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.widget_newsletterwidget .tnp-lists .tnp-lists {
position: static;
border-radius: 5px;
height: 40px;
}
/*=============================
Secondary Font Family
=============================*/
.site-branding .site-title,
.main-navigation ul,
#primary .site-main article .entry-header .entry-title,
.page-header .page-title,
.error-holder .text-holder h2,
.error404 .recent-post .section-title,
.error404 .recent-post .col .entry-title,
#primary .post .entry-footer .social-share strong,
.author-section .text-holder .name,
.related-post .section-title,
.related-post .col .entry-title,
.popular-post .section-title,
.popular-post .col .entry-title,
.comments-area .comments-title,
.comments-area .comment-body .fn,
.comments-area .comment-reply-title,
.banner .banner-text .text-holder .title,
.our-services .widget_text .widget-title,
.our-services .grid .widget .widget-title,
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .widget-title,
.our-features .widget.widget_text .widget-title,
.our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .widget-title,
.our-team .widget_text .widget-title,
.our-team .widget_rrtc_description_widget .text-holder .name,
.our-testimonial .section-header .widget_text .widget-title,
.our-testimonial .grid .widget_rrtc_testimonial_widget .text-holder .testimonial-meta .name,
.our-stats .widget_text .widget-title,
.our-stats .widget_raratheme_companion_stat_counter_widget .hs-counter,
.portfolio .widget_text .widget-title,
.blog-section .widget_text .widget-title,
.blog-section .blog-post .entry-title,
.our-skills .text-holder .title,
.portfolio-holder .button-group .button,
.portfolio-holder .filter-grid .element-item .img-holder .text-holder .text .title,
.our-pricing .widget_text .widget-title,
.our-pricing .pricing-holder .col h3,
.our-pricing .pricing-holder .col .price-holder,
.cta .widget .widget-title,
.cta .widget .btn-cta,
.faq-section .widget_text .widget-title,
.faq-section .widget .accordion li .toggle,
.contact-section .widget_text .widget-title,
.our-clients .widget .widget-title,
.contact-grid .right .contact-info h3,
.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li .toggle,
.team-grid .widget_rrtc_description_widget .text-holder .name,
.testimonial-grid .widget_rrtc_testimonial_widget .text-holder .testimonial-meta .name {
font-family: 'Conv_ARIALN',Sans-Serif;
/*font-family: "Montserrat", sans-serif;*/
}
/*=======================
Header Style
=======================*/
.site-header .header-t {
font-size: 0.9em;
line-height: 1.444em;
color: #a0a0a0;
padding: 10px 0;
}
.header-t.hide-header-top {
display: none;
}
.site-header .header-t a {
color: #a0a0a0;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.site-header .header-t a:hover,
.site-header .header-t a:focus {
text-decoration: none;
color: #fff;
}
.site-header .header-t a:focus {
}
.site-header .header-t .contact-info {
float: left;
}
.site-header .header-t .contact-info div {
float: left;
margin-right: 30px;
}
.site-header .header-t .contact-info svg {
font-size: 1.2em;
margin-right: 5px;
vertical-align: middle;
}
.site-header .header-t .contact-info .phone svg {
font-size: 1.5em;
}
.site-header .header-t .contact-info address {
display: inline-block;
font-style: normal;
margin: 0;
}
.site-header .social-networks {
float: right;
margin: 0;
padding: 0;
list-style: none;
}
.site-header .social-networks li {
float: left;
margin-left: 25px;
}
.site-header .social-networks li:first-child {
margin-left: 0;
}
/*===============================
Site Title and Logo Style
===============================*/
.site-header .main-header {background: #fff;}
.site-branding.logo-with-site-identity .text-logo {
padding-left: 20px;
}
.site-branding .custom-logo img {
vertical-align: middle;
}
.site-branding .site-title {
font-size: 1.2em;
line-height: 1.25em;
font-weight: 400;
margin-bottom: 0;
}
.main-header .right {width:33.3%; display: flex; align-items: center;}
/*================================
Home Page Style
================================*/
.custom-background #page {
background: #fff;
width: 1200px;
margin: 0 auto;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.custom-background.homepage.hasbanner .site-header {
width: 1200px;
margin: 0 auto;
right: 0;
}
.homepage.hasbanner .site-header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 2;
}
body.admin-bar.homepage.hasbanner .site-header {
padding-top: 32px;
}
.homepage.hasbanner .site-header .header-t {
background: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
}
.homepage.hasbanner .site-header .header-t a {
color: #fff;
}
.homepage.hasbanner .site-header .header-t a:hover,
.homepage.hasbanner .site-header .header-t a:focus {
color: #d8d8d8;
}
.homepage.hasbanner .site-header .main-header {
border-bottom: 0;
}
.homepage.hasbanner .site-branding .site-title a,
.homepage.hasbanner .site-branding p.site-description {
color: #fff;
}
.hasbanner .site-branding .site-title a:focus {
}
.homepage.hasbanner .main-navigation ul li a {
color: #fff;
}
.hasbanner .main-navigation ul li a:focus {
}
.homepage.hasbanner .main-navigation ul .menu-item-has-children:before {
background-image: url('data:image/svg+xml; utf-8, ');
}
.homepage.hasbanner .main-navigation ul li a:hover,
.homepage.hasbanner .main-navigation ul li a:focus,
.homepage.hasbanner .main-navigation ul li:hover>a,
.homepage.hasbanner .main-navigation ul li:focus>a {
color: #d8d8d8;
}
.homepage.hasbanner .main-navigation ul li:after {
background: rgba(255, 255, 255, 0.5);
}
.homepage.hasbanner .main-navigation ul ul li a {
color: #4a4a4a;
}
.homepage.hasbanner .main-navigation ul ul li a:hover,
.homepage.hasbanner .main-navigation ul ul li a:focus,
.homepage.hasbanner .main-navigation ul ul li:hover>a,
.homepage.hasbanner .main-navigation ul ul li:focus>a,
.homepage.hasbanner .main-navigation ul ul .current-menu-item>a,
.homepage.hasbanner .main-navigation ul ul .current-menu-ancestor>a,
.homepage.hasbanner .main-navigation ul ul .current_page_item>a,
.homepage.hasbanner .main-navigation ul ul .current_page_ancestor>a {
color: #0aa3f3;
}
/*==================================
Banner style
==================================*/
.banner {
background: #2e2e2e;
position: relative;
}
.banner img {
width: 100%;
height: 780px;
object-fit: cover;
vertical-align: top;
opacity: 0.5;
}
.banner .banner-text {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translate(0%, -40%);
-moz-transform: translate(0%, -40%);
transform: translate(0%, -40%);
}
.banner .banner-text .text-holder {
text-align: center;
max-width: 940px;
font-size: 0.9em;
line-height: 1.444em;
color: #fff;
margin: 0 auto;
}
.banner .banner-text .text-holder .title {
font-size: 3.333em;
font-weight: 700;
line-height: 1.166em;
margin: 0 0 10px;
}
.banner .banner-text .btn-holder .btn-free-inquiry {
font-size: 0.888em;
font-weight: 900;
display: inline-block;
text-transform: uppercase;
color: #fff;
background: #0aa3f3;
border-radius: 5px;
margin: 0 15px;
padding: 17px 67px;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.banner .banner-text .btn-holder .btn-free-inquiry svg {
font-weight: 400;
margin-right: 8px;
font-size: 1.2em;
}
.banner .banner-text .btn-holder .btn-free-inquiry:hover,
.banner .banner-text .btn-holder .btn-free-inquiry:focus {
text-decoration: none;
background: #fff;
color: #0aa3f3;
}
.banner .banner-text .btn-holder .btn-free-inquiry:focus {
outline-offset: 2px;
}
.banner .banner-text .btn-holder .btn-view-service {
font-size: 0.888em;
font-weight: 900;
display: inline-block;
text-transform: uppercase;
background: #fff;
color: #0aa3f3;
border-radius: 5px;
margin: 0 15px;
padding: 17px 67px;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.banner .banner-text .btn-holder .btn-view-service:hover,
.banner .banner-text .btn-holder .btn-view-service:focus {
text-decoration: none;
color: #fff;
background: #0aa3f3;
}
.banner .banner-text .btn-holder .btn-view-service:focus {
}
/*header video*/
.wp-custom-header-video-button svg {
font-size: 16px;
line-height: 20px;
height: 20px;
width: 20px;
}
.wp-custom-header .wp-custom-header-video-button {
border: 0;
color: rgba(255, 255, 255, 0.6);
height: 45px;
overflow: hidden;
padding: 0;
position: absolute;
right: 30px;
bottom: 30px;
-webkit-transition: background-color 0.2s ease-in-out,
border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out,
color 0.3s ease-in-out;
width: 45px;
z-index: 9999;
background: #0aa3f3;
line-height: 52px;
}
.wp-custom-header .wp-custom-header-video-button svg {
fill: #fff;
}
.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus {
color: #fff;
background: #fff;
}
.wp-custom-header .wp-custom-header-video-button:hover svg,
.wp-custom-header .wp-custom-header-video-button:focus svg {
fill: #0aa3f3;
}
.video-banner .wp-custom-header {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
overflow: hidden;
}
.video-banner .wp-custom-header video,
.video-banner .wp-custom-header iframe,
.video-banner .wp-custom-header embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*============================
OWL CAROUSEL CUSTOM STYLE
============================*/
.owl-theme .owl-nav {
margin: 0;
}
.owl-theme .owl-nav [class*="owl-"] {
position: absolute;
top: 50%;
left: 4%;
background: none;
padding: 0;
margin: 0;
font-size: 1.5em;
font-weight: 400;
width: 50px;
text-align: center;
height: 50px;
line-height: 50px;
overflow: hidden;
text-indent: 60px;
}
.owl-theme .owl-nav .owl-next {
left: auto;
right: 4%;
}
.owl-theme .owl-nav [class*="owl-"]::before {
content: "";
background-image: url('data:image/svg+xml; utf-8, ');
background-repeat: no-repeat;
background-position: center;
width: 25px;
height: 30px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
text-indent: 0;
}
.owl-theme .owl-nav .owl-next::before {
background-image: url('data:image/svg+xml; utf-8, ');
}
.owl-theme .owl-nav [class*="owl-"]:hover {
background: rgba(0, 0, 0, 0.2);
}
.owl-theme .owl-dots {
position: absolute;
bottom: 10px;
left: 0;
right: 0;
}
.owl-theme .owl-dots .owl-dot span {
width: 25px;
height: 7px;
background: #fff;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #0aa3f3;
}
/*================================
Services Section Style
================================*/
.our-services {
margin: 100px 0;
}
.our-services .widget {
margin: 0;
}
.our-services .grid .widget.widget_text {
grid-column: 1 / span 3;
}
.our-services .grid .widget_text {
text-align: center;
max-width: 830px;
margin: 0 auto;
}
.our-services .widget_text .textwidget {
font-size: 0.9em;
}
.our-services .grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
text-align: center;
grid-gap: 60px 30px;
}
.our-services .grid .widget {
padding: 0 30px;
}
.our-services .grid .widget .rtc-itw-inner-holder {
display: grid;
grid-row-gap: 10px;
}
.our-services .grid .widget .icon-holder {
grid-row-start: 1;
grid-row-end: 2;
}
.our-services .grid .widget .icon-holder svg {
font-size: 97px;
color: #0aa3f3;
}
.our-services .grid .widget .widget-title {
color: #111;
font-weight: 700;
font-size: 1.1em;
line-height: 1.318em;
margin: 0 0 15px;
}
.our-services .grid .widget_text .widget-title {
font-weight: 700;
color: #111;
margin: 0 0 15px;
font-size: 2.3em;
line-height: 1.13em;
}
.our-services .grid .widget .content {
font-size: 0.9em;
line-height: 1.444em;
}
.our-services .grid .widget .btn-readmore {
font-size: 0.7em;
font-weight: 900;
text-transform: uppercase;
border: 1px solid #0aa3f3;
border-radius: 5px;
display: inline-block;
padding: 5px 32px;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.widget_rrtc_icon_text_widget .btn-readmore {
margin-top: 20px;
}
.our-services .grid .widget .btn-readmore:hover,
.our-services .grid .widget .btn-readmore:focus {
text-decoration: none;
color: #fff;
background: #0aa3f3;
}
.our-services .grid .widget .btn-readmore:focus {
outline-offset: 2px;
}
/*==============================
Who we are section style
==============================*/
.featured-page {
background: #f6f6f6;
padding: 100px 0;
}
.featured-page .widget_raratheme_featured_page_widget {
margin: 0;
}
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder {
display: flex;
flex-wrap: wrap;
}
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder.left {
flex-direction: row-reverse;
}
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder.centered {
flex-direction: column-reverse;
max-width: 570px;
margin: 0 auto;
}
.widget_raratheme_featured_page_widget .section-subtitle {
display: block;
width: 100%;
}
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder {
align-items: flex-start;
flex: 1 0 0;
padding-right: 10px;
}
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder.left .text-holder {
padding-right: 0;
padding-left: 10px;
}
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder.centered .text-holder {
padding: 0;
text-align: center;
}
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .widget-title {
font-size: 2.3em;
line-height: 1.086em;
font-weight: 700;
color: #111;
margin: 0 0 10px;
}
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .featured_page_content {
line-height: 1.444em;
font-size: 0.9em;
padding-right: 10px;
}
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .featured_page_content .btn-readmore {
font-size: 0.888em;
font-weight: 900;
text-transform: uppercase;
border: 1px solid #0aa3f3;
display: inline-block;
border-radius: 5px;
padding: 16px 37px;
margin-top: 20px;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .featured_page_content .btn-readmore:hover,
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .featured_page_content .btn-readmore:focus {
text-decoration: none;
color: #fff;
background: #0aa3f3;
}
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .featured_page_content .btn-readmore:focus {
outline-offset: 2px;
}
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .img-holder {
align-items: flex-start;
width: 570px;
margin-left: 30px;
}
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .img-holder a:focus {
outline-offset: 2px;
}
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder.left .img-holder {
margin-left: 0;
margin-right: 30px;
}
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder.centered .img-holder {
margin: 0 0 30px;
text-align: center;
}
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .img-holder img {
vertical-align: top;
border-radius: 5px;
}
/*========================================
our-features section style
========================================*/
.our-features {
padding: 70px 0;
border-bottom: 1px solid #f6f6f6;
position: relative;
}
.our-features .features-content {
max-width: 700px;
}
.our-features .features-content .section-header {
margin: 0 0 60px;
max-width: 650px;
}
.our-features .widget {
margin: 0;
}
.our-features .widget.widget_text {
grid-column: 1 / span 2;
}
.our-features .widget.widget_text .widget-title {
font-weight: 700;
color: #111;
margin: 0 0 15px;
font-size: 2.3em;
line-height: 1.13em;
}
.our-features .widget.widget_text .widget_text {
font-size: 0.9em;
}
.our-features .grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px;
}
.our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder {
display: flex;
flex-direction: row-reverse;
}
.our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder {
flex: 1 0 0;
align-items: flex-start;
}
.our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .widget-title {
line-height: 1.772em;
font-size: 1.1em;
margin: 0;
font-weight: 700;
color: #111;
}
.our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .content {
line-height: 1.444em;
font-size: 0.9em;
}
.our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .btn-readmore {
font-size: 0.7em;
font-weight: 900;
text-transform: uppercase;
border: 1px solid #0aa3f3;
border-radius: 5px;
display: inline-block;
padding: 5px 32px;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .btn-readmore:hover,
.our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .btn-readmore:focus {
text-decoration: none;
color: #fff;
background: #0aa3f3;
}
.our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .btn-readmore:focus {
outline-offset: 2px;
}
.our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .icon-holder {
align-items: flex-start;
width: 25px;
margin-right: 10px;
margin-top: 10px;
}
.our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .icon-holder svg {
font-size: 24px;
color: #0aa3f3;
}
.our-features .widget.widget_media_image {
position: absolute;
top: 0;
right: 0;
width: 39%;
overflow: hidden;
height: 100%;
}
.our-features .widget.widget_media_image .wp-caption {
position: static;
}
.our-features .widget.widget_media_image img {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
/*================================
Team section widget
================================*/
.our-team {
margin: 100px 0;
}
.our-team .widget {
margin: 0;
}
.our-team .widget.widget_text {
grid-column: 1 / span 3;
}
.our-team .widget.widget_text {
text-align: center;
max-width: 830px;
margin: 0 auto 30px auto;
}
.our-team .widget.widget_text .widget-title {
font-weight: 700;
color: #111;
margin: 0 0 15px;
font-size: 2.3em;
line-height: 1.13em;
}
.our-team .widget.widget_text .textwidget {
font-size: 0.9em;
}
.our-team .grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.widget_rrtc_description_widget .rtc-team-holder-modal.show {
display: none !important;
}
.our-team .widget_rrtc_description_widget .image-holder img {
vertical-align: top;
border-radius: 5px 5px 0 0;
}
.widget_rrtc_description_widget .rtc-team-holder {
background: #0aa3f3;
text-align: center;
color: #fff;
padding: 0 0 20px;
border-radius: 5px;
}
.widget_rrtc_description_widget .text-holder {
padding: 50px 30px 30px;
}
.widget_rrtc_description_widget .text-holder .name {
display: block;
line-height: 1em;
font-size: 1.047em;
font-weight: 700;
}
.widget_rrtc_description_widget .text-holder .designation {
display: block;
font-size: 0.9em;
font-weight: 400;
margin: 0 0 15px;
}
.widget_rrtc_description_widget .social-profile {
margin: 0;
padding: 0;
list-style: none;
font-size: 1.2em;
}
.widget_rrtc_description_widget .social-profile li {
display: inline-block;
margin: 0 10px 10px;
}
.widget_rrtc_description_widget .social-profile li a {
color: #fff;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.widget_rrtc_description_widget .social-profile li a:hover,
.widget_rrtc_description_widget .social-profile li a:focus {
color: #fff;
text-decoration: none;
opacity: 0.7;
}
.widget_rrtc_description_widget .social-profile li a:focus {
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: transparent;
}
.ps__thumb-y {
background-color: rgba(0, 0, 0, 0.15);
}
.ps__rail-y:hover>.ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: rgba(0, 0, 0, 0.3);
width: 6px;
}
/*=================================
Testimonial section style
================================*/
.our-testimonial {
margin: 90px 0;
}
.our-testimonial .widget {
margin: 0;
}
.our-testimonial .widget.widget_text {
grid-column: 1 / span 2;
}
.our-testimonial .widget.widget_text {
text-align: center;
max-width: 830px;
margin: 0 auto;
}
.our-testimonial .widget.widget_text .widget-title {
font-weight: 700;
color: #111;
margin: 0 0 15px;
font-size: 2.3em;
line-height: 1.13em;
}
.our-testimonial .section-header .widget_text .textwidget {
font-size: 0.9em;
}
.our-testimonial .grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 70px 30px;
}
.widget_rrtc_testimonial_widget {
display: flex;
flex: auto;
flex-flow: row wrap;
}
.widget_rrtc_testimonial_widget .rtc-testimonial-holder {
display: flex;
}
.widget_rrtc_testimonial_widget .rtc-testimonial-inner-holder {
display: flex;
flex-direction: column-reverse;
position: relative;
}
.widget_rrtc_testimonial_widget .text-holder {
display: flex;
flex: 1;
flex-wrap: wrap;
}
#secondary .widget_rrtc_testimonial_widget .text-holder {
padding: 30px;
}
.widget_rrtc_testimonial_widget .text-holder .testimonial-meta {
display: flex;
order: 2;
margin-top: 0;
padding-left: 20px;
flex-direction: column;
justify-content: center;
width: calc(100% - 70px);
}
.widget_rrtc_testimonial_widget .testimonial-content {
font-size: 0.9em;
border: 1px solid #d8d8d8;
border-radius: 5px;
padding: 50px 70px;
margin: 0 0 24px;
display: flex;
flex: auto;
flex-direction: column;
justify-content: center;
}
.widget_rrtc_testimonial_widget .testimonial-content p {
margin: 0;
}
.widget_rrtc_testimonial_widget .text-holder .testimonial-meta .name {
font-family: "Montserrat", sans-serif;
display: block;
line-height: 1em;
font-size: 1.047em;
font-weight: 700;
color: #111;
}
.widget_rrtc_testimonial_widget .text-holder .testimonial-meta .designation {
display: block;
font-size: 0.9em;
font-weight: 400;
}
.widget_rrtc_testimonial_widget .img-holder {
width: 70px;
height: 70px;
order: 2;
display: flex;
flex-direction: column;
justify-content: center;
}
.widget_rrtc_testimonial_widget .img-holder img {
vertical-align: top;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
/*================================
Stats Section Style
================================*/
.our-stats {
background: #f7fcfe;
padding: 100px 0;
}
.our-stats .widget.widget_text {
text-align: center;
max-width: 830px;
margin: 0 auto 10px;
}
.our-stats .widget {
margin: 0;
}
.our-stats .widget.widget_text {
grid-column: 1 / span 4;
}
.our-stats .widget.widget_text .textwidget {
font-size: 0.9em;
}
.our-stats .widget.widget_text .widget-title {
font-weight: 700;
color: #111;
margin: 0 0 15px;
font-size: 2.3em;
line-height: 1.13em;
}
.our-stats .grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 30px;
}
.widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder {
position: relative;
padding-left: 70px;
display: grid;
grid-template-rows: repeat(2, auto);
}
.widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder .icon-holder,
.widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder .image-holder {
position: absolute;
top: 50%;
left: 0;
color: #0aa3f3;
font-size: 50px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.widget_raratheme_companion_stat_counter_widget .widget-title,
#secondary .widget.widget_raratheme_companion_stat_counter_widget .widget-title {
font-family: "Lato", sans-serif;
font-size: 0.9em;
font-weight: 300;
margin: 0;
}
.widget_raratheme_companion_stat_counter_widget .hs-counter {
grid-row-start: 1;
line-height: 1em;
font-size: 2.3em;
font-weight: 700;
color: #0aa3f3;
}
/*================================
Skill section style
================================*/
.our-skills {
padding: 90px 0;
background: url(images/bg-skills.jpg) no-repeat;
background-size: cover !important;
background-attachment: fixed !important;
position: relative;
}
.our-skills:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(10, 163, 243, 0.8);
}
.our-skills .container {
position: relative;
z-index: 1;
display: flex;
flex-direction: row;
}
.our-skills .text-holder {
align-items: flex-start;
width: 50%;
margin-right: 30px;
color: #fff;
font-size: 0.9em;
}
.our-skills .text-holder .title {
font-weight: 700;
line-height: 1.13em;
font-size: 2.3em;
margin: 0 0 15px;
}
.our-skills .skills-holder {
align-items: flex-start;
flex: 1 0 0;
}
.skills,
.skills .skill,
.skills .skill .skill-title,
.skills .skill .skill-bar {
width: 100%;
float: left;
}
.skills .skill {
margin-bottom: 20px;
}
.skills .skill .skill-title {
color: #fff;
margin-bottom: 10px;
font-weight: 700;
font-size: 0.9em;
}
.skills .skill .skill-bar {
width: 0;
height: 20px;
padding: 2px;
border-radius: 100px;
background: #fff;
transition: 1s cubic-bezier(1, 0, 0.5, 1);
-webkit-transition: 1s cubic-bezier(1, 0, 0.5, 1);
-ms-transition: 1s cubic-bezier(1, 0, 0.5, 1);
}
.skills.active .skill .skill-bar {
width: 100%;
}
.skills .skill .skill-bar span {
float: left;
width: 0;
background: #9de8fb;
height: 16px;
border-radius: 100px;
position: relative;
transition: 1s cubic-bezier(1, 0, 0.5, 1);
-webkit-transition: 1s cubic-bezier(1, 0, 0.5, 1);
-ms-transition: 1s cubic-bezier(1, 0, 0.5, 1);
}
.skills .skill .skill-bar span b {
float: left;
width: 100%;
position: relative;
text-align: right;
opacity: 0;
font-size: 0.9em;
color: #fff;
font-weight: 400;
top: -40px;
}
/*===================================
portfolio section style
==================================*/
.portfolio {
margin: 100px 0 70px 0;
}
.single-portfolio article.portfolio {
padding: 0;
}
.portfolio .widget {
margin: 0;
}
.portfolio .widget.widget_text {
text-align: center;
max-width: 830px;
margin: 0 auto 60px;
}
.portfolio .widget.widget_text .textwidget {
font-size: 0.9em;
}
.portfolio .widget.widget_text .widget-title {
font-weight: 700;
color: #111;
margin: 0 0 15px;
font-size: 2.3em;
line-height: 1.13em;
}
.portfolio-holder img {
width: 100%;
vertical-align: top;
}
.portfolio-holder .button-group {
text-align: center;
margin: 0 0 50px;
}
.portfolio-holder .button-group .button {
border: 0;
font-size: 1.1em;
border: 0;
padding: 0 5px 5px;
margin: 0 25px;
font-weight: 700;
color: #4a4a4a;
position: relative;
}
.portfolio-holder .button-group .button:hover,
.portfolio-holder .button-group .button:focus {
background: none;
color: #0aa3f3;
}
.portfolio-holder .button-group .button:after {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 2px;
background: #0aa3f3;
opacity: 0;
}
.portfolio-holder .button-group .button.is-checked {
color: #0aa3f3;
}
.portfolio-holder .button-group .button.is-checked:after {
opacity: 1;
}
.portfolio-holder .filter-grid .element-item {
padding: 15px;
width: 20%;
}
.portfolio-holder .filter-grid .element-item .img-holder {
position: relative;
}
.portfolio-holder .filter-grid .element-item .img-holder a {
display: block;
}
.portfolio-holder .filter-grid .element-item .img-holder a:focus {
outline-offset: 2px;
}
.portfolio-holder .filter-grid .element-item .img-holder .text-holder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(10, 163, 243, 0.9);
-webkit-transition: ease 0.3s;
-moz-transition: ease 0.3s;
transition: ease 0.3s;
opacity: 0;
pointer-events: none;
}
.portfolio-holder .filter-grid .element-item .img-holder:hover .text-holder,
.portfolio-holder .filter-grid .element-item .img-holder:focus .text-holder,
.portfolio-holder .filter-grid .element-item .img-holder:focus-within .text-holder {
opacity: 1;
}
.portfolio-holder .filter-grid .element-item .img-holder .text-holder .text {
position: absolute;
top: 50%;
left: 0;
color: #fff;
font-size: 0.9em;
text-align: center;
width: 100%;
padding: 0 20px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.portfolio-holder .filter-grid .element-item .img-holder .text-holder .text .title {
font-size: 1.222em;
font-weight: 700;
margin: 0 0 10px;
}
/*=================================
TAXONOMY PORTFOLIO CATEGORY
=================================*/
.tax-rara_portfolio_categories .archive-description {
margin-top: 20px;
}
.tax-rara_portfolio_categories .filter-grid {
/*display: grid;
grid-template-columns: repeat(3 , 1fr);
grid-gap: 30px;*/
}
.tax-rara_portfolio_categories .filter-grid article {
padding: 15px;
margin-bottom: 0;
float: left;
width: 33.33%;
}
.tax-rara_portfolio_categories .portfolio-holder .filter-grid article .element-item {
width: 100%;
padding: 0;
}
.tax-rara_portfolio_categories .breadcrumb-wrapper,
.tax-rara_portfolio_categories .page-header {
text-align: center;
}
.tax-rara_portfolio_categories .filter-grid .navigation {
grid-column: 1 / span 3;
text-align: center;
margin-top: 30px;
width: 100%;
clear: both;
}
.tax-rara_portfolio_categories .pagination .page-numbers {
float: none;
display: inline-block;
}
/*================================
Pricing Section Style
================================*/
.our-pricing {
padding: 70px 0;
}
.our-pricing .widget {
margin: 0;
}
.our-pricing .section-header {
text-align: center;
max-width: 830px;
margin: 0 auto 110px;
}
.our-pricing .section-header .widget_text .widget-title {
font-weight: 700;
color: #111;
margin: 0 0 15px;
font-size: 2.3em;
line-height: 1.13em;
}
.our-pricing .section-header .widget_text .textwidget {
font-size: 0.9em;
}
.our-pricing .pricing-holder {
text-align: center;
}
.our-pricing .pricing-holder .col {
display: inline-block;
width: 33.333%;
background: #fff;
box-shadow: 0 0 18px rgba(0, 0, 0, 0.09);
vertical-align: middle;
border-radius: 5px;
padding: 80px 20px;
}
.our-pricing .pricing-holder .col h3 {
font-size: 1.2em;
font-weight: 700;
color: #111;
margin: 0 0 25px;
}
.our-pricing .pricing-holder .col .icon-holder {
margin: 0 0 30px;
}
.our-pricing .pricing-holder .col .price-holder {
font-size: 2.25em;
color: #111;
font-weight: 700;
margin: 0 0 20px;
}
.our-pricing .pricing-holder .col .price-holder .currency {
font-size: 0.444em;
}
.our-pricing .pricing-holder .col .price-holder .per-value {
font-size: 0.444em;
font-weight: 400;
}
.our-pricing .pricing-holder .col .plan-list {
margin: 0 0 30px;
padding: 0;
list-style: none;
font-size: 0.9em;
}
.our-pricing .pricing-holder .col .plan-list li {
margin: 0 0 10px;
}
.our-pricing .pricing-holder .col .btn-signup {
font-size: 0.8em;
font-weight: 900;
text-transform: uppercase;
border-radius: 5px;
border: 1px solid #0aa3f3;
display: inline-block;
padding: 15px 50px;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.our-pricing .pricing-holder .col.popular-plan .btn-signup {
border-color: #fff;
background: #fff;
color: #0aa3f3;
}
.our-pricing .pricing-holder .col .btn-signup:hover,
.our-pricing .pricing-holder .col .btn-signup:focus {
text-decoration: none;
background: #0aa3f3;
color: #fff;
}
.our-pricing .pricing-holder .col.popular-plan {
background: #0aa3f3;
position: relative;
z-index: 1;
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
transform: scale(1.04);
}
.our-pricing .pricing-holder .col.popular-plan h3,
.our-pricing .pricing-holder .col.popular-plan .price-holder,
.our-pricing .pricing-holder .col.popular-plan .plan-list {
color: #fff;
}
.our-pricing .pricing-holder .col.popular-plan .tag {
color: #fff;
font-size: 0.7em;
text-transform: uppercase;
letter-spacing: 2px;
background: #58c2f9;
border-radius: 5px;
padding: 5px 15px;
position: absolute;
top: -17px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.our-pricing .pricing-holder .col.premium-plan h3,
.our-pricing .pricing-holder .col.premium-plan .price-holder {
color: #0aa3f3;
}
/*================================
Blog section style
================================*/
.blog-section {
margin: 100px 0 70px 0;
}
.blog-section .widget {
margin: 0;
}
.blog-section .section-header {
text-align: center;
max-width: 830px;
margin: 0 auto 60px;
}
.blog-section .section-header .widget_text .widget-title {
font-weight: 700;
color: #111;
margin: 0 0 15px;
font-size: 2.3em;
line-height: 1.13em;
}
.blog-section .section-header .widget_text .textwidget {
font-size: 0.9em;
}
.blog-section .grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.blog-section .blog-post .post-thumbnail {
display: block;
margin: 0 0 35px;
}
.blog-section .blog-post .post-thumbnail:focus {
outline-offset: 2px;
}
.blog-section .blog-post .post-thumbnail img {
vertical-align: top;
border-radius: 5px;
}
.blog-section .blog-post .entry-title {
line-height: 1.272em;
font-size: 1.1em;
font-weight: 700;
margin: 0 0 10px;
}
.blog-section .blog-post .entry-title a {
color: #111;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.blog-section .blog-post .entry-title a:hover,
.blog-section .blog-post .entry-title a:focus {
text-decoration: none;
color: #0aa3f3;
}
.blog-section .blog-post .entry-meta {
font-size: 0.9em;
line-height: 1.444em;
font-weight: 300;
color: #7b7b7b;
}
.byline {
text-transform: capitalize;
}
.blog-section .blog-post .entry-meta a {
color: #7b7b7b;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.blog-section .blog-post .entry-meta a:hover,
.blog-section .blog-post .entry-meta a:focus {
text-decoration: none;
color: #0aa3f3;
}
.blog-section .blog-post .entry-meta .posted-on,
.blog-section .blog-post .entry-meta .separator {
margin-right: 10px;
}
/*================================
CTA Sectin Style
================================*/
.cta>.container {
max-width: 100%;
padding: 0;
}
.cta .widget {
margin: 0;
}
.widget_raratheme_companion_cta_widget .text,
.widget_raratheme_companion_cta_widget .bttk-cta-bg {
color: #fff;
padding: 50px;
}
.cta .widget_raratheme_companion_cta_widget .text,
.cta .widget_raratheme_companion_cta_widget .bttk-cta-bg {
padding: 100px 0;
}
.widget_raratheme_companion_cta_widget .bttk-cta-bg {
position: relative;
z-index: 1;
}
.widget_raratheme_companion_cta_widget .bttk-cta-bg::before {
content: "";
background: rgba(0, 0, 0, 0.55);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.centered {
text-align: center;
}
.cta .widget_raratheme_companion_cta_widget .raratheme-cta-container {
max-width: 1240px;
margin-left: auto;
margin-right: auto;
padding: 0 15px;
}
.cta .widget_raratheme_companion_cta_widget .right .raratheme-cta-container {
position: relative;
}
.cta .widget .widget-title {
font-size: 2.3em;
font-weight: 700;
margin: 0 0 20px;
line-height: 1;
}
.cta .widget .text-holder {
font-size: 0.9em;
}
.cta .widget .text-holder p {
margin: 0;
}
.cta .widget .button-wrap {
margin: 80px 0 0;
}
.cta .widget .btn-cta {
display: inline-block;
background: #fff;
border-radius: 5px;
border: 1px solid #fff;
font-size: 1.2em;
font-weight: 700;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
padding: 25px 100px;
margin: 0 5px;
}
.cta .widget .btn-cta:hover,
.cta .widget .btn-cta:focus {
text-decoration: none;
background: none;
color: #fff;
}
.cta .widget .btn-cta:focus {
}
.cta .widget .right {
text-align: left;
position: relative;
}
.cta .widget .right .widget-title,
.cta .widget .right .text-holder {
width: 50%;
}
.cta .widget .right .button-wrap {
margin: 0;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.cta .widget .right .btn-cta {
padding: 15px 50px;
}
/*================================
FAQ section style
================================*/
.faq-section {
margin: 100px 0;
padding-bottom: 100px;
border-bottom: 1px solid #d8d8d8;
}
.faq-section .widget {
margin: 0 auto 50px;
max-width: 770px;
}
.faq-section .widget.widget_text {
text-align: center;
margin-bottom: 60px;
}
.faq-section .widget.widget_text .widget-title {
font-weight: 700;
color: #111;
margin: 0 0 15px;
font-size: 2.3em;
line-height: 1.13em;
}
.faq-section .widget.widget_text .textwidget {
font-size: 0.9em;
}
.faq-section .widget {
max-width: 770px;
margin: 0 auto;
}
.faq-section .widget .accordion {
margin: 0;
padding: 0;
list-style: none;
}
.faq-section .widget .accordion li {
padding: 30px;
margin: 0;
position: relative;
z-index: 1;
}
.faq-section .widget .accordion li::before,
.faq-section .widget .accordion li::after {
content: "";
background: #d8d8d8;
top: 0;
left: 0;
height: 1px;
position: absolute;
width: 100%;
border-radius: 5px;
z-index: -1;
-webkit-transition: ease 0.3s;
-moz-transition: ease 0.3s;
transition: ease 0.3s;
}
.faq-section .widget .accordion li::before {
left: 30px;
width: auto;
right: 0;
}
.faq-section .widget .accordion li::after {
background: none;
border: 1px solid transparent;
}
.faq-section .widget .accordion li.show::before,
.faq-section .widget .accordion li:first-child::before,
.faq-section .widget .accordion li.show+li:before {
opacity: 0;
visibility: hidden;
}
.faq-section .widget .accordion li.show::after {
height: 100%;
border-color: #d8d8d8;
}
.faq-section .widget .accordion li .toggle {
font-size: 20px;
font-weight: 700;
color: #4a4a4a;
display: block;
margin: 0;
position: relative;
padding: 0 30px 0 0;
letter-spacing: 0;
}
.faq-section .widget .accordion li .toggle:after {
width: 18px;
height: 2px;
background: #d8d8d8;
content: "";
position: absolute;
top: 14px;
right: 0;
-webkit-transition: ease 0.3s;
-moz-transition: ease 0.3s;
transition: ease 0.3s;
}
.faq-section .widget .accordion li .toggle:before {
width: 2px;
height: 18px;
background: #d8d8d8;
content: "";
position: absolute;
top: 6px;
right: 7px;
-webkit-transition: ease 0.3s;
-moz-transition: ease 0.3s;
transition: ease 0.3s;
}
.faq-section .widget .accordion li.show .toggle:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
}
.faq-section .widget .accordion li.show .toggle:after {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
.faq-section .btn-holder {
text-align: center;
}
.faq-section .btn-holder .btn-view {
display: inline-block;
font-size: 0.8em;
font-weight: 900;
text-transform: uppercase;
border: 1px solid #0aa3f3;
border-radius: 5px;
padding: 15px 47px;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.faq-section .btn-holder .btn-view:hover,
.faq-section .btn-holder .btn-view:focus {
text-decoration: none;
background: #0aa3f3;
color: #fff;
}
/*================================
Contact Section Style
================================*/
.contact-section {
padding: 70px 0;
}
.contact-section .widget {
margin: 0 auto 50px;
max-width: 770px;
}
.contact-section .section-header {
text-align: center;
max-width: 830px;
margin: 0 auto 60px;
}
.contact-section .section-header .widget_text .widget-title {
font-weight: 700;
color: #111;
margin: 0 0 15px;
font-size: 2.3em;
line-height: 1.13em;
}
.contact-section .section-header .widget_text .textwidget {
font-size: 0.9em;
}
.contact-section .holder {
display: flex;
flex-direction: row;
}
.contact-section .holder .left {
align-items: flex-start;
margin-right: 30px;
width: 50%;
}
.contact-section .holder .left .contact-detail {
overflow: hidden;
font-size: 0.9em;
font-weight: 400;
color: #111;
margin: 0 0 20px;
}
.contact-section .holder .left .contact-detail a {
color: #111;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.contact-section .holder .left .contact-detail a:hover,
.contact-section .holder .left .contact-detail a:focus {
text-decoration: none;
color: #0aa3f3;
}
.contact-section .holder .left .contact-detail .tel-link,
.contact-section .holder .left .contact-detail address,
.contact-section .holder .left .contact-detail .email-link,
.contact-section .holder .left .contact-detail .social-networks {
display: inline-block;
vertical-align: top;
margin: 0 40px 10px 0;
font-style: normal;
}
.contact-section .holder .left .contact-detail svg {
margin-right: 10px;
}
.contact-section .holder .left .contact-detail .social-networks {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.contact-section .holder .left .contact-detail .social-networks li {
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.contact-section .holder .left .map-holder img {
vertical-align: top;
border-radius: 5px;
}
.contact-section .holder .form-holder {
align-items: flex-start;
flex: 1 0 0;
}
/*================================
Our-clients
================================*/
.our-clients {
/*margin: 100px 0;*/
}
.our-clients .widget {
margin: 0;
}
.our-clients .widget .widget-title {
font-weight: 700;
color: #111;
font-size: 2.3em;
line-height: 1.13em;
text-align: center;
grid-column: 1 / span 4;
}
.our-clients .widget .raratheme-client-logo-inner-holder {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 30px;
align-items: center;
text-align: center;
}
.our-clients .widget .image-holder a {
display: block;
}
.our-clients .widget .image-holder img {
vertical-align: top;
}
.our-clients .widget .image-holder img.black-white {
filter: grayscale(100%);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.our-clients .widget .image-holder a:hover>img.black-white {
filter: grayscale(0);
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
display: inline-block;
font-size: 1.6em;
line-height: 1;
}
/*================================
Blog page style
================================*/
#content {
/* padding: 70px 0; */
}
#content .content-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 50px;
}
#primary {
grid-column: 1 / span 2;
}
.fullwidth-wide #primary {
grid-column: 1 / span 3;
}
.leftsidebar #primary {
grid-column-start: 2;
}
#primary .post {
/* margin-bottom: 70px; */
}
#primary .post .entry-header {
margin: 0 0 45px;
}
#primary .post .entry-header .entry-meta {
font-size: 0.9em;
line-height: 1.444em;
font-weight: 300;
color: #7b7b7b;
margin: 0 0 15px;
}
#primary .post .entry-header .entry-meta a {
color: #7b7b7b;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
#primary .post .entry-header .entry-meta a:hover,
#primary .post .entry-header .entry-meta a:focus {
text-decoration: none;
color: #0aa3f3;
}
#primary .post .entry-header .entry-meta .separator {
margin-right: 10px;
margin-left: 10px;
}
#primary .site-main article .entry-header .entry-title {
font-size: 1.6em;
line-height: 1.235em;
}
#primary .site-main article .entry-header .entry-title a {
color: #111;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
#primary .site-main article .entry-header .entry-title a:hover,
#primary .site-main article .entry-header .entry-title a:focus {
text-decoration: none;
color: #0aa3f3;
}
#primary .site-main article .post-thumbnail {
display: block;
margin: 0 0 20px;
}
#primary .site-main article .post-thumbnail:focus {
outline-offset: 2px;
}
#primary .site-main article .post-thumbnail img {
vertical-align: top;
border-radius: 3px;
}
#primary .site-main article .entry-content {
margin: 0;
}
#primary .site-main article .entry-footer {
margin-top: 15px;
}
#primary .site-main article .entry-footer:after {
content: "";
display: block;
clear: both;
}
#primary .site-main article .entry-footer .btn-readmore {
float: left;
font-weight: 300;
text-transform: uppercase;
border: 1px solid #0aa3f3;
border-radius: 3px;
padding: 7px 15px;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
#primary .site-main article .entry-footer .btn-readmore:hover,
#primary .site-main article .entry-footer .btn-readmore:focus {
text-decoration: none;
color: #fff;
background: #0aa3f3;
}
/*============================
Pagination Style
============================*/
.post-navigation {
margin-bottom: 60px;
}
.pagination .prev,
.pagination .next {
display: none !important;
}
.navigation .nav-links:before,
.navigation .nav-links:after {
content: "";
display: table;
}
.navigation .nav-links:after {
clear: both;
}
.pagination .page-numbers {
float: left;
font-weight: 400;
margin-right: 10px;
border: 1px solid #d9d9d9;
border-radius: 3px;
padding: 7px 14px 6px 13px;
color: #4a4a4a;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.pagination a:hover,
.pagination a:focus,
.pagination .current {
background: #0aa3f3;
border-color: #0aa3f3;
color: #fff;
}
.post-navigation .nav-links a {
font-size: 16px;
position: relative;
color: #4a4a4a;
display: inline-block;
padding-left: 55px;
padding-right: 5px;
font-weight: 400;
letter-spacing: 0.5px;
}
.post-navigation .nav-links div.nav-next a {
padding-left: 5px;
padding-right: 55px;
}
.post-navigation .nav-links a span.nav-arrow {
position: absolute;
top: 6px;
left: 0;
width: 40px;
height: 40px;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 100%;
text-align: center;
line-height: 39px;
font-size: 16px;
font-weight: 600;
}
.post-navigation .nav-links div.nav-next a span.nav-arrow {
left: auto;
right: 0;
}
.post-navigation .nav-links a span {
color: #4a4a4a;
display: block;
font-weight: 600;
}
.post-navigation .nav-links div a:hover {
color: #0aa3f3;
}
.post-navigation .nav-links div a:hover svg {
border-color: #0aa3f3;
}
/*==============================
Blog Full Width Style
==============================*/
.full-width #content .content-grid {
max-width: 1240px;
margin: 0 auto;
}
.full-width #primary {
grid-column: 1 / span 3;
}
.full-width #primary .post {
/* text-align: center; */
}
.full-width #primary .post .entry-footer .btn-readmore {
float: none;
display: inline-block;
}
.full-width .pagination {
text-align: center;
}
.full-width .pagination .page-numbers {
float: none;
display: inline-block;
margin: 0 5px;
}
/*==============================
Breadcrumbs style
==============================*/
#crumbs {
margin: 0 0 15px;
line-height: 1.625em;
font-size: 0.8em;
color: #7b7b7b;
}
#crumbs a {
color: #7b7b7b;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
#crumbs a:hover,
#crumbs a:focus {
text-decoration: none;
color: #0aa3f3;
}
.full-width #crumbs {
/* text-align: center; */
}
#crumbs .current a {
pointer-events: none;
cursor: default;
}
#crumbs span.separator {
margin: 0 5px;
}
/*============================
Page Header Style
============================*/
.page-header {
margin: 0 0 30px;
}
.page-header .page-title {
font-size: 34px;
font-family: 'Sofia Sans Condensed', sans-serif;
color: #3e423c;
text-transform:uppercase;
}
.page-header span,
.page-header p {
}
.full-width .page-header {
/* text-align: center; */
}
/*===============================
Search Result Page style
===============================*/
.search-no-results .content-area .page-header {
display: none;
}
.search-no-results .content-area .site-main .page-header {
display: block;
margin-bottom: 30px;
}
.search .page-header .page-title {
font-size: 1.7em;
}
.portfolio-holder .no-results {
text-align: center;
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
.page-header .search-form,
.no-results .search-form {
margin-top: 15px;
width: 100%;
border: 1px solid #d8d8d8;
border-radius: 5px;
padding: 16px 20px;
}
.page-header .search-form:after,
.no-results .search-form:after {
content: "";
display: block;
clear: both;
}
.page-header .search-form label,
.no-results .search-form label {
float: left;
width: 95%;
}
.page-header .search-form input[type="search"],
.no-results .search-form input[type="search"] {
border: 0;
padding: 0;
margin: 0;
background: none;
float: left;
font-size: 0.9em;
}
.page-header .search-form input[type="submit"],
.no-results .search-form input[type="submit"] {
float: right;
font-size: 0;
border: 0;
border-radius: 0;
padding: 0;
background: url(images/bg-search.png) no-repeat;
width: 15px;
height: 15px;
margin: 6px 0 0;
}
.tax-rara_portfolio_categories .no-results .page-header {
margin-bottom: 0;
}
.tax-rara_portfolio_categories .no-results .page-header .page-title {
font-size: 1.3em;
}
.tax-rara_portfolio_categories .no-results .page-content {
margin-top: 20px;
}
/*==============================
Error Page Style
==============================*/
.error404 .page-header .page-title {
font-size: 1.7em;
}
.error-holder {
display: flex;
flex-direction: row;
align-items: center;
margin: 0 0 80px;
}
.error-holder .img-holder {
margin-right: 60px;
width: 515px;
align-items: flex-start;
}
.error-holder .text-holder {
align-items: flex-start;
flex: 1 0 0;
}
.error-holder .text-holder h2 {
line-height: 1.272em;
font-size: 1.1em;
color: #111;
margin: 0 0 40px;
}
.error-holder .text-holder span {
font-size: 0.9em;
display: block;
margin: 0 0 10px;
}
.error-holder .text-holder .search-form {
width: 100%;
border: 1px solid #d8d8d8;
border-radius: 5px;
padding: 16px 20px;
margin: 0 0 50px;
}
.error-holder .text-holder .search-form:after {
content: "";
display: block;
clear: both;
}
.error-holder .text-holder .search-form label {
float: left;
width: 95%;
}
.error-holder .text-holder .search-form input[type="search"] {
border: 0;
padding: 0;
margin: 0;
background: none;
float: left;
font-size: 0.9em;
}
.error-holder .text-holder .search-form input[type="submit"] {
float: right;
font-size: 0;
border: 0;
border-radius: 0;
padding: 0;
background: url(images/bg-search.png) no-repeat;
width: 15px;
height: 15px;
margin: 6px 0 0;
}
.error-holder .text-holder .btn-home {
display: inline-block;
font-size: 0.8em;
font-weight: 900;
text-transform: uppercase;
border: 1px solid #0aa3f3;
border-radius: 5px;
padding: 15px 36px;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.error-holder .text-holder .btn-home:hover,
.error-holder .text-holder .btn-home:focus {
text-decoration: none;
color: #fff;
background: #0aa3f3;
}
.error404 .recent-post .section-title {
line-height: 1.235em;
font-size: 1.7em;
color: #111;
margin: 0 0 40px;
}
.error404 .recent-post .grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 60px 30px;
}
.error404 .recent-post .col .post-thumbnail {
display: block;
margin: 0 0 30px;
}
.error404 .recent-post .col .post-thumbnail img {
vertical-align: top;
border-radius: 5px;
}
.error404 .recent-post .col .entry-title {
line-height: 1.272em;
font-size: 1.1em;
margin: 0 0 5px;
}
.error404 .recent-post .col .entry-title a {
color: #111;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.error404 .recent-post .col .entry-title a:hover,
.error404 .recent-post .col .entry-title a:focus {
text-decoration: none;
color: #0aa3f3;
}
.error404 .recent-post .col .entry-meta {
font-size: 0.9em;
}
.error404 .recent-post .col .entry-meta .posted-on,
.error404 .recent-post .col .entry-meta .separator {
margin-right: 10px;
}
.error404 .recent-post .col .entry-meta a {
color: #7b7b7b;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.error404 .recent-post .col .entry-meta a:hover,
.error404 .recent-post .col .entry-meta a:focus {
text-decoration: none;
color: #0aa3f3;
}
/*==============================
Single Post Style
=============================*/
.single #primary .post .entry-header .entry-title {
line-height: 1.111em;
font-size: 2.25em;
margin: 0 0 15px;
}
.single #primary .post .entry-header {
margin: 0 0 30px;
}
#primary .post .entry-content h1,
#primary .page .entry-content h1 {
font-family: 'Sofia Sans Condensed', sans-serif;
color: #3e423c;
text-transform: uppercase;
font-size:34px;
font-weight:600;
}
#primary .post .entry-content h2,
#primary .page .entry-content h2 {
font-family: 'Sofia Sans Condensed', sans-serif;
color: #3e423c;
text-transform: uppercase;
font-size:34px;
font-weight:600;
}
#primary .page .entry-content .effect-honey h1, #primary .page .entry-content .effect-honey h2, #primary .page .entry-content .effect-honey h3 {color:#fff;}
#primary .post .entry-content h3,
#primary .page .entry-content h3 {
font-size: 18px;
line-height: 18px;
margin: 0 0 10px;
}
#primary .post .entry-content h4,
#primary .page .entry-content h4 {
font-size: 22px;
line-height: 1.272em;
margin: 0 0 10px;
}
#primary .post .entry-content h5,
#primary .page .entry-content h5 {
font-size: 18px;
line-height: 1.444em;
margin: 0 0 15px;
}
#primary .post .entry-content h6,
#primary .page .entry-content h6 {
font-size: 16px;
line-height: 1.444em;
margin: 0 0 15px;
}
#primary .post .entry-content blockquote,
#primary .page .entry-content blockquote {
font-size: 1.1em;
line-height: 1.363em;
font-style: italic;
margin: 0 0 1.5em;
padding: 34px 60px;
border: 1px solid #d8d8d8;
border-radius: 5px;
font-weight: 400;
}
#primary .post .entry-content blockquote p,
#primary .page .entry-content blockquote p {
margin: 0;
}
#primary .post .entry-content .pull-right,
#primary .page .entry-content .pull-right {
float: right;
width: 370px;
border-left: 1px solid #d8d8d8;
font-weight: 400;
font-style: italic;
padding: 20px 0 20px 30px;
line-height: 1.5em;
margin-left: 20px;
}
#primary .post .entry-content .pull-left,
#primary .page .entry-content .pull-left {
float: left;
width: 370px;
border-right: 1px solid #d8d8d8;
font-weight: 400;
font-style: italic;
padding: 20px 30px 20px 0;
line-height: 1.5em;
margin-right: 20px;
}
#primary .post .entry-content .highlight,
#primary .page .entry-content .highlight {
background: #e6f6fe;
}
#primary .post .entry-content ol,
#primary .page .entry-content ol {
margin: 0 0 1.5em;
padding: 0;
list-style: none;
font-size: 0.9em;
font-weight: 400;
counter-reset: section;
}
#primary .post .entry-content ol>li,
#primary .page .entry-content ol>li {
margin: 0 0 20px;
}
#primary .post .entry-content ol>li:before,
#primary .page .entry-content ol>li:before {
counter-increment: section;
content: counter(section);
border: 1px solid #d9d9d9;
margin-right: 15px;
padding: 8px 14px;
border-radius: 50%;
}
#primary .post .entry-content li>ol,
#primary .page .entry-content li>ol,
#primary .post .entry-content li>ul,
#primary .page .entry-content li>ul {
font-size: 1em;
margin: 1.5em 0 1.5em 1.5em;
}
#primary .post .entry-content ul,
#primary .page .entry-content ul {
margin: 0 0 1.5em;
padding: 0;
list-style: none;
font-size: 0.9em;
font-weight: 400;
}
#primary .post .entry-content ul>li:before,
#primary .page .entry-content ul>li:before {
content: "";
background-image: url('data:image/svg+xml; utf-8, ');
background-repeat: no-repeat;
width: 15px;
height: 15px;
margin-right: 15px;
display: inline-block;
background-position: center;
vertical-align: middle;
}
#primary .post .entry-content .woocommerce ul>li:before,
#primary .page .entry-content .woocommerce ul>li:before {
display: none;
}
#primary .post .entry-content ul>li,
#primary .page .entry-content ul>li {
margin: 0 0 20px;
}
#primary .post .entry-content table,
#primary .page .entry-content table {
width: 100%;
border: 1px solid #dde4e6;
border-collapse: separate;
border-radius: 5px;
}
#primary .post .entry-content table tbody tr:nth-child(2n),
#primary .page .entry-content table tbody tr:nth-child(2n) {
background: #fcfdfd;
}
#primary .post .entry-content table tbody td,
#primary .page .entry-content table tbody td {
border-bottom: 1px solid #dde4e6;
border-right: 1px solid #dde4e6;
padding: 1vw 1.5vw;
}
#primary .post .entry-content table tbody tr:last-child td,
#primary .page .entry-content table tbody tr:last-child td {
border-bottom: 0;
}
#primary .post .entry-content table tbody td:last-child,
#primary .page .entry-content table tbody td:last-child {
border-right: 0;
}
#primary .post .entry-content table thead th,
#primary .page .entry-content table thead th {
background: #d0e5f2;
text-align: left;
padding: 1vw 1.5vw;
}
#primary .post .entry-content table thead th:nth-child(2n),
#primary .page .entry-content table thead th:nth-child(2n) {
background: #e7f2f9;
}
#primary .post .entry-footer .social-share {
margin: 0 0 30px;
}
#primary .post .entry-footer .social-share strong {
font-size: 1.1em;
font-weight: 700;
color: #111;
margin-right: 25px;
}
#primary .post .entry-footer .tag {
overflow: hidden;
line-height: 1.444em;
font-size: 0.9em;
font-weight: 400;
}
#primary .post .entry-footer .tag a {
float: left;
color: #4a4a4a;
background: #e7f2f9;
border-radius: 40px;
padding: 5px 20px;
margin-right: 10px;
margin-bottom: 5px;
display: inline-block;
vertical-align: middle;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
#primary .post .entry-footer .tag a:hover,
#primary .post .entry-footer .tag a:focus {
text-decoration: none;
color: #fff;
background: #0aa3f3;
border-color: #0aa3f3;
}
.categories {
font-size: 0.9em;
line-height: 1.444em;
display: inline-block;
vertical-align: middle;
}
.categories a {
display: inline-block;
vertical-align: middle;
position: relative;
color: #7b7b7b;
padding-right: 30px;
}
.categories a:after {
content: "|";
position: absolute;
top: 0;
right: 15px;
}
.categories a:last-child:after {
display: none;
}
.single .social-share {
display: inline-block;
vertical-align: middle;
}
/*==============================
Author Section style
==============================*/
.author-section {
overflow: hidden;
border: 1px solid #d8d8d8;
padding: 70px;
border-radius: 5px;
margin: 60px 0;
}
.author-section .img-holder {
float: left;
width: 170px;
margin: 15px 60px 0 0;
}
.author-section .img-holder img {
vertical-align: top;
border-radius: 50%;
}
.author-section .text-holder {
overflow: hidden;
font-size: 0.9em;
}
.author-section .text-holder .name {
font-size: 1.222em;
color: #111;
font-weight: 700;
line-height: 1.772em;
margin: 0;
}
.author-section .text-holder .social-networks {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.author-section .text-holder .social-networks li {
float: left;
margin-right: 15px;
}
.author-section .text-holder .social-networks li a {
display: block;
text-align: center;
background: #0aa3f3;
color: #fff;
width: 36px;
height: 36px;
border-radius: 50%;
font-size: 17px;
line-height: 36px;
}
.author-section .text-holder .social-networks li .fa-facebook {
background: #3b5999;
}
.author-section .text-holder .social-networks li .fa-twitter {
background: #55acee;
}
.author-section .text-holder .social-networks li .fa-instagram {
background: #e4405f;
}
.author-section .text-holder .social-networks li .fa-linkedin {
background: #0077b5;
}
.author-section .text-holder .social-networks li .fa-rss {
background: #ff6d00;
}
.author-section .text-holder .social-networks li .fa-pinterest-p {
background: #bd081c;
}
/*==============================
Related Post / Popular Posts
=============================*/
.related-post,
.popular-post {
margin: 0 0 60px;
}
.related-post .section-title,
.popular-post .section-title {
/* line-height: 1.272em; */
/* font-size: 1.1em; */
/* font-weight: 700; */
/* color: #111; */
/* margin: 0 0 25px; */
}
.related-post .grid,
.popular-post .grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 60px;
}
.related-post .col .post-thumbnail,
.popular-post .col .post-thumbnail {
display: block;
margin: 0 0 20px;
}
.related-post .col .post-thumbnail img,
.popular-post .col .post-thumbnail img {
vertical-align: top;
border-radius: 5px;
}
.related-post .col .entry-title,
.popular-post .col .entry-title {
line-height: 1.444em;
/* font-size: 0.9em; */
font-weight: 500;
margin: 0;
}
.related-post .col .entry-title a,
.popular-post .col .entry-title a {
color: #111;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.related-post .col .entry-title a:hover,
.related-post .col .entry-title a:focus,
.popular-post .col .entry-title a:hover,
.popular-post .col .entry-title a:focus {
text-decoration: none;
color: #0aa3f3;
}
/*===============================
Comment section style
===============================*/
.comments-area {
margin: 0 0 60px;
}
.comments-area .comments-title {
font-size: 1.1em;
line-height: 1.272em;
color: #111;
margin: 0 0 15px;
font-weight: 700;
}
.comments-area ol {
margin: 0;
padding: 0;
list-style: none;
}
.comments-area .comment-list {
background: #f8f9f9;
padding: 40px;
border-radius: 5px;
margin-bottom: 80px;
}
.comments-area .comment-body {
overflow: hidden;
margin: 0 0 30px;
padding-bottom: 30px;
border-bottom: 1px solid #d9d9d9;
}
.comments-area li:last-child .comment-body {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.comments-area .comment-body .comment-meta {
float: left;
width: 70px;
margin-right: 20px;
}
.comments-area .comment-body .comment-meta img {
border-radius: 50%;
vertical-align: top;
}
.comments-area .comment-body .text-holder {
overflow: hidden;
}
.comments-area .comment-body .text-holder .top {
overflow: hidden;
margin: 0 0 5px;
}
.comments-area .comment-body .text-holder .top .left {
float: left;
}
.comments-area .comment-body .text-holder .top .reply {
float: right;
}
.comments-area .comment-body .fn {
font-size: 0.9em;
line-height: 1.444em;
color: #111;
margin: 0;
display: block;
font-weight: 700;
}
.comments-area .comment-body .fn a {
color: #111;
}
.comments-area .comment-body .fn a:hover,
.comments-area .comment-body .fn a:focus {
text-decoration: none;
color: #f3c9dd;
}
.comments-area .comment-body .says {
display: none;
}
.comments-area .comment-body .comment-metadata {
font-size: 0.8em;
}
.comments-area .comment-body .comment-metadata a {
color: #4a4a4a;
}
.comments-area .comment-body .comment-metadata a:hover,
.comments-area .comment-body .comment-metadata a:focus {
text-decoration: none;
color: #0aa3f3;
}
.comments-area .comment-body .reply {
font-size: 0.7em;
letter-spacing: 1px;
text-transform: uppercase;
}
.comments-area .comment-body .reply a {
text-decoration: none;
color: #8f8f8f;
}
.comments-area .comment-body .reply a:hover,
.comments-area .comment-body .reply a:focus {
text-decoration: none;
color: #0aa3f3;
}
.comments-area .comment-body .comment-content {
font-size: 0.9em;
}
.comments-area .comment-body .comment-content p {
margin: 0 0 5px;
}
.comments-area .children {
margin-left: 25px;
}
.comments-area .children li {
padding-left: 30px;
position: relative;
}
.comments-area .bypostauthor .comment-body {
background: #fff;
padding: 25px 30px;
border-radius: 5px;
border: 1px solid #ededed;
}
/*===============================
Comment form style
===============================*/
.comments-area .comment-reply-title {
font-size: 1.1em;
line-height: 1.272em;
color: #111;
margin: 0 0 5px;
font-weight: 700;
}
.comments-area .comment-form label {
display: block;
margin: 0 0 5px;
display: none;
}
.comments-area .comment-form p.comment-form-cookies-consent {
grid-column: 1 / span 2;
}
.comments-area .comment-form .comment-form-cookies-consent input#wp-comment-cookies-consent {
display: inline-block;
vertical-align: middle;
}
.comments-area .comment-form label[for="wp-comment-cookies-consent"] {
display: inline-block;
font-size: 16px;
margin-left: 5px;
}
.comments-area .comment-form {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 25px 30px;
}
.comments-area .comment-form p {
margin: 0;
}
.comments-area .comment-form .comment-notes {
font-size: 0.9em;
grid-column: 1 / span 2;
}
.comments-area .comment-form .comment-form-url,
.comments-area .comment-form .comment-form-comment,
.comments-area .comment-form .form-submit {
grid-column: 1 / span 2;
}
.comments-area .comment-form input[type="text"],
.comments-area .comment-form input[type="email"],
.comments-area .comment-form input[type="url"] {
width: 100%;
}
/*===============================
Single Post Full width
===============================*/
.single.full-width #primary .post {
text-align: left;
}
.single.full-width #primary .post .entry-header {
text-align: center;
}
.single.full-width #primary .post .entry-footer {
text-align: center;
}
.single.full-width #primary .post .entry-footer .category a {
float: none;
display: inline-block;
margin: 0 5px;
}
.single.full-width .related-post,
.single.full-width .popular-post {
text-align: center;
}
.single.full-width .related-post .grid,
.single.full-width .popular-post .grid {
grid-gap: 60px 30px;
}
.full-width .comments-area .comments-title,
.full-width .comments-area .comment-reply-title,
.full-width .comments-area .comment-form .comment-notes,
.full-width .comments-area .comment-form .form-submit {
text-align: center;
}
/*==============================
Contact Page Style
==============================*/
.contact-grid {
display: flex;
flex-direction: row;
}
.contact-grid .left {
align-items: flex-start;
width: 50%;
margin-right: 30px;
}
.contact-grid .right {
align-items: flex-start;
flex: 1 0 0;
}
.contact-grid .right .map-holder {
margin: 0 0 40px;
}
.contact-grid .right .map-holder img {
vertical-align: top;
border-radius: 5px;
}
.contact-grid .right .contact-info h3 {
font-size: 1.2em;
font-weight: 700;
color: #111;
margin: 0 0 15px;
}
.contact-grid .right .contact-info .phone,
.contact-grid .right .contact-info .address,
.contact-grid .right .contact-info .email {
font-size: 0.9em;
font-weight: 400;
color: #111;
margin: 0 0 10px;
}
.contact-grid .right .contact-info .phone a,
.contact-grid .right .contact-info .address a,
.contact-grid .right .contact-info .email a {
color: #111;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.contact-grid .right .contact-info .phone svg,
.contact-grid .right .contact-info .address svg,
.contact-grid .right .contact-info .email svg {
margin-right: 10px;
}
.contact-grid .right .contact-info .address address {
font-style: normal;
margin: 0;
}
.contact-grid .right .contact-info .social-networks {
margin: 40px 0 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.contact-grid .right .contact-info .social-networks li {
float: left;
margin: 0 15px 15px 0;
}
.contact-grid .right .contact-info .social-networks li a {
color: #fff;
width: 36px;
height: 36px;
border-radius: 50%;
background: #0aa3f3;
text-align: center;
line-height: 36px;
}
.contact-grid .right .contact-info .social-networks li a.fa-facebook {
background: #3b5999;
}
.contact-grid .right .contact-info .social-networks li a.fa-twitter {
background: #55acee;
}
.contact-grid .right .contact-info .social-networks li a.fa-instagram {
background: #e4405f;
}
.contact-grid .right .contact-info .social-networks li a.fa-linkedin {
background: #0077b5;
}
.contact-grid .right .contact-info .social-networks li a.fa-pinterest-p {
background: #bd081c;
}
.contact-grid .right .contact-info .social-networks li a.fa-rss {
background: #ff6d00;
}
/*==============================
Team Page Style
==============================*/
.team-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.team-grid .widget {
margin: 0;
}
.team-grid .widget_rrtc_description_widget .image-holder img {
vertical-align: top;
border-radius: 5px 5px 0 0;
}
.team-grid .widget_rrtc_description_widget .rtc-team-holder {
background: #0aa3f3;
text-align: center;
color: #fff;
padding: 0 0 20px;
border-radius: 5px;
}
.team-grid .widget_rrtc_description_widget .text-holder {
padding: 50px 30px 30px;
max-height: 360px;
overflow: auto;
}
.team-grid .widget_rrtc_description_widget .text-holder .name {
display: block;
line-height: 1em;
font-size: 1.047em;
font-weight: 700;
}
.team-grid .widget_rrtc_description_widget .text-holder .designation {
display: block;
font-size: 0.9em;
font-weight: 400;
margin: 0 0 15px;
}
.team-grid .widget_rrtc_description_widget .social-profile {
margin: 0;
padding: 0;
list-style: none;
font-size: 1.2em;
}
.team-grid .widget_rrtc_description_widget .social-profile li {
display: inline-block;
margin: 0 10px 10px;
}
.team-grid .widget_rrtc_description_widget .social-profile li a {
color: #fff;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.team-grid .widget_rrtc_description_widget .social-profile li a:hover,
.team-grid .widget_rrtc_description_widget .social-profile li a:focus {
text-decoration: none;
opacity: 0.7;
}
.team-grid .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: rgba(255, 255, 255, 0.5);
}
/*==============================
Testimonial Page Style
==============================*/
.testimonial-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 70px 30px;
}
/*==============================
FAQ page style
==============================*/
.page-template-faq #crumbs {
max-width: 770px;
margin: 0 auto 15px;
text-align: center;
}
.page-template-faq .page-header {
max-width: 770px;
margin: 0 auto 60px;
text-align: center;
}
.page-template-faq .widget_raratheme_companion_faqs_widget {
max-width: 770px;
margin: 0 auto 60px;
}
.page-template-faq .widget_raratheme_companion_faqs_widget .accordion {
margin: 0;
padding: 0;
list-style: none;
}
.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li {
padding: 30px;
margin: 0;
position: relative;
z-index: 1;
}
.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li::before,
.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li::after {
content: "";
background: #d8d8d8;
top: 0;
left: 0;
height: 1px;
position: absolute;
width: 100%;
border-radius: 5px;
z-index: -1;
-webkit-transition: ease 0.3s;
-moz-transition: ease 0.3s;
transition: ease 0.3s;
}
.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li::before {
left: 30px;
width: auto;
right: 0;
}
.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li::after {
background: none;
border: 1px solid transparent;
}
.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li.show::before,
.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li:first-child::before,
.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li.show+li:before {
opacity: 0;
visibility: hidden;
}
.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li.show::after {
height: 100%;
border-color: #d8d8d8;
}
.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li .toggle {
font-size: 0.9em;
font-weight: 700;
color: #4a4a4a;
display: block;
margin: 0;
position: relative;
padding: 0 30px 0 0;
}
.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li .toggle:after {
width: 18px;
height: 2px;
background: #d8d8d8;
content: "";
position: absolute;
top: 14px;
right: 0;
-webkit-transition: ease 0.3s;
-moz-transition: ease 0.3s;
transition: ease 0.3s;
}
.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li .toggle:before {
width: 2px;
height: 18px;
background: #d8d8d8;
content: "";
position: absolute;
top: 6px;
right: 7px;
-webkit-transition: ease 0.3s;
-moz-transition: ease 0.3s;
transition: ease 0.3s;
}
.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li.show .toggle:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
}
.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li.show .toggle:after {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
/*==============================
Case Study Page Study
==============================*/
.page-template-portfolio #crumbs {
max-width: 830px;
margin: 0 auto 15px;
text-align: center;
}
.page-template-portfolio .page-header {
max-width: 830px;
margin: 0 auto 60px;
text-align: center;
}
.page-template-portfolio .portfolio-holder .filter-grid .element-item {
width: 33.3333%;
}
/*==============================
Secondary style
==============================*/
#secondary {
grid-column: 3 / span 1;
overflow: hidden;
}
.leftsidebar #secondary {
grid-column-start: 1;
grid-row-start: 1;
}
/*================================
Footer Style
================================*/
.site-footer {background: #3e423c;}
.site-footer .footer-t {
padding: 20px 0px 0px 0px;
}
.footer-t .grid {
color: #fff;
}
.footer-t .grid .col {
display: inline-block;
vertical-align: top;
/*width: 22.33%;
margin-right: 3%;*/
}
.footer-t .grid .col:last-child {
margin-right: 0;
}
.footer-t .widget-title {
font-size: 22px;
margin-bottom: 20px;
font-weight: 400;
color: #fff;
font-family: 'Sofia Sans Condensed', sans-serif;
text-transform: uppercase;
}
.widget_text .textwidget {
/*font-size: 0.9em;
letter-spacing: 0.8px;*/
}
.widget ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget ul li {
font-weight: 600;
font-size: 0.9em;
margin-bottom: 10px;
letter-spacing: 0.8px;
}
.widget ul li a {
color: #4a4a4a;
}
.widget ul li a:hover {
color: #0aa3f3;
}
.site-footer .footer-b {
padding: 0px 0px 20px 0px;
border-top: 0px solid rgba(255, 255, 255, 0.2);
text-align: center;
font-family: 'Montserrat';
}
.site-footer .footer-b a {
color: #fff;
}
.site-footer .footer-b a:hover,
.site-footer .footer-b a:focus {
text-decoration: none;
}
.site-footer .footer-b .separator {
margin: 0 10px;
}
.header-t #primary-toggle-button {
display: none;
}
.responsive-menu-holder {
display: none;
}
span.policy_link {
display: inline-block;
margin-left: 10px;
}
/*=======================
WIDGET SEARCH
=======================*/
.widget_search .search-form:after,
.widget_product_search .search-form:after {
content: "";
display: block;
clear: both;
}
.widget_search .search-form {
margin-top: 15px;
width: 100%;
border: 1px solid #d8d8d8;
border-radius: 5px;
padding: 16px 20px;
}
.widget_search .search-form label {
float: left;
width: calc(100% - 15px);
}
.widget_search .search-form input[type="search"] {
border: 0;
padding: 0;
margin: 0;
background: none;
float: left;
font-size: 0.9em;
}
.widget_search .search-form input[type="submit"] {
float: right;
font-size: 0;
border: 0;
border-radius: 0;
padding: 0;
background: url(images/bg-search.png) no-repeat;
width: 15px;
height: 15px;
margin: 6px 0 0;
}
.widget_product_search .search-form {
border: 1px solid #ddd;
border-radius: 5px;
}
.widget_product_search .search-form input.search-field {
width: calc(100% - 50px);
float: left;
border: none;
}
.widget_product_search .search-form label[for="submit-field"] {
width: 40px;
display: inline-block;
border-radius: 5px;
position: relative;
overflow: hidden;
padding: 15px 0;
text-align: center;
cursor: pointer;
}
.widget_product_search .search-form label[for="submit-field"]:hover {
color: #0aa3f3;
}
.widget_product_search .search-form input.search-submit {
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
}
/*===============================
COMMON CSS FOR DEFAULT WIDGET
===============================*/
#secondary .widget_recent_entries ul li,
#secondary .widget_recent_comments ul li,
#secondary .widget_archive ul li,
#secondary .widget_categories ul li,
#secondary .widget_meta ul li,
#secondary .widget_nav_menu ul li,
#secondary .widget_pages ul li,
.widget_rss ul li,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item,
.widget_product_categories ul li {
font-weight: 400;
border-bottom: 1px solid #d8d8d8;
padding-bottom: 15px;
margin-bottom: 15px;
position: relative;
padding-left: 20px;
}
#secondary .widget_recent_entries ul li:last-child,
#secondary .widget_recent_comments ul li:last-child,
#secondary .widget_archive ul li:last-child,
#secondary .widget_categories ul li:last-child,
#secondary .widget_meta ul li:last-child,
#secondary .widget_nav_menu ul li:last-child,
#secondary .widget_pages ul li:last-child,
.widget_rss ul li:last-child,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:last-child,
.widget_product_categories ul li:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
#secondary .widget_recent_entries ul li:before,
#secondary .widget_recent_comments ul li:before,
#secondary .widget_archive ul li:before,
#secondary .widget_categories ul li:before,
#secondary .widget_meta ul li:before,
#secondary .widget_nav_menu ul li:before,
#secondary .widget_pages ul li:before,
.widget_rss ul li:before,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before,
.widget_product_categories ul li:before {
content: "";
background-image: url('data:image/svg+xml; utf-8, ');
background-repeat: no-repeat;
width: 15px;
height: 20px;
background-position: center;
position: absolute;
top: 6px;
left: 0;
font-size: 1.2em;
}
#secondary .widget_nav_menu ul li ul,
#secondary .widget_pages ul li ul,
#secondary .widget_categories ul li ul,
.widget_product_categories ul li ul {
margin-left: 10px;
}
#secondary .widget_nav_menu ul ul li:first-child,
#secondary .widget_pages ul ul li:first-child,
#secondary .widget_categories ul ul li:first-child,
.widget_product_categories ul ul li:first-child {
margin-top: 15px;
}
.widget_categories select,
.widget_archive select {
height: 50px;
border-radius: 5px;
padding: 0 10px;
width: 100%;
}
.widget ul li span.post-date {
display: block;
font-size: 14px;
color: #0aa3f3;
}
/*======================
WIDGET TAG CLOUD
======================*/
#secondary .widget {
margin-bottom: 70px;
}
#secondary .widget:last-child {
margin-bottom: 0;
}
.widget_tag_cloud a {
display: inline-block;
font-size: 0.9em !important;
color: #4a4a4a;
font-weight: 400;
border: 1px solid #d8d8d8;
margin-right: 3px;
margin-bottom: 8px;
padding: 8px 25px;
border-radius: 5px;
}
.widget_tag_cloud a:hover {
background: #0aa3f3;
border-color: #0aa3f3;
color: #fff;
}
/*=====================
WIDGET RSS
=====================*/
.widget_rss ul li {
font-weight: 400;
}
.widget_rss ul li a {
color: #0aa3f3;
}
.widget_rss ul li a:hover {
text-decoration: underline;
}
/*=============================
WIDGET CALENDAR
=============================*/
.widget_calendar table {
margin-bottom: 0;
}
.widget_calendar table caption {
background: #0aa3f3;
color: #fff;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
padding: 5px;
}
.widget_calendar table tr th {
padding: 5px;
border: 1px solid #0aa3f3;
font-size: 16px;
}
.widget_calendar table tr td {
text-align: center;
font-size: 16px;
padding: 5px;
border: 1px solid #0aa3f3;
}
.widget_calendar .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;
border: 1px solid #0aa3f3;
border-top: none;
}
.widget_calendar .wp-calendar-nav span {
font-size: 16px;
font-weight: 600;
padding: 5px 20px;
display: inline-block;
}
.widget_calendar .wp-calendar-nav span.wp-calendar-nav-prev {
width: 40%;
border-right: 1px solid #0aa3f3;
text-align: left;
}
.widget_calendar .wp-calendar-nav span.wp-calendar-nav-next {
width: 40%;
border-left: 1px solid #0aa3f3;
text-align: right;
}
footer .widget_calendar table tr th,
footer .widget_calendar table tr td,
footer .widget_calendar .wp-calendar-nav,
footer .widget_calendar .wp-calendar-nav span.wp-calendar-nav-prev,
footer .widget_calendar .wp-calendar-nav span.wp-calendar-nav-next {
border-color: rgba(255, 255, 255, 1);
}
footer .widget_calendar a {
color: #fff;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
footer .widget_calendar .wp-calendar-nav span.wp-calendar-nav-prev a:hover,
footer .widget_calendar .wp-calendar-nav span.wp-calendar-nav-next a:hover {
color: #fff;
}
.widget_calendar table tr td#today {
background: #0aa3f3;
color: #fff;
}
.widget_calendar table tr td#today a {
color: #4a4a4a;
}
.widget_calendar table tr td#prev {
text-align: left;
padding-left: 20px;
font-weight: 600;
}
.widget_calendar table tr td#next {
text-align: right;
padding-right: 20px;
font-weight: 600;
}
/*===========================
WIDGET CALL TO ACTION
===========================*/
#secondary .widget.widget_raratheme_companion_cta_widget .widget-title,
.top-footer .widget.widget_raratheme_companion_cta_widget .widget-title {
color: #fff;
}
#secondary .widget_raratheme_companion_cta_widget .right,
.top-footer .widget_raratheme_companion_cta_widget .right {
text-align: right;
}
#secondary .widget_raratheme_companion_cta_widget .centered,
.top-footer .widget_raratheme_companion_cta_widget .centered {
text-align: center;
}
#secondary .widget_raratheme_companion_cta_widget .button-wrap,
.top-footer .widget_raratheme_companion_cta_widget .button-wrap {
font-size: 0.9em;
}
#secondary .widget_raratheme_companion_cta_widget .btn-cta,
.top-footer .widget_raratheme_companion_cta_widget .btn-cta {
font-size: 0.888em;
font-weight: 700;
text-transform: uppercase;
background: #fff;
border: 1px solid #fff;
display: inline-block;
border-radius: 5px;
padding: 16px 37px;
margin-top: 20px;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
#secondary .widget_raratheme_companion_cta_widget .btn-cta:hover,
.top-footer .widget_raratheme_companion_cta_widget .btn-cta:hover {
background: #0aa3f3;
color: #fff;
}
/*========================
WIDGET CLIENT LOGO
========================*/
#secondary .widget_raratheme_client_logo_widget .image-holder {
display: inline-block;
margin: 10px;
width: 26%;
vertical-align: top;
}
.widget_raratheme_client_logo_widget .image-holder .black-white {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
}
.widget_raratheme_client_logo_widget .image-holder a:hover .black-white {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
filter: grayscale(0);
}
/*========================
WIDGET FAQ
========================*/
#secondary .widget_raratheme_companion_faqs_widget .accordion {
margin: 0;
padding: 0;
list-style: none;
text-align: right;
}
.widget_raratheme_companion_faqs_widget a.expand-faq {
font-size: 14px;
font-weight: 600;
color: #4a4a4a;
border-bottom: 2px solid;
margin-bottom: 20px;
display: inline-block;
line-height: 1.4;
}
.widget_raratheme_companion_faqs_widget a.expand-faq:hover {
color: #0aa3f3;
}
.widget_raratheme_companion_faqs_widget a.expand-faq svg {
margin-right: 5px;
}
#secondary .widget_raratheme_companion_faqs_widget .accordion li {
padding: 30px;
margin: 0;
position: relative;
z-index: 1;
text-align: left;
}
#secondary .widget_raratheme_companion_faqs_widget .accordion li::before,
#secondary .widget_raratheme_companion_faqs_widget .accordion li::after {
content: "";
background: #d8d8d8;
top: 0;
left: 0;
height: 1px;
position: absolute;
width: 100%;
border-radius: 5px;
z-index: -1;
-webkit-transition: ease 0.3s;
-moz-transition: ease 0.3s;
transition: ease 0.3s;
}
#secondary .widget_raratheme_companion_faqs_widget .accordion li::before {
left: 30px;
width: auto;
right: 0;
}
#secondary .widget_raratheme_companion_faqs_widget .accordion li::after {
background: none;
border: 1px solid transparent;
}
#secondary .widget_raratheme_companion_faqs_widget .accordion li.show::before,
#secondary .widget_raratheme_companion_faqs_widget .accordion li:first-child::before,
#secondary .widget_raratheme_companion_faqs_widget .accordion .expand-faq+li::before,
#secondary .widget_raratheme_companion_faqs_widget .accordion li.show+li:before {
opacity: 0;
visibility: hidden;
}
#secondary .widget_raratheme_companion_faqs_widget .accordion li.show::after {
height: 100%;
border-color: #d8d8d8;
}
#secondary .widget_raratheme_companion_faqs_widget .accordion li .toggle {
font-size: 0.9em;
font-weight: 700;
color: #4a4a4a;
display: block;
margin: 0;
position: relative;
padding: 0 30px 0 0;
}
.widget_raratheme_companion_faqs_widget .accordion li .toggle {
word-break: normal;
}
#secondary .widget_raratheme_companion_faqs_widget .accordion li .toggle:after {
width: 18px;
height: 2px;
background: #d8d8d8;
content: "";
position: absolute;
top: 14px;
right: 0;
-webkit-transition: ease 0.3s;
-moz-transition: ease 0.3s;
transition: ease 0.3s;
}
#secondary .widget_raratheme_companion_faqs_widget .accordion li .toggle:before {
width: 2px;
height: 18px;
background: #d8d8d8;
content: "";
position: absolute;
top: 6px;
right: 7px;
-webkit-transition: ease 0.3s;
-moz-transition: ease 0.3s;
transition: ease 0.3s;
}
#secondary .widget_raratheme_companion_faqs_widget .accordion li.show .toggle:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
}
#secondary .widget_raratheme_companion_faqs_widget .accordion li.show .toggle:after {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
.widget_raratheme_companion_faqs_widget .accordion .inner {
font-weight: 400;
letter-spacing: 0.5px;
font-size: 16px;
margin-top: 15px;
word-break: normal;
}
/*=========================
WIDGET FEATURED PAGE
=========================*/
#secondary .widget_raratheme_featured_page_widget .right {
text-align: right;
}
#secondary .widget_raratheme_featured_page_widget .left {
text-align: left;
}
#secondary .widget_raratheme_featured_page_widget .centered {
text-align: center;
}
#secondary .widget_raratheme_featured_page_widget p.section-subtitle {
margin-bottom: 10px;
font-weight: 600;
color: #d8d8d8;
font-size: 0.9em;
}
.btn-readmore {
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
border: 1px solid #0aa3f3;
display: inline-block;
border-radius: 5px;
padding: 16px 37px;
margin-top: 0px;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.btn-readmore:hover {
background: #0aa3f3;
color: #fff;
}
.btn-readmore:focus {
outline-offset: 2px;
}
.widget_raratheme_featured_page_widget .img-holder {
margin-top: 30px;
}
/*====================
WIDGET ICON TEXT
====================*/
#secondary .widget_rrtc_icon_text_widget .rtc-itw-inner-holder {
display: grid;
grid-row-gap: 30px;
text-align: center;
}
#secondary .widget_rrtc_icon_text_widget .icon-holder {
grid-row-start: 1;
grid-row-end: 2;
}
#secondary .widget_rrtc_icon_text_widget .icon-holder svg {
font-size: 97px;
color: #0aa3f3;
}
#secondary .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .widget-title {
font-size: 1em;
}
/*==================================
WIDGET POPULAR AND RECENT POST
==================================*/
#secondary .widget .widget-title {
font-family: "Montserrat";
font-weight: 700;
font-size: 1.1em;
color: #000;
}
#secondary .widget_raratheme_popular_post ul li,
#secondary .widget_raratheme_recent_post ul li {
margin-bottom: 25px;
}
#secondary .widget_raratheme_popular_post ul li:last-child,
#secondary .widget_raratheme_recent_post ul li:last-child {
margin-bottom: 0;
}
#secondary .widget_raratheme_popular_post ul li .post-thumbnail {
width: 110px;
border-radius: 5px;
overflow: hidden;
margin-right: 20px;
}
#secondary .widget_raratheme_recent_post ul li .post-thumbnail {
float: none;
width: auto;
display: inline-block;
margin-right: 0;
margin-bottom: 10px;
border-radius: 7px;
overflow: hidden;
}
#secondary .widget_raratheme_popular_post ul li .entry-header .entry-title,
#secondary .widget_raratheme_recent_post ul li .entry-header .entry-title {
font-size: 0.9em;
font-family: "Montserrat";
line-height: 1.4em;
letter-spacing: 0;
margin-bottom: 0;
color: #000;
}
#secondary .widget_raratheme_popular_post ul li .entry-header .entry-meta,
#secondary .widget_raratheme_recent_post ul li .entry-header .entry-meta {
margin-top: 10px;
}
/*=========================
WIDGET SOCIAL LINKS
=========================*/
#secondary .widget_raratheme_social_links {
text-align: center;
border: 1px solid #d8d8d8;
border-radius: 6px;
padding: 20px;
}
#secondary .widget_raratheme_social_links ul li {
float: none;
display: inline-block;
margin-right: 0;
}
#secondary .widget_raratheme_social_links ul li a {
width: 36px;
height: 36px;
line-height: 36px;
color: #fff;
font-weight: 400;
font-size: 17px;
border-radius: 100%;
margin-right: 10px;
}
#secondary .widget_raratheme_social_links ul li a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.widget.widget_raratheme_social_links ul li a:hover {
color: #fff;
}
/*==================================
RARATHEME POST SLIDER WIDGET
==================================*/
.widget_rara_posts_category_slider_widget .carousel-title {
margin-top: 20px;
}
.widget_rara_posts_category_slider_widget .cat-links {
display: block;
font-size: 0.8em;
font-weight: 400;
}
.widget_rara_posts_category_slider_widget .cat-links a {
color: #676767;
display: inline-block;
margin-right: 15px;
}
.widget_rara_posts_category_slider_widget .cat-links a:last-child {
margin-right: 0;
}
.widget_rara_posts_category_slider_widget .title {
font-size: 0.9em;
margin-bottom: 0;
}
.widget_rara_posts_category_slider_widget .title a {
color: #4a4a4a;
}
.widget_rara_posts_category_slider_widget .cat-links a:hover,
.widget_rara_posts_category_slider_widget .title a:hover {
color: #0aa3f3;
}
.widget_rara_posts_category_slider_widget .owl-carousel {
padding-bottom: 30px;
}
.widget_rara_posts_category_slider_widget .owl-theme .owl-nav [class*="owl-"] {
background: rgba(0, 0, 0, 0.1);
top: 30%;
width: 40px;
height: 40px;
line-height: 40px;
}
.widget_rara_posts_category_slider_widget .owl-theme .owl-nav [class*="owl-"]:hover {
background: rgba(0, 0, 0, 0.2);
}
.widget_rara_posts_category_slider_widget .owl-theme .owl-dots {
bottom: 0;
}
.widget_rara_posts_category_slider_widget .owl-theme .owl-dots .owl-dot span {
background: #ddd;
}
.widget_rara_posts_category_slider_widget .owl-theme .owl-dots .owl-dot.active span,
.widget_rara_posts_category_slider_widget .owl-theme .owl-dots .owl-dot:hover span {
background: #0aa3f3;
}
/*===============================
RARATHEME SOCIAL ICON WIDGET
===============================*/
.widget_rtc_social_links .rtc-social-icon-wrap {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.widget_rtc_social_links .rtc-social-icon-wrap a {
display: inline-block;
vertical-align: middle;
border: 1px solid #ddd;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
border-radius: 100%;
}
.widget_rtc_social_links .rtc-social-icon-wrap a:hover {
background: #0aa3f3;
border-color: #0aa3f3;
color: #fff;
}
/*=================================
Responsive Style
=================================*/
@media only screen and (min-width: 1400px) {
.custom-background #page,
.custom-background.homepage.hasbanner .site-header {
width: 1370px;
}
}
@media only screen and (max-width: 1230px) {
.custom-background #page,
.custom-background.homepage.hasbanner .site-header {
width: 95%;
}
.our-features .features-content {
max-width: 600px;
}
.main-header .right .btn-buy {
font-size: 0.7em;
padding-left: 20px;
padding-right: 20px;
margin-left: 15px;
}
.main-navigation ul {
font-size: 0.65em;
}
.main-navigation ul li {
margin-left: 25px;
}
}
@media only screen and (max-width: 1024px) {
.container,
.our-features .features-content {
max-width: 768px;
}
.tax-rara_portfolio_categories .filter-grid {
grid-template-columns: repeat(2, 1fr);
}
.tax-rara_portfolio_categories .filter-grid .navigation {
grid-column: 1 / span 2;
}
.our-features .widget.widget_media_image {
position: static;
width: 100%;
grid-column: 1 / span 2;
}
.our-features .widget.widget_media_image .wp-caption {
position: relative;
}
.our-features .widget.widget_media_image img {
position: static;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
#content .content-grid {
grid-template-columns: repeat(1, 1fr);
}
.leftsidebar #primary {
grid-column: 1 / span 1;
}
.leftsidebar #secondary {
grid-column: 1 / span 1;
grid-row-start: 2;
}
#primary,
#secondary {
grid-column: 1 / span 3;
}
.site-header .header-t .contact-info {
display: none;
}
.site-header .social-networks {
float: left;
font-size: 1.3em;
margin-top: 8px;
}
#primary-toggle-button {
display: block;
/*float: right;*/
width: 40px;
height: 50px;
border-radius: 3px;
background: #fff;
padding: 12px 0;
cursor: pointer;
position: relative;
margin: 0 auto !important;
}
#primary-toggle-button span {
display: block;
width: 30px;
height: 5px;
background: #ff6600;
margin: 0 auto 3px;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
#primary-toggle-button.close span:first-child {
-webkit-transform: rotate(45deg) translate(5px, 5px);
-moz-transform: rotate(45deg) translate(5px, 5px);
transform: rotate(45deg) translate(5px, 5px);
margin-bottom: 0;
}
#primary-toggle-button.close span:nth-child(2) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
#primary-toggle-button.close span:last-child {
-webkit-transform: rotate(-45deg) translate(2px, -1px);
-moz-transform: rotate(-45deg) translate(2px, -1px);
transform: rotate(-45deg) translate(2px, -1px);
margin-bottom: 0;
}
.site-branding {
text-align: left;
justify-content: center;
}
.main-header .right {
display: table;
text-align: center;
margin: 0 auto;
}
.responsive-menu-holder {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #ff6600;
display: none;
padding: 10px 0 40px;
z-index: 9999;
}
.site-header .header-t .responsive-menu-holder a,
.site-header .header-t .responsive-menu-holder .address,
.site-header .header-t .responsive-menu-holder .contact-info svg {
color: rgba(255, 255, 255, 0.7);
}
.site-header .header-t .responsive-menu-holder a:hover {
color: rgba(255, 255, 255, 1);
}
.site-header .header-t {
position: relative;
}
.header-t.hide-header-top {
display: block;
}
.site-header .header-t.bg-color {
background: #0aa3f3;
}
.site-header .responsive-menu-holder .social-networks-holder {
/* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */
padding: 8px 0px 20px 30px;
/* margin: 0 0 20px; */
}
.site-header .responsive-menu-holder .social-networks {
float: none;
display: block;
overflow: hidden;
margin: 0;
}
.main-navigation {
margin: 0 0 30px;
}
.main-navigation ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 1.1em;
/* font-weight: 600; */
/* text-transform: uppercase; */
}
.main-navigation ul li {
position: relative;
}
.main-navigation ul li a {
padding: 14px 30px;
color: rgba(255, 255, 255) !important;
position: relative;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
display: block;
}
.main-navigation ul li a:hover,
.main-navigation ul li a:focus,
.main-navigation ul li:hover>a,
.main-navigation ul li:focus>a {
color: #fff !important;
}
.main-navigation ul li a:hover:after,
.main-navigation ul li a:focus:after,
.main-navigation ul li:hover>a:after,
.main-navigation ul li:focus>a:after {
height: 2px;
}
.main-navigation ul li a:after {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
background: rgba(255, 255, 255, 0.5);
}
.main-navigation ul li span.submenu-toggle {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 66px;
line-height: 66px;
text-align: center;
font-size: 25px;
color: rgba(255, 255, 255, 0.5);
cursor: pointer;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.main-navigation ul li span.submenu-toggle.active {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.main-navigation ul ul {
margin-left: 0;
font-size: 1em;
text-transform: none;
font-weight: 400;
display: none;
background: rgba(255, 255, 255, 0.1);
}
.main-navigation ul li {
margin-left: 0;
}
.responsive-menu-holder .btn-buy {
display: block;
font-weight: 900;
text-transform: uppercase;
color: #fff;
background: #0792db;
border: 1px solid #0792db;
border-radius: 5px;
font-size: 1.1em;
padding: 10px 34px;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
text-align: center;
margin: 0 0 30px;
}
.responsive-menu-holder .btn-buy svg {
margin-right: 7px;
}
.responsive-menu-holder .btn-buy:hover,
.responsive-menu-holder .btn-buy:focus {
text-decoration: none;
color: #0aa3f3 !important;
background: #fff;
border-color: #fff;
}
.site-header .header-t .responsive-menu-holder .contact-info {
display: block;
float: none;
font-size: 1.1em;
text-align: center;
font-weight: 400;
}
.site-header .header-t .responsive-menu-holder .contact-info div {
float: none;
display: block;
margin: 0 0 20px;
}
.site-header .main-header {
text-align: center;
}
.site-branding .site-title {
margin: 0;
font-size: 1.55em;
}
.homepage.hasbanner .site-header .main-header {
text-align: center;
}
.banner img {
height: 700px;
}
.banner .banner-text .text-holder .title {
font-size: 2.3em;
}
/*section title font size*/
.our-services .widget.widget_text .widget-title,
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .widget-title,
.our-features .widget.widget_text .widget-title,
.our-team .widget.widget_text .widget-title,
.our-testimonial .widget.widget_text .widget-title,
.our-stats .widget.widget_text .widget-title,
.our-skills .text-holder .title,
.portfolio .widget.widget_text .widget-title,
.blog-section .section-header .widget_text .widget-title,
.our-pricing .section-header .widget_text .widget-title,
.cta .widget .widget-title,
.faq-section .widget.widget_text .widget-title,
.contact-section .section-header .widget_text .widget-title {
font-size: 1.7em;
}
.our-services .grid {
grid-template-columns: repeat(2, 1fr);
}
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder {
flex-direction: column;
}
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder {
padding: 0;
margin: 0 0 30px;
}
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .img-holder {
margin: 0;
}
.our-team .grid {
grid-template-columns: repeat(2, 1fr);
}
.our-testimonial .grid .widget_rrtc_testimonial_widget .text-holder {
padding: 20px;
}
.our-stats .grid {
grid-template-columns: repeat(2, 1fr);
grid-gap: 50px 30px;
}
.our-stats .widget_raratheme_companion_stat_counter_widget .hs-counter {
font-size: 1.7em;
}
.our-skills .container {
flex-direction: column;
}
.our-skills .text-holder {
width: 100%;
margin: 0;
}
.portfolio-holder .filter-grid .element-item,
.page-template-portfolio .portfolio-holder .filter-grid .element-item {
width: 50%;
}
.our-pricing .pricing-holder .col.popular-plan .tag {
min-width: 65%;
}
.blog-section .grid {
grid-template-columns: repeat(2, 1fr);
grid-gap: 50px 30px;
}
.contact-section .holder {
flex-direction: column;
}
.contact-section .holder .left {
width: 100%;
margin: 0 0 30px;
}
.contact-section .holder .left .contact-detail {
text-align: center;
font-size: 1.1em;
}
.contact-section .holder .left .contact-detail .tel-link,
.contact-section .holder .left .contact-detail address,
.contact-section .holder .left .contact-detail .email-link,
.contact-section .holder .left .contact-detail .social-networks {
display: block;
margin: 0 0 20px;
}
.contact-section .holder .left .contact-detail .social-networks {
text-align: center;
}
.contact-section .holder .left .contact-detail .social-networks li {
float: none;
display: inline-block;
margin: 0 8px 15px;
}
.contact-section .holder .left .map-holder img,
.contact-section .holder .form-holder img {
width: 100%;
}
.our-clients .widget .raratheme-client-logo-inner-holder {
grid-template-columns: repeat(3, 1fr);
}
.our-clients .widget .widget-title {
grid-column: 1 / span 1;
}
.contact-grid {
text-align: center;
flex-direction: column;
}
.contact-grid .left {
width: 100%;
margin-right: 0;
margin-bottom: 80px;
}
.contact-grid .right .contact-info .social-networks li {
float: none;
display: inline-block;
margin-right: 5px;
}
.error404 .recent-post .section-title {
text-align: center;
}
.error-holder .text-holder .search-form label,
.page-header .search-form label {
width: calc(100% - 15px);
}
.error404 .recent-post .grid {
grid-template-columns: repeat(2, 1fr);
}
.error-holder {
align-items: start;
}
.error-holder .img-holder {
width: 35%;
margin-right: 30px;
}
.error-holder .text-holder {
text-align: left;
}
.team-grid {
grid-template-columns: repeat(2, 1fr);
}
.author-section {
padding: 40px;
}
#primary .post .entry-content h1,
#primary .page .entry-content h1 {
}
#primary .post .entry-content h2,
#primary .page .entry-content h2 {
}
#primary .post .entry-content h3,
#primary .page .entry-content h3 {
font-size: 1em;
}
#primary .post .entry-content h4,
#primary .page .entry-content h4 {
font-size: 1.1em;
}
#primary .post .entry-content h5,
#primary .page .entry-content h5 {
font-size: 0.9em;
}
#primary .post .entry-content h6,
#primary .page .entry-content h6 {
font-size: 0.8em;
}
.single #primary .post .entry-header .entry-title {
font-size: 1.4em;
}
.single.full-width #primary .post .entry-header,
.single.full-width #crumbs,
.single.full-width #primary .post .entry-footer,
.full-width .comments-area .comments-title,
.full-width .comments-area .comment-reply-title,
.full-width .comments-area .comment-form .comment-notes,
.full-width .comments-area .comment-form .form-submit {
text-align: left;
}
.single.full-width #primary .post .entry-footer .category a {
margin-top: 5px;
margin-bottom: 5px;
}
.our-services .grid .widget.widget_text,
.our-features .widget.widget_text,
.our-team .widget.widget_text,
.our-testimonial .widget.widget_text,
.our-stats .widget.widget_text {
grid-column: 1 / span 2;
}
.cta .widget .right .widget-title,
.cta .widget .right .text-holder {
width: 100%;
}
.cta .widget .right .button-wrap {
position: static;
margin-top: 40px;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
.cta .widget .right .btn-cta+.btn-cta {
margin-top: 10px;
}
.footer-t .grid .col {
width: 48%;
}
.footer-t .grid .col:nth-child(2n) {
margin-right: 0;
}
.tax-rara_portfolio_categories .filter-grid article {
width: 50%;
}
.footer-t .grid .col {
width: 48%;
}
.footer-t .grid .col:nth-child(2n) {
margin-right: 0;
}
}
@media screen and (max-width: 899px) {
.video-banner .wp-custom-header {
padding-bottom: 0;
height: auto;
}
}
@media only screen and (max-width: 767px) {
.banner .banner-text .btn-holder .btn-view-service,
.banner .banner-text .btn-holder .btn-free-inquiry {
min-width: 270px;
margin-bottom: 26px;
}
.page-header .page-title {
font-size: 1.7em;
}
#primary .site-main article .entry-header .entry-title {
font-size: 1.4em;
}
.author-section .text-holder .social-networks li {
margin-bottom: 10px;
}
.our-pricing .pricing-holder .col .btn-signup {
padding-left: 40px;
padding-right: 40px;
}
.our-services,
.our-team,
.our-testimonial,
.faq-section,
.our-clients {
margin-top: 60px;
margin-bottom: 60px;
}
.faq-section {
padding-bottom: 60px;
}
.featured-page,
.our-stats {
padding-top: 60px;
padding-bottom: 60px;
}
.portfolio,
.blog-section {
margin-top: 70px;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 600px) {
.primary-menu-list {
top: 0px !important;
}
.site-branding .site-title {
font-size: 1.2em;
}
.banner .banner-text {
top: 40%;
}
.banner .banner-text .text-holder .title {
font-size: 1.65em;
}
.banner .banner-text .btn-holder .btn-free-inquiry {
padding-left: 37px;
padding-right: 37px;
}
.page-template-faq .page-header p {
display: none;
}
.container,
.portfolio-holder .filter-grid {
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.our-services .grid,
.our-features .grid,
.our-team .grid,
.our-testimonial .grid,
.blog-section .grid,
.error404 .recent-post .grid,
.team-grid,
.related-post .grid,
.popular-post .grid,
.testimonial-grid {
grid-template-columns: repeat(1, 1fr);
}
.our-services .grid .widget.widget_text,
.our-features .widget.widget_text,
.our-team .widget.widget_text,
.our-testimonial .widget.widget_text,
.our-stats .widget.widget_text {
grid-column: 1 / span 1;
}
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .img-holder {
width: 100%;
}
.our-features .widget.widget_media_image {
grid-column: 1 / span 1;
}
.our-features .widget.widget_media_image img {
position: static;
}
.portfolio-holder .button-group .button {
font-size: 0.7em;
margin-left: 5px;
margin-right: 5px;
}
.portfolio-holder .filter-grid .element-item,
.page-template-portfolio .portfolio-holder .filter-grid .element-item {
width: 100%;
}
.our-pricing .pricing-holder .col {
width: 100%;
margin-bottom: 60px;
}
.our-pricing .pricing-holder .col:last-child {
margin-bottom: 0;
}
.our-clients .widget .raratheme-client-logo-inner-holder {
grid-template-columns: repeat(2, 1fr);
}
.our-clients .widget .widget-title {
grid-column: 1 / span 2;
}
.cta .widget .btn-cta {
padding-left: 60px;
padding-right: 60px;
}
.error-holder {
flex-direction: column;
}
.error-holder .img-holder {
margin-right: 0;
width: 100%;
margin-bottom: 40px;
}
.error-holder .text-holder,
.error404 .page-header,
.error404 #crumbs {
text-align: center;
}
.full-width #content .content-grid {
max-width: inherit;
display: block;
}
.author-section .img-holder {
float: none;
margin: 0 0 30px 0;
}
#primary .post .entry-content blockquote,
#primary .page .entry-content blockquote {
padding-left: 35px;
padding-right: 35px;
}
#primary .post .entry-content .pull-right,
#primary .page .entry-content .pull-right {
float: none;
width: 100%;
display: block;
margin-left: 0;
}
#primary .post .entry-content table,
#primary .page .entry-content table {
font-size: 0.9em;
}
.author-section,
.page-template-testimonial #crumbs,
.page-template-testimonial .page-header .page-title {
text-align: center;
}
.author-section .img-holder {
margin-left: auto;
margin-right: auto;
}
.author-section .text-holder .social-networks li {
float: none;
display: inline-block;
margin-left: 5px;
margin-right: 5px;
}
.comments-area .comment-form {
display: block;
}
.comments-area .comment-form p {
margin-bottom: 20px;
}
.comments-area form input[type="submit"] {
width: 100%;
}
.single.full-width .related-post,
.single.full-width .popular-post {
text-align: left;
}
.testimonial-grid {
grid-gap: 20px;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous,
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: none;
width: 100%;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
margin-bottom: 20px;
}
.post-navigation .nav-links div.nav-previous a {
padding-right: 0;
}
.post-navigation .nav-links div.nav-next a {
padding-left: 0;
}
.footer-t .grid .col {
width: 100%;
margin-right: 0;
}
.banner .banner-text {
-webkit-transform: translate(0, -12%);
-moz-transform: translate(0, -12%);
-ms-transform: translate(0, -12%);
-o-transform: translate(0, -12%);
transform: translate(0, -12%);
}
.banner .banner-text .btn-holder .btn-view-service,
.banner .banner-text .btn-holder .btn-free-inquiry {
min-width: unset;
padding: 10px 20px;
font-size: 14px;
margin: 0 10px 10px;
}
.homepage.hasbanner .site-header .header-t a {
font-size: 14px;
}
}
@media only screen and (max-width: 600px) and (orientation: portrait) {
.our-stats .grid,
.our-clients .widget .raratheme-client-logo-inner-holder {
grid-template-columns: repeat(1, 1fr);
}
.our-clients .widget .widget-title {
grid-column: 1 / span 1;
}
.comments-area .comment-list {
padding: 20px;
}
.comments-area .comment-body .comment-meta {
float: none;
margin-right: 0;
margin-bottom: 20px;
}
.tax-rara_portfolio_categories .filter-grid {
grid-template-columns: repeat(1, 1fr);
}
.tax-rara_portfolio_categories .filter-grid .navigation {
grid-column: 1 / span 1;
}
}
@media (min-width: 1024px) {
.responsive-menu-holder {
display: none !important;
}
}
@media (max-width: 1024px) {
html {
position: unset !important;
top: 0 !important;
}
body {
padding-top: 0px !important;
}
.responsive-menu-holder .mobile-navigation .close-main-nav-toggle {
width: 40px;
height: 40px;
border-radius: 3px;
top: 0px;
padding: 0;
cursor: pointer;
position: absolute;
right: 5px;
z-index: 99999999999999;
color: #ff6600;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
line-height: 0;
border: 1px solid #ff6600;
background: #fff;
}
.responsive-menu-holder .mobile-navigation .close-main-nav-toggle:focus {
}
.responsive-menu-holder .nav-menu {
margin: 0 0 30px;
}
.primary-menu-list {
position: relative;
}
.responsive-menu-holder .social-networks li a {
padding: 0px;
color: #fff !important;
}
.responsive-menu-holder .social-networks li a:focus {
color: #d8d8d8 !important;
}
.site-header .responsive-menu-holder .social-networks-holder {
left: 50%;
margin-left: -52vw;
margin-right: -50vw;
max-width: 100vw;
position: relative;
right: 50%;
width: 100vw;
}
.main-navigation ul li button.submenu-toggle {
position: absolute;
top: -5px;
right: 0px;
width: 50px;
height: 0px;
border: 0;
outline: 0;
padding: 0;
background: transparent;
text-align: center;
font-size: 20px;
color: rgba(255, 255, 255, 0.5);
cursor: pointer;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.main-navigation ul li button.submenu-toggle:focus {
}
.main-navigation ul li button.submenu-toggle.active {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.header-t #primary-toggle-button {
display: block;
}
.header-t #primary-toggle-button:focus {
}
}
@media (min-width: 1024px) {
.header-t #primary-toggle-button {
display: none !important;
}
}
/* Widget Fixes */
/* Footer */
.site-footer .widget_raratheme_companion_faqs_widget .col {
width: 100%;
}
.site-footer .widget_raratheme_companion_faqs_widget .col .raratheme-faq-holder .accordion li {
position: relative;
}
.site-footer .widget_raratheme_companion_faqs_widget .accordion li .toggle:hover {
color: white;
}
.site-footer .widget_raratheme_companion_faqs_widget a.expand-faq {
color: #fff;
}
.site-footer .widget_raratheme_companion_stat_counter_widget .col {
width: 100%;
}
.site-footer .widget_rrtc_testimonial_widget .testimonial-content {
padding: 12px;
}
.site-footer .widget_raratheme_recent_post ul li .entry-header .entry-title a:hover,
.site-footer .widget_raratheme_popular_post ul li .entry-header .entry-title a:hover {
color: #fff;
}
.site-footer .widget_raratheme_companion_cta_widget .text,
.site-footer .widget_raratheme_companion_cta_widget .bttk-cta-bg {
padding: 20px;
}
.site-footer .widget_rara_posts_category_slider_widget .cat-links a {
color: white;
font-size: large;
}
.site-footer .widget_rara_posts_category_slider_widget .title a {
color: white;
font-size: 20px;
}
.site-footer .contact-info ul.contact-list li b {
color: #fff;
}
.site-footer .contact-info ul.contact-list li {
color: #fff;
}
.site-footer ::placeholder {
color: #fff;
}
.site-footer .widget_search .search-form input[type="submit"] {
background-color: white;
}
.site-footer .widget_rrtc_icon_text_widget .btn-readmore {
color: white;
border: 1px solid #f7f7f7;
}
.site-footer .icon-holder {
display: block;
margin: 25px auto;
}
/* Sidebar */
#secondary .widget_raratheme_featured_page_widget .right {
text-align: left;
}
#secondary .widget_rrtc_testimonial_widget .testimonial-content {
padding: 12px;
}
#secondary .widget_raratheme_companion_cta_widget .text,
#secondary .widget_raratheme_companion_cta_widget .bttk-cta-bg {
padding: 30px;
}
#secondary .widget_rara_posts_category_slider_widget .carousel-title {
text-align: left;
}
#secondary .widget .widget_rtc_contact_social_links .contact-info ul.contact-list li b {
color: black;
}
#secondary ::placeholder {
color: black;
}
/* Rara Companion Widget Fixes */
.site-footer .widget_raratheme_featured_page_widget .section-subtitle span {
color: #fff;
}
#secondary .widget_raratheme_featured_page_widget .section-subtitle span {
color: #121212;
}
.site-footer .widget_raratheme_featured_page_widget .text-holder .featured_page_content .btn-readmore {
color: #fff;
background: #0aa3f3;
}
.site-footer .widget_raratheme_featured_page_widget .text-holder .featured_page_content .btn-readmore:hover {
color: #0aa3f3;
background: #fff;
}
/* client logo */
.site-footer .widget_raratheme_client_logo_widget .raratheme-client-logo-holder .raratheme-client-logo-inner-holder .image-holder:not(:last-child) {
margin-bottom: 20px;
}
.site-footer .widget_raratheme_client_logo_widget .raratheme-client-logo-holder .image-holder {
text-align: center;
}
/* Site footer */
.site-footer .widget_raratheme_companion_cta_widget .raratheme-cta-container .button-wrap .btn-cta {
font-size: 0.888em;
font-weight: 700;
text-transform: uppercase;
border: 1px solid #fff;
display: inline-block;
border-radius: 5px;
padding: 16px 37px;
margin-top: 20px;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.site-footer .widget_raratheme_companion_cta_widget .raratheme-cta-container .button-wrap .btn-cta:hover {
background: #fff;
color: #0aa3f3;
}
.site-footer .widget_raratheme_companion_cta_widget .text.right {
text-align: right !important;
}
/* Custom Categories Slider */
.site-footer .widget_raratheme_custom_categories .raratheme-custom-categories-wrap .raratheme-custom-categories-meta-wrap li {
position: relative;
}
.site-footer .widget_raratheme_custom_categories .raratheme-custom-categories-wrap .raratheme-custom-categories-meta-wrap li a {
background-color: #0aa3f3;
}
.site-footer .widget_raratheme_custom_categories .raratheme-custom-categories-wrap .raratheme-custom-categories-meta-wrap li a .post-count {
background: #006ba1;
}
/* Author Bio Fixes */
.site-footer .widget_raratheme_author_bio .author-bio-socicons .author-socicons li {
margin: 0 5px 10px;
border-bottom: 0;
}
.site-footer .widget_raratheme_author_bio .title-holder {
color: #fff;
}
.site-footer .widget_raratheme_author_bio .text-holder .readmore {
font-size: 0.888em;
font-weight: 700;
text-transform: uppercase;
border: 1px solid #fff;
display: inline-block;
background: transparent;
border-radius: 5px;
padding: 16px 37px;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.site-footer .widget_raratheme_author_bio .text-holder .readmore:hover {
background: #fff;
color: #0aa3f3;
}
.site-footer .widget_raratheme_author_bio .text-signature {
color: #fff;
}
.site-footer .widget_raratheme_author_bio .author-bio-socicons ul li a:hover {
color: #fff;
}
/* faq accordion arrow fixes */
.site-footer .widget_raratheme_companion_faqs_widget .raratheme-faq-holder ul.accordion li a.toggle::after {
background: url('data:image/svg+xml; utf-8, ');
background-repeat: no-repeat;
}
/* Testimonial fixes */
.site-footer .widget_rrtc_testimonial_widget .rtc-testimonial-holder .text-holder .name {
color: #fff;
}
#secondary .widget_rrtc_testimonial_widget .rtc-testimonial-holder .testimonial-content {
margin-bottom: 0px;
}
/* Stat Counter */
.site-footer .widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder .icon-holder {
color: #fff;
}
.site-footer .odometer-inside {
color: #fff;
}
.site-footer .widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder {
margin-bottom: 40px;
}
/* Image text Widget */
.site-footer .widget_raratheme_image_text_widget .raratheme-itw-holder li a img,
#secondary .widget_raratheme_image_text_widget .raratheme-itw-holder li a img {
width: 100%;
}
.site-footer .widget_raratheme_image_text_widget ul li .btn-readmore,
#secondary .widget_raratheme_image_text_widget ul li .btn-readmore {
width: fit-content;
}
/* contact Widget fixes*/
.site-footer .widget_rtc_contact_social_links .rtc-contact-widget-wrap .social-networks li,
#secondary .widget_rtc_contact_social_links .rtc-contact-widget-wrap .social-networks li {
font-size: 1.25em;
}
.site-footer .widget_rtc_contact_social_links .rtc-contact-widget-wrap .social-networks li a:hover {
color: #fff;
}
.site-footer .widget_rtc_contact_social_links .rtc-contact-widget-wrap .contact-list li a:hover {
color: #fff;
}
/* FEATURED PAGE WIDGET FIXES */
.site-footer .widget_raratheme_featured_page_widget .widget-featured-holder,
#secondary .site-footer .widget_raratheme_featured_page_widget .widget-featured-holder {
display: flex;
flex-direction: column;
}
.site-footer .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder,
#secondary .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder {
order: 3;
}
.site-footer .widget_raratheme_featured_page_widget .widget-featured-holder .img-holder,
#secondary .widget_raratheme_featured_page_widget .widget-featured-holder .img-holder {
margin-bottom: 20px;
margin-top: 0;
}
/* SideBar Recent-post layout one fixes */
#secondary .widget_raratheme_recent_post .style-one li .post-thumbnail {
float: left;
width: 80px;
height: 80px;
margin-right: 20px;
}
.site-footer .widget_raratheme_recent_post ul li .entry-header .cat-links,
#secondary .widget_raratheme_recent_post ul li .entry-header .cat-links {
display: block;
}
.site-footer .widget_raratheme_recent_post ul.style-two li .entry-header,
#secondary .widget_raratheme_recent_post ul.style-two li .entry-header,
.site-footer .widget_raratheme_recent_post ul.style-three li .entry-header,
#secondary .widget_raratheme_recent_post ul.style-three li .entry-header {
padding: 0 15px;
}
.site-footer .widget_raratheme_recent_post ul.style-three li .entry-header .cat-links a,
.site-footer .widget_raratheme_recent_post ul.style-three li .entry-header .entry-title a,
.site-footer .widget_raratheme_recent_post ul.style-three li .entry-header .entry-meta .posted-on a {
color: #121212;
}
/* Popular post 3 color fixes */
.site-footer .widget_raratheme_popular_post ul.style-three li .entry-header .cat-links a,
.site-footer .widget_raratheme_popular_post ul.style-three li .entry-header .entry-title a,
.site-footer .widget_raratheme_popular_post ul.style-three li .entry-header .entry-meta .posted-on a {
color: #121212;
}
.site-footer .widget_raratheme_popular_post ul.style-three li .entry-header .view-count {
color: #121212;
}
/* Popular post side bart layout fixes */
#secondary .widget_raratheme_popular_post ul.style-two li a:first-of-type,
#secondary .widget_raratheme_popular_post ul.style-three li a:first-of-type {
width: 100%;
}
/* Sidebar fixes */
#secondary .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .text-holder .readmore,
.site-footer .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .text-holder .readmore {
border: 1px solid #0aa3f3;
background: white;
color: #0aa3f3;
}
.site-footer .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .text-holder .readmore:hover {
background: #0aa3f3;
color: #fff;
}
#secondary .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .author-bio-socicons .author-socicons li a,
.site-footer .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .author-bio-socicons .author-socicons li a {
display: inline-block;
height: 45px;
width: 45px;
line-height: 45px;
background-color: #0aa3f3;
color: #fff;
border-radius: 50%;
}
#secondary .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .author-bio-socicons .author-socicons li a:hover,
.site-footer .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .author-bio-socicons .author-socicons li a:hover,
.site-footer .widget.widget_rtc_contact_social_links .rtc-contact-widget-wrap .social-networks li a:hover,
#secondary .widget.widget_rtc_contact_social_links .rtc-contact-widget-wrap .social-networks li a:hover {
background-color: #0aa3f373;
}
/* Contact Widget */
.site-footer .widget.widget_rtc_contact_social_links .rtc-contact-widget-wrap .social-networks li a,
#secondary .widget.widget_rtc_contact_social_links .rtc-contact-widget-wrap .social-networks li a {
display: inline-block;
height: 45px;
width: 45px;
line-height: 45px;
background-color: #0aa3f3;
color: #fff;
border-radius: 50%;
}
/* Custom Categories */
#secondary .widget_raratheme_custom_categories .raratheme-custom-categories-wrap .raratheme-custom-categories-meta-wrap li a {
background-color: #0aa3f3;
}
#secondary .widget_raratheme_custom_categories .raratheme-custom-categories-wrap .raratheme-custom-categories-meta-wrap li a .post-count {
background: #006ba1;
}
/* Faq fixes */
#secondary .widget.widget_raratheme_companion_faqs_widget .raratheme-faq-holder .expand-faq {
font-size: 18px;
display: block;
margin: 0 0 30px;
color: #121212;
border: 0;
}
#secondary .widget_raratheme_featured_widget .text-holder .readmore:hover,
.site-footer .widget_raratheme_featured_widget .text-holder .readmore:hover {
background: #0aa3f3;
color: #fff;
}
#secondary .widget.widget_raratheme_companion_faqs_widget .raratheme-faq-holder .expand-faq:hover {
color: #006ba1;
}
/* Icon text */
#secondary .widget.widget_raratheme_image_text_widget .raratheme-itw-holder li a.btn-readmore,
.site-footer .widget.widget_raratheme_image_text_widget .raratheme-itw-holder li a.btn-readmore {
border: 1px solid #0aa3f3;
background: #0aa3f3;
color: #fff;
padding: 10px 15px;
}
#secondary .widget.widget_raratheme_image_text_widget .raratheme-itw-holder li a.btn-readmore:hover,
.site-footer .widget.widget_raratheme_image_text_widget .raratheme-itw-holder li a.btn-readmore:hover {
background-color: #fff;
color: #0aa3f3;
}
/* Image Widget */
#secondary .widget_raratheme_image_widget .readmore {
border: 1px solid #0aa3f3;
background: #0aa3f3;
color: #fff;
}
#secondary .widget_raratheme_image_widget .readmore:focus,
#secondary .widget_raratheme_image_widget .readmore:hover {
background-color: #fff;
color: #0aa3f3;
}
/* Popular Post */
.site-footer .widget_raratheme_popular_post ul li .entry-header .entry-title a,
#secondary .widget_raratheme_popular_post ul li .entry-header .entry-title a,
.site-footer .widget_raratheme_recent_post ul li .entry-header .entry-title a,
#secondary .widget_raratheme_recent_post ul li .entry-header .entry-title a {
font-size: 0.85em;
}
.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 {
display: block;
}
/* Word break fixes */
.site-footer .widget.widget_raratheme_recent_post ul.style-one .cat-links a,
#secondary .widget.widget_raratheme_recent_post ul.style-one .cat-links a,
.site-footer .widget.widget_raratheme_popular_post ul.style-one .cat-links a,
#secondary .widget.widget_raratheme_popular_post ul.style-one .cat-links a {
word-break: break-word;
}
#secondary .widget_raratheme_popular_post ul li .entry-header .entry-meta,
#secondary .widget_raratheme_recent_post ul li .entry-header .entry-meta {
margin-top: 0;
}
/* Stat Counter fixes */
#secondary .widget.widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder,
.site-footer .widget.widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder {
display: block;
position: unset;
padding-left: 0;
}
#secondary .widget.widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder .icon-holder,
.site-footer .widget.widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder .icon-holder {
position: unset;
margin-top: 50px;
margin-bottom: 0;
}
#secondary .widget.widget_raratheme_companion_stat_counter_widget .widget-title {
font-family: "Montserrat";
font-weight: 700;
font-size: 1.1em;
color: #000;
}
#secondary .widget.widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder .icon-holder {
color: #121212;
}
#secondary .widget.widget_raratheme_companion_stat_counter_widget .odometer-inside {
color: #121212;
}
/* team Member */
#secondary .widget_rrtc_description_widget .text-holder,
.site-footer .widget_rrtc_description_widget .text-holder {
padding: 20px;
}
#secondary .widget_rrtc_description_widget .text-holder .description,
.site-footer .widget_rrtc_description_widget .text-holder .description {
height: auto;
}
#secondary .widget_rrtc_description_widget .text-holder .description p,
.site-footer .widget_rrtc_description_widget .text-holder .description p {
margin-bottom: 10px;
}
#secondary .widget_rrtc_description_widget .social-profile li a {
width: 40px;
height: 40px;
line-height: 40px;
display: inline-block;
color: #fffa;
background-color: #007cba;
border-radius: 50%;
}
#secondary .widget_rrtc_description_widget .social-profile li {
margin: 0;
}
#secondary .widget.widget_rrtc_testimonial_widget .rtc-testimonial-holder .rtc-testimonial-inner-holder .text-holder {
padding: 0;
margin-top: 30px;
}
/* cta sitefooter */
.site-footer .widget_raratheme_companion_cta_widget .raratheme-cta-container .button-wrap .btn-cta {
background-color: #0aa3f3;
color: #fff;
border: 1px solid #0aa3f3;
}
/* Client Logo fixes */
.site-footer .widget.widget_raratheme_client_logo_widget .image-holder {
display: inline-block;
width: 27%;
margin: 6px;
}
/* Faqs */
.site-footer .widget_raratheme_companion_faqs_widget a.expand-faq {
font-size: 18px;
margin-bottom: 30px;
border: 0;
}
.site-footer .widget_raratheme_companion_faqs_widget a.expand-faq:hover {
text-decoration: underline;
}
.site-footer .widget_raratheme_companion_faqs_widget .accordion li .toggle:focus {
}
/* Recent post */
.site-footer .widget.widget_recent_entries ul li .post-date {
color: #fff;
}
/* gallery */
#secondary .widget.widget_media_gallery .gallery-item,
.site-footer .widget.widget_media_gallery .gallery-item {
margin: 5px;
}
#secondary .widget_rara_posts_category_slider_widget .carousel-title {
text-align: center;
}
/* Author bio */
.site-footer .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .text-holder .readmore,
.site-footer .widget_raratheme_featured_widget .text-holder .readmore,
.site-footer .widget_rrtc_icon_text_widget .btn-readmore {
color: #fff;
background: #0aa3f3;
border: 1px solid #0aa3f3;
}
.site-footer .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .text-holder .readmore:hover,
.site-footer .widget_raratheme_featured_widget .text-holder .readmore:hover,
.site-footer .widget_rrtc_icon_text_widget .btn-readmore:hover {
color: #0aa3f3;
background: #fff;
}
.site-footer .widget_raratheme_image_widget .readmore {
color: #fff;
background: #0aa3f3;
border: 1px solid #0aa3f3;
}
.site-footer .widget_raratheme_image_widget .readmore:hover {
color: #0aa3f3;
background: #fff;
}
.site-footer .widget.widget_raratheme_companion_stat_counter_widget .image-holder,
#secondary .widget.widget_raratheme_companion_stat_counter_widget .image-holder {
position: unset;
transform: none;
}
#secondary .widget.widget_raratheme_featured_page_widget .widget-featured-holder {
display: flex;
flex-direction: column;
}
#secondary .widget.widget_raratheme_featured_page_widget .widget-featured-holder .text-holder {
order: 3;
}
#secondary .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .text-holder .readmore,
#secondary .widget_raratheme_featured_widget .text-holder .readmore,
#secondary .widget.widget_rrtc_icon_text_widget .btn-readmore {
background: #0aa3f3;
color: #fff;
border: 1px solid #0aa3f3;
}
#secondary .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .text-holder .readmore:hover,
#secondary .widget_raratheme_featured_widget .text-holder .readmore:hover,
#secondary .widget.widget_rrtc_icon_text_widget .btn-readmore:hover {
background: transparent;
color: #0aa3f3;
}
#secondary .widget_rtc_social_links .rtc-social-icon-wrap a {
background: #0aa3f3;
color: #fff;
border: 1px solid #0aa3f3;
}
#secondary .widget_rtc_social_links .rtc-social-icon-wrap a:hover {
background: #0aa1f3a1;
}
.site-footer .widget_rrtc_icon_text_widget .btn-readmore {
padding: 10px 13px;
}
/* Single Post */
.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a {
color: #ff6600;
text-decoration: none;
}
.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover{
color: #db6500;
}
/* Desktop accessibility */
#site-navigation ul li.hover > ul {
margin-top: 0;
opacity: 1;
margin-left: 0;
}
.wrapper_blockquote {
background: #f3f7fa;
border-radius: 4px !important;
position: relative;
line-height: 1.2375 !important;
font-size: 1.5rem !important;
}
.text_blockqoute {
border-left: 3px solid #a9b7f3;
padding-left: 2.5rem;
}
.wrapper_service .scapt {
font-size: 20px;
line-height: 1.235em;
text-align: center;
}
.wrapper_service img {
max-width: 80px !important;
}
.service .wrapper_service img {
max-width: 100% !important;
}
.tab_custom {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
width: 95% !important;
}
.tab_custom .content-image {
width: auto !important;
float: none !important;
min-width: 100px;
}
.tab_custom .box-right {
display: flex;
justify-content:center;
align-items: center;
}
.tab_custom .content-desc {
margin-bottom: 0 !important;
}
.carousel_gallery_auto {}
.carousel_gallery_auto img {
height: 300px;
object-fit: cover;
width: 100%;
padding: 5px;
}
.item_contacst {
float: none !important;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
}
.item_contacst img {
height: 30px !important;
width: 30px !important;
object-fit: scale-down;
border-radius: 0 !important;
}
.item_contacst .content-image {
width: 40px !important;
padding-right: 10px !important;
}
.tab_custom img {
height: 80px !important;
width: 80px !important;
object-fit: scale-down;
border-radius: 0 !important;
}
.item_contacst .box-right {
display: flex;
flex-direction: column-reverse;
}
.item_contacst .content-desc {
margin: 0 !important;
}
.item_contacst .content-title {
margin-bottom: 20px !important;
margin-top: 20px !important;
}
a[href="#fos_zakaz"] {
display: block;
margin: 1rem auto 1rem !important;
}
a[href="#fos_zakaz"] > .fos.widt {
padding: 10px 0 !important;
margin: 0 auto !important;
}
.wrapper_philosophy {
margin: 3em 0;
}
.subtitle_philosophy {
text-align: center;
padding-bottom: 30px;
}
.inner_philopsophy {
display: grid;
grid-gap: 2em;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.item_philosophy {
border: 1px solid #d8d8d8;
padding: 10px;
background-color: #f3f7fa;
border-radius: 4px !important;
}
.item_philosophy h4 {
text-align: center;
padding-bottom: 20px;
}
.item_philosophy div {
line-height: 1.4375 !important;
font-size: 1.2rem;
text-align: center;
}
.wrapper_our-values {
margin: 2rem 0;
display: grid;
grid-gap: 1rem;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.item_our-values {}
.item_our-values img {
width: 100%;
max-width: 100px;
margin: 0 auto 1rem;
display: block;
}
.item_our-values p {
font-size: 20px;
line-height: 1.235em;
text-align: center;
}
/*CUSTOME*/
.col-md-3 {width:25%; float:left; padding: 0px 15px;}
.col-md-4 {width:33.33%; float:left; padding: 0px 15px;}
.col-md-5 {width:41.66%; float:left; padding: 0px 15px;}
.col-md-6 {width:50%; float:left; padding: 0px 15px;}
.col-md-6:nth-child(1) {padding: 0px 15px 0px 0px;}
.col-md-6:nth-child(2) {padding: 0px 0px 0px 15px;}
.col-md-7 {width:58.33%; float:left; padding: 0px 15px;}
.col-md-8 {width:66.66%; float:left; padding: 0px 15px;}
.col-md-9 {width:75%; float:left; padding: 0px 15px;}
.entry-content a.white {color: #000; text-decoration: none; font-weight: 400; font-size: 16px;}
.entry-content a.white:hover {text-decoration: underline}
.owl-item img {padding:5px}
.woocommerce div.product .entry-summary p.price, .woocommerce div.product .entry-summary span.price {margin-top: 30px;}
/* Общее правило для контентной области - уменьшаем отступ сверху для всего сайта */
.site-content .container {padding:15px 0px 45px 0px}
.home .site-content .container {padding:0px}
:focus-visible {outline: none;}
iframe:last-child {display:none}
::-moz-selection {background-color: #c8ceb9 !important; color:#000 !important}
::selection {background-color: #c8ceb9 !important; color:#000 !important}
.fs {font-size:16px}
.single-product .related {display: inline-block; width: 100%;}
.single-product .related {margin-top: 50px;}
form, .awooc-form-custom-order {text-align:left;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {font-size: 15px;}
/*Всплывалка*/
#fancybox-close {
width: 25px !important;
height: 25px !important;
border-radius: 40px;
background: #3e423c !important;
top: -12px !important;
right: -14px !important;
}
#fancybox-close:before,
#fancybox-close:after {
content: '';
width: 60%;
height: 2px;
background: #fff;
position: absolute;
top: 45%;
left: 21%;
transform: rotate(45deg);
transition: all 0.3s ease-out;
}
#fancybox-close:after {
transform: rotate(-45deg);
transition: all 0.3s ease-out;
}
#fancybox-close:hover:before,
#fancybox-close:hover:after {
transform: rotate(180deg);
background: #FFF;
}
/*Шапка*/
.shap1 {background: #fff; padding: 0px;}
.shap2 {background: #726d61; padding: 10px 0px; border-top: 0px solid #d58812; display: block;}
#masthead.kv-external-menu-visible .shap2 {display: none;}
#masthead.kv-external-menu-visible .header-t {
position: relative;
}
#masthead.kv-external-menu-visible .header-t::before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 100vw;
height: 100%;
transform: translateX(-50%);
background: #726d61;
display: block;
pointer-events: none;
z-index: -1;
}
#masthead.kv-external-menu-visible .header-t .mobile-menu {
background: transparent;
}
#masthead.kv-external-menu-visible .header-t .responsive-menu-holder {
background: transparent;
}
.site-header .header-t {
--kv-header-top-background: #726d61;
}
@media (max-width: 1024px) {
.site-header .header-t {
position: relative;
}
.site-header .header-t::before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 100vw;
height: 100%;
transform: translateX(-50%);
background: var(--kv-header-top-background, #726d61);
display: block;
pointer-events: none;
z-index: -1;
}
.site-header .header-t .mobile-menu,
.site-header .header-t .responsive-menu-holder {
background: transparent;
}
}
.shap1 .container {padding: 0px;}
.shap11 {display:flex;justify-content: space-between;padding: 10px 0px; align-items: center;}
.site-branding img {width:200px}
/*Футер*/
.footer-t .widget .textwidget a {color: #faccaf; text-decoration: none; transition: ease 0.2s;}
.footer-t .widget .textwidget a:hover {color: #fa9555; transition: ease 0.2s;}
.footer-t .widget .textwidget ul li a {color: #ffffff;}
.site-footer .widget ul li {
font-weight: normal;
font-size: 14px;
margin-bottom: 5px;
letter-spacing: 0px;
}
footer .container {padding:20px 0px}
.site-footer a{color:#9b9b9b}
.footer-t .grid .col:nth-child(1){width: 30%; padding-right: 12%; margin-top:0px !important}
.footer-t .grid .col:nth-child(2){width: 23%; padding-right: 3%;}
.footer-t .grid .col:nth-child(3){width: 23%; padding-right: 3%;}
.footer-t .grid .col:nth-child(4){width: 23%;}
footer img {width: 200px;}
@media (min-width: 0px) and (max-width: 900px)
{
.footer-t .grid .col:nth-child(1){width: 100%; padding-right: 0%; margin-top:0px}
.footer-t .grid .col:nth-child(2){width: 100%; padding-right: 0%;}
.footer-t .grid .col:nth-child(3){width: 100%; padding-right: 0%;}
.footer-t .grid .col:nth-child(4){width: 100%;}
}
/*Непонятное*/
.otw-sidebar-1 .widget, .otw-sidebar-3 .widget {color: #ffffff; margin:0px}
.otw-sidebar-1 .otw-widget-2, .otw-sidebar-3 .otw-widget-2 {margin:0px 5px}
.otw-sidebar-2 .widget {margin: 0px}
a.butt {color: #fffbdb; background: #2f3023; padding: 10px 20px; text-transform: uppercase; font-size:12px}
a.butt:hover {color: #d7b56d; background: #471d24; transition: ease 0.2s;}
.butt .content-button a {color: #fffbdb; background: #2f3023; padding: 10px 20px;}
.butt .content-button a:hover {color: #d7b56d !important; background: #471d24 !important; transition: ease 0.2s !important;}
.icon-holder {font-size:20px !important}
.kc-fb-layout-1.contakt .content-button a {font-size:18px; color:#4a4a4a; text-transform:none}
.rslides_tabs {background: #20272c !important;}
.widget .textwidget a {color: #3e423c; text-decoration: none; transition: ease 0.2s; font-weight: 700;}
.widget .textwidget a:hover {color: #fa9555; transition: ease 0.2s;}
.right nav {display:inline-block}
.right .otw-sidebar.otw-sidebar-2 {display:inline-block; padding-left:30px}
.right:nth-child(3) {justify-content: flex-end;}
/*Формы*/
.fos {background: #ff6600;
color: #fff;
transition: ease 0.2s;
padding: 15px 30px;
border-radius: 3px;
font-size: 18px;
font-weight: 400;}
.fos:hover {background:#db6500;}
.foss1 input[type="tel"]::-webkit-input-placeholder {color:#3e423c;}
.foss1 input[name="mask-183"]::-webkit-input-placeholder {color:#3e423c;}
.foss1 input[type="text"]::-webkit-input-placeholder {color:#3e423c;}
.foss1 input[type="email"]::-webkit-input-placeholder {color:#3e423c;}
.foss1 textarea::-webkit-input-placeholder {color:#3e423c;}
.foss1 input[type="text"], .foss1 input[type="email"], .foss1 input[type="url"], .foss1 input[type="password"], .foss1 input[type="search"], .foss1 input[type="number"], .foss1 input[type="tel"], .foss1 input[type="range"], .foss1 input[type="date"], .foss1 input[type="month"], .foss1 input[type="week"], .foss1 input[type="time"], .foss1 input[type="datetime"], .foss1 input[type="datetime-local"], .foss1 input[type="color"], .foss1 textarea {
border-bottom: 2px solid #3e423c;
border-radius: 0px;
padding: 0px 30px 10px 30px;
outline: none;
margin: 10px 0px;
background: transparent;
border-top: 0px solid #3e423c;
border-left: 0px solid #3e423c;
border-right: 0px solid #3e423c;
}
.foss1 p {margin-bottom: 10px; font-family: 'Sofia Sans Condensed', sans-serif; text-transform:uppercase; color:#3e423c}
.foss1 button, .foss1 input[type="button"], .foss1 input[type="reset"], .foss1 input[type="submit"] {margin-top:12px;}
.foss1 input[type="text"], .foss1 input[type="email"], .foss1 input[type="url"], .foss1 input[type="password"], .foss1 input[type="search"], .foss1 input[type="number"], .foss1 input[type="tel"], .foss1 input[type="range"], .foss1 input[type="date"], .foss1 input[type="month"], .foss1 input[type="week"], .foss1 input[type="time"], .foss1 input[type="datetime"], .foss1 input[type="datetime-local"], .foss1 input[type="color"] {width: 98%;}
.foss1 textarea {width: 98%; height: 95px;}
#custom_html-10 .fosshap {border-bottom: 1px dashed #3e423c; margin-right: 50px;}
/*Стиль для галереи в шорткодах*/
.su-custom-gallery-slide img {width: 100%; border: 2px solid #transparent !important; border-radius: 0px !important;}
.su-custom-gallery-slide {width: 25%; margin:0px !important}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {padding-right: 20px !important; padding-top: 10px;}
.content-title {color: #233a48; font-family: 'Montserrat'; font-size: 24px; text-transform: uppercase; font-weight: 400;}
#breadcrumbs {margin-bottom:40px; font-family: 'Montserrat';}
#breadcrumbs a {color:#d3a44f}
#breadcrumbs a:hover {color:#fa9555}
.dont-show-add-to-card {background: #959b93; border: 1px solid #959b93;}
/*БЛОКИ НА ГЛАВНОЙ*/
/*Схема работы*/
#preim {padding:0px 0px 40px 0px}
#preim .flex {display:flex; flex-wrap: wrap; margin:30px auto 0;}
#preim .flex .myitem {width:calc(100%/4); margin-bottom: 30px; display: flex; justify-content: center; text-align: center; padding: 0px 21px}
#preim .flex .myitem img {
height: auto;
vertical-align: top;
margin: 0 auto;
display: block;
padding-bottom: 15px;
width: 50px;}
@media (min-width: 0px) and (max-width: 900px)
{
#preim .flex {display: block; width: 100%;}
#preim .flex .myitem {width: 100%; padding: 0px 50px;}
}
/*Одежда*/
.ogrid {display: grid; grid-template-columns: repeat(3 , 1fr); grid-gap: 30px; margin-top:30px}
.muj.ogrid {display: grid; grid-template-columns: repeat(2 , 1fr); grid-gap: 30px; margin-top:30px}
.ogrid span {height: 300px; display: block; border-radius: 3px;}
.muj.ogrid span {height: 370px; display: block; border-radius: 3px;}
#primary .page .entry-content .ogrid h3 {margin: 10px 0px; text-align: center;}
@media (min-width: 0px) and (max-width: 900px)
{
.ogrid {display: grid; grid-template-columns: repeat(2 , 1fr);}
}
/*Текстиль*/
#tekstil {padding:30px 0px 40px 0px}
/*Женская одежда*/
#jenskoe {background:#f9f9f9; padding:0px 0px 40px 0px}
/*Мужская одежда*/
#mujskoe {padding:0px 0px 30px 0px}
/*Главная*/
.home .site-content .container {padding:0px; max-width:100%; width:100%}
.home.full-width #content .content-grid {max-width: 100%; margin: 0 auto;}
.home.full-width #content .content-grid .notfull {max-width:1240px; margin: auto}
.home.full-width #content .content-grid h2 {text-align:center}
/*Контакты*/
.cont span {
font-weight: 600;
text-transform: uppercase;
font-family: 'Sofia Sans Condensed', sans-serif;
font-size: 20px;
display: block;
margin-bottom: 5px;
color: #3e423c;
}
/*Мобилка*/
@media (min-width: 0px) and (max-width: 900px)
{
.shap2 {display:none !important;}
.shap11 {display:block !important;}
#primary-toggle-button {margin:0px 10px 0px 0px;}
.home .site-content .container {padding: 0px 15px !important}
/* Общее правило для контентной области на мобильных устройствах */
.site-content .container {padding: 15px 20px 45px 20px !important;}
footer .container {padding: 20px !important;}
.site-branding {padding:0px 0px 10px 0px}
.col-md-3 {width:100% !important; float:none !important; padding: 0px !important;}
.col-md-4 {width:100% !important; float:none !important; padding: 0px !important;}
.col-md-5 {width:100% !important; float:none !important; padding: 0px !important;}
.col-md-6 {width:100% !important; float:none !important; padding: 0px 0px 25px 0px !important}
.col-md-7 {width:100% !important; float:none !important; padding: 0px !important;}
.col-md-8 {width:100% !important; float:none !important; padding: 0px !important;}
.col-md-9 {width:100% !important; float:none !important; padding: 0px !important;}
#fancybox-content {padding: 0px !important;}
.custom-logo-link {margin: 0 auto; width: 200px; display: block;}
.right .otw-sidebar.otw-sidebar-2 {padding-left: 0px; display: block; margin: 0 auto;}
.right .otw-sidebar.otw-sidebar-2 {padding-left: 0px; display: block; margin: 0 auto;}
.main-header .right {width: 50%}
.shap11 .fosshap {display:block; width:100%; margin-bottom:10px}
.fosshap {display:block; margin-bottom:10px}
h4.mega-block-title {margin-top:30px !important}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {padding: 10px 10px 30px 10px !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {padding: 30px 15px;}
.site-header .header-t {padding: 0px;}
/*Текстиль*/
#tekstil {padding:0px 0px 25px 0px}
/*Женская одежда*/
#jenskoe {padding:0px 0px 25px 0px}
/*Мужская одежда*/
#mujskoe {padding:15px 0px 0px 0px}
#preim {padding:35px 0px 20px 0px}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {width: 50%;}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {width: 50%;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {width: 100%; margin: 3px;}
#primary .page .entry-content ul.products>li.product, .woocommerce ul.products li.product {width: 48%;}
/*.woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {margin: 0 0 2.992em 0 !important;}*/
}
.products.columns-4 {
display: grid;
}
.products.columns-4::before,
.products.columns-4::after {
display: none !important;
}
.products.columns-4 .flex-product {
float: none !important;
width: 100% !important;
margin: 0 !important;
display: grid;
grid-gap: 0.5rem 1rem;
grid-template-columns: 1fr 1fr;
grid-template-areas: 'main main' 'link order';
max-width: 250px;
}
.products.columns-4 .flex-product a.woocommerce-LoopProduct-link {
grid-area: main;
}
.products.columns-4 .flex-product a.button.wp-element-button.product_type_simple {
grid-area: link;
margin-top: auto;
}
.products.columns-4 .flex-product button.awooc-custom-order {
grid-area: order;
margin-top: auto;
}
@media(width <= 600px) {
.products.columns-4 {
grid-gap: 3rem 1rem;
grid-template-columns: repeat(2, 1fr);
}
.products.columns-4 .flex-product {
grid-template-columns: 1fr;
grid-template-areas: 'main' 'link' 'order';
margin: 0 !important;
}
.products.columns-4 .flex-product a.woocommerce-LoopProduct-link {
grid-area: main;
min-height: 310px;
display: block;
}
}
@media(600px < width <= 1030px) {
.products.columns-4 {
grid-gap: 3rem 1rem;
grid-template-columns: repeat(3, 1fr);
}
}
@media(width > 1030px) {
.products.columns-4 {
grid-gap: 3rem 4rem;
grid-template-columns: repeat(4, 1fr);
}
}
.woocommerce .widget_price_filter .price_slider_amount
{
text-align: left;
display: flex;
flex-direction: column;
}
.woocommerce .widget_price_filter .price_slider_amount .button
{
order: 2;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range
{
background-color: #726d61;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background-color: #726d61;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content
{
background-color: #726d61;
}
/* Overlay wishlist button on thumbnail and preview dots */
.flex-product {
position: relative;
}
.flex-product .woo-height {
position: relative;
}
/* Ensure product image container has relative positioning */
.flex-product .woocommerce-loop-product__link {
position: relative;
display: block;
overflow: visible;
}
/* Ensure product image is visible and properly positioned */
.flex-product .woocommerce-loop-product__link img {
position: relative;
z-index: 1;
display: block;
width: 100%;
height: auto;
transition: opacity 0.3s ease;
max-width: 100%;
height: auto;
}
/* Force image visibility and prevent hiding */
.flex-product .woocommerce-loop-product__link img[src*="wp-content"] {
opacity: 1 !important;
visibility: visible !important;
display: block !important;
position: relative !important;
z-index: 1 !important;
}
/* Overlay should be above the image but not cover it completely */
.flex-product .product-card-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
z-index: 2;
background: transparent;
}
/* Wishlist button and dots should be above overlay */
.flex-product .product-card-wishlist {
position: absolute;
top: 10px;
right: 10px;
z-index: 3;
pointer-events: auto;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
}
.flex-product .product-card-wishlist > a.woocommerce-LoopProduct-link,
.flex-product .product-card-wishlist .tinv-wraper > a.woocommerce-LoopProduct-link {
display: none !important;
}
.flex-product .tinv-wraper.tinv-wishlist {
display: none !important;
}
.flex-product .product-card-wishlist .tinv-wraper.tinv-wishlist {
display: flex !important;
align-items: center;
justify-content: center;
pointer-events: auto;
margin: 0;
padding: 0;
width: 28px;
height: 28px;
background: transparent;
position: relative;
font-size: 0;
}
.flex-product .product-card-wishlist,
.flex-product .product-card-wishlist .tinv-wraper.tinv-wishlist,
.flex-product .product-card-wishlist .tinvwl_add_to_wishlist_button {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
.flex-product .product-card-wishlist .tinvwl-tooltip {
display: none !important;
}
.flex-product .product-card-wishlist > a.woocommerce-LoopProduct-link,
.flex-product .product-card-wishlist .tinv-wraper > a.woocommerce-LoopProduct-link {
display: none !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
.flex-product .product-card-wishlist .tinvwl_add_to_wishlist_button,
.flex-product .product-card-wishlist .tinvwl_add_to_wishlist_button:focus {
position: relative;
background: transparent;
border: none;
border-radius: 50%;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: color 0.2s ease;
color: inherit;
box-shadow: none;
padding: 0;
outline: none;
font-size: 0;
}
.flex-product .product-card-wishlist .tinvwl_add_to_wishlist_button:before,
.flex-product .product-card-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before {
content: "\e908" !important;
font-family: "tinvwl-webfont" !important;
font-size: 28px;
line-height: 1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0 !important;
color: #ffffff;
transition: color 0.2s ease, -webkit-text-stroke-color 0.2s ease;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-stroke-width: 0.8px;
-webkit-text-stroke-color: #2d2d2d;
}
.flex-product .product-card-wishlist .tinvwl_add_to_wishlist_button:hover:before,
.flex-product .product-card-wishlist .tinvwl_add_to_wishlist_button:focus-visible:before {
-webkit-text-stroke-color: #ff375f;
color: #ffffff;
content: "\e908" !important;
}
.flex-product .product-card-wishlist .tinvwl_add_to_wishlist_button.tinvwl-product-in-list:before,
.flex-product .product-card-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-product-in-list:before {
content: "\e908" !important;
color: #ff375f;
-webkit-text-stroke-color: #ff375f;
}
.flex-product .product-card-wishlist .tinvwl_add_to_wishlist_button.tinvwl-product-in-list:hover:before {
content: "\e908" !important;
color: #ff204d;
-webkit-text-stroke-color: #ff204d;
}
.flex-product .product-card-dots {
position: absolute;
bottom: 16px;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: center;
gap: 6px;
z-index: 3;
pointer-events: none;
padding: 6px 12px;
background: rgba(255, 255, 255, 0.95);
border-radius: 15px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
min-width: 50px;
opacity: 0;
transition: opacity 0.3s ease;
}
.flex-product .woocommerce-loop-product__link:hover .product-card-dots,
.flex-product .woocommerce-loop-product__link:focus .product-card-dots,
.flex-product .woocommerce-loop-product__link:focus-visible .product-card-dots,
.flex-product .woocommerce-loop-product__link:focus-within .product-card-dots {
opacity: 1 !important;
pointer-events: auto !important;
}
.flex-product .product-card-dots .dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.4);
transition: all 0.3s ease;
border: 2px solid rgba(255, 255, 255, 0.8);
cursor: pointer;
}
.flex-product .product-card-dots .dot.active {
background: rgba(0, 0, 0, 0.8);
transform: scale(1.3);
border-color: rgba(0, 0, 0, 0.9);
}
/* Hide the original wishlist button below add to cart */
.flex-product .tinv-wishlist {
display: none !important;
}
/* Wishlist heart button styles */
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
/* Custom overrides: layered nav filters, sidebar width, product title line-height, related products layout */
section#woocommerce_layered_nav_filters-2
{
display: flex;
flex-wrap: wrap;
}
.archive .sidebar {
max-width: 210px;
}
.single-product.woocommerce div.product .product_title {
line-height: 100%;
}
.related .columns-4 .flex-product {
display: block;
}
/* Moved from functions.php inline