7555 lines
160 KiB
CSS
7555 lines
160 KiB
CSS
/*!
|
|
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.8
|
|
Tested up to: 6.6
|
|
Requires PHP: 7.3
|
|
Requires at least: 6.2
|
|
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
|
|
--------------------------------------------------------------*/
|
|
:root {
|
|
--primary-color: #0aa3f3;
|
|
--primary-color-rgb: 10, 163, 243;
|
|
--secondary-color: #9de8fb;
|
|
--secondary-color-rgb: 157, 232, 251;
|
|
--primary-font: Lato;
|
|
--secondary-font: Montserrat;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Normalize
|
|
--------------------------------------------------------------*/
|
|
|
|
html {
|
|
font-family: sans-serif;
|
|
-webkit-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
article,
|
|
aside,
|
|
details,
|
|
figcaption,
|
|
figure,
|
|
footer,
|
|
header,
|
|
main,
|
|
menu,
|
|
nav,
|
|
section,
|
|
summary {
|
|
display: block;
|
|
}
|
|
|
|
audio,
|
|
canvas,
|
|
progress,
|
|
video {
|
|
display: inline-block;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
audio:not([controls]) {
|
|
display: none;
|
|
height: 0;
|
|
}
|
|
|
|
[hidden],
|
|
template {
|
|
display: none;
|
|
}
|
|
|
|
a {
|
|
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: 2em;
|
|
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 {
|
|
color: #4a4a4a;
|
|
font-family: var(--primary-font), sans-serif;
|
|
font-size: 20px;
|
|
line-height: 1.4em;
|
|
font-weight: 300;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
margin-top: 0;
|
|
}
|
|
|
|
p {
|
|
margin-bottom: 1.5em;
|
|
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 {
|
|
border-bottom: 1px dotted #666;
|
|
cursor: help;
|
|
}
|
|
|
|
mark,
|
|
ins {
|
|
background: #fff9c0;
|
|
text-decoration: none;
|
|
}
|
|
|
|
big {
|
|
font-size: 125%;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Elements
|
|
--------------------------------------------------------------*/
|
|
|
|
html {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
|
|
box-sizing: inherit;
|
|
}
|
|
|
|
body {
|
|
background: #fff;
|
|
/* Fallback for when there is no custom background color defined. */
|
|
}
|
|
|
|
hr {
|
|
background-color: #ccc;
|
|
border: 0;
|
|
height: 1px;
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
ul,
|
|
ol {
|
|
margin: 0 0 1.5em 3em;
|
|
}
|
|
|
|
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;
|
|
/* Make sure images are scaled correctly. */
|
|
max-width: 100%;
|
|
/* Adhere to container width. */
|
|
vertical-align: top;
|
|
}
|
|
|
|
figure {
|
|
margin: 1em 0;
|
|
/* Extra wide images within figure tags don't overflow the content area. */
|
|
}
|
|
|
|
table {
|
|
margin: 0 0 1.5em;
|
|
width: 100%;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Forms
|
|
--------------------------------------------------------------*/
|
|
|
|
button,
|
|
input[type="button"],
|
|
input[type="reset"],
|
|
input[type="submit"] {
|
|
font-size: 0.8em;
|
|
font-weight: 900;
|
|
color: var(--primary-color);
|
|
border: 1px solid var(--primary-color);
|
|
background: none;
|
|
padding: 18px 60px;
|
|
border-radius: 5px;
|
|
-webkit-transition: ease 0.2s;
|
|
-moz-transition: ease 0.2s;
|
|
transition: ease 0.2s;
|
|
}
|
|
|
|
button:hover,
|
|
input[type="button"]:hover,
|
|
input[type="reset"]:hover,
|
|
input[type="submit"]:hover {
|
|
background: var(--primary-color);
|
|
color: #fff;
|
|
}
|
|
|
|
button:active,
|
|
button:focus,
|
|
input[type="button"]:active,
|
|
input[type="button"]:focus,
|
|
input[type="reset"]:active,
|
|
input[type="reset"]:focus,
|
|
input[type="submit"]:active,
|
|
input[type="submit"]:focus {
|
|
background: var(--primary-color);
|
|
color: #fff;
|
|
}
|
|
|
|
button:focus,
|
|
input[type="button"]:focus,
|
|
input[type="reset"]:focus,
|
|
input[type="submit"]:focus {
|
|
outline: thin dotted #000;
|
|
}
|
|
|
|
input[type="text"],
|
|
input[type="email"],
|
|
input[type="url"],
|
|
input[type="password"],
|
|
input[type="search"],
|
|
input[type="number"],
|
|
input[type="tel"],
|
|
input[type="range"],
|
|
input[type="date"],
|
|
input[type="month"],
|
|
input[type="week"],
|
|
input[type="time"],
|
|
input[type="datetime"],
|
|
input[type="datetime-local"],
|
|
input[type="color"],
|
|
textarea {
|
|
border: 1px solid #d8d8d8;
|
|
border-radius: 5px;
|
|
padding: 15px 20px;
|
|
outline: none;
|
|
}
|
|
|
|
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;
|
|
outline: thin dotted #000;
|
|
}
|
|
|
|
select {
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
textarea {
|
|
width: 100%;
|
|
resize: vertical;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Navigation
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
## Links
|
|
--------------------------------------------------------------*/
|
|
|
|
a {
|
|
color: var(--primary-color);
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover,
|
|
a:focus {
|
|
color: var(--primary-color);
|
|
text-decoration: under;
|
|
}
|
|
|
|
a:focus {
|
|
outline: thin dotted #000;
|
|
}
|
|
|
|
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: 0.7em;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.main-navigation ul:after {
|
|
content: "";
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
|
|
.main-navigation ul li {
|
|
float: left;
|
|
margin-left: 35px;
|
|
position: relative;
|
|
}
|
|
|
|
.main-navigation ul li:after {
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 2px;
|
|
background: #4a4a4a;
|
|
content: "";
|
|
display: none;
|
|
}
|
|
|
|
.main-navigation ul li:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.main-navigation ul li a {
|
|
color: #a2a2a2;
|
|
padding: 0 5px;
|
|
display: block;
|
|
position: relative;
|
|
-webkit-transition: ease 0.2s;
|
|
-moz-transition: ease 0.2s;
|
|
transition: ease 0.2s;
|
|
}
|
|
|
|
.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: #111;
|
|
}
|
|
|
|
.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: #111;
|
|
}
|
|
|
|
.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: 20px;
|
|
}
|
|
|
|
.main-navigation ul .menu-item-has-children:before {
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 0;
|
|
content: "";
|
|
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23a2a2a2" d="M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z"></path></svg>');
|
|
background-repeat: no-repeat;
|
|
width: 20px;
|
|
height: 15px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.main-navigation ul ul {
|
|
position: absolute;
|
|
top: inherit;
|
|
font-size: 1em;
|
|
font-weight: 300;
|
|
text-transform: none;
|
|
border-radius: 5px;
|
|
width: 180px;
|
|
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 {
|
|
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: var(--primary-color);
|
|
}
|
|
|
|
.hasbanner .main-navigation ul ul li a:focus,
|
|
.main-navigation ul ul li a:focus {
|
|
outline: thin dotted #000;
|
|
outline-offset: -2px;
|
|
}
|
|
|
|
.main-navigation ul ul li:first-child a {
|
|
border-radius: 5px 5px 0 0;
|
|
border-top: 1px solid #ebebeb;
|
|
}
|
|
|
|
.main-navigation ul ul li a {
|
|
color: #4a4a4a;
|
|
padding: 5px 20px;
|
|
border-bottom: 1px solid #ebebeb;
|
|
border-left: 1px solid #ebebeb;
|
|
border-right: 1px solid #ebebeb;
|
|
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 {
|
|
outline: thin dotted #fff;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## 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: 1170px;
|
|
margin: 0 auto;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.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: var(--primary-color);
|
|
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: var(--secondary-font), sans-serif;
|
|
}
|
|
|
|
/*=======================
|
|
Header Style
|
|
=======================*/
|
|
|
|
.site-header .header-t {
|
|
background: #111;
|
|
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 {
|
|
outline: thin dotted #fff;
|
|
}
|
|
|
|
.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 {
|
|
padding: 30px 0;
|
|
border-bottom: 1px solid #dbdbdb;
|
|
}
|
|
|
|
.main-header .container {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-flow: row wrap;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
}
|
|
|
|
.site-branding {
|
|
display: flex;
|
|
flex: auto;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.site-branding .site-title a {
|
|
color: #111;
|
|
}
|
|
|
|
.main-header .right {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: auto;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.main-header .right .btn-buy {
|
|
font-weight: 900;
|
|
text-transform: uppercase;
|
|
color: #fff;
|
|
background: var(--primary-color);
|
|
border: 1px solid var(--primary-color);
|
|
border-radius: 5px;
|
|
font-size: 0.8em;
|
|
padding: 10px 34px;
|
|
margin-left: 25px;
|
|
-webkit-transition: ease 0.2s;
|
|
-moz-transition: ease 0.2s;
|
|
transition: ease 0.2s;
|
|
order: 2;
|
|
}
|
|
|
|
.main-header .right .btn-buy:hover,
|
|
.main-header .right .btn-buy:focus {
|
|
background: #fff;
|
|
color: var(--primary-color);
|
|
}
|
|
|
|
.main-header .right .btn-buy:focus {
|
|
outline-offset: -3px;
|
|
}
|
|
|
|
.main-header .right .btn-buy svg {
|
|
margin-right: 7px;
|
|
}
|
|
|
|
/*================================
|
|
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 {
|
|
outline: thin dotted #fff;
|
|
}
|
|
|
|
.homepage.hasbanner .main-navigation ul li a {
|
|
color: #fff;
|
|
}
|
|
|
|
.hasbanner .main-navigation ul li a:focus {
|
|
outline: thin dotted #fff;
|
|
}
|
|
|
|
.homepage.hasbanner .main-navigation ul .menu-item-has-children:before {
|
|
background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z"></path></svg>');
|
|
}
|
|
|
|
.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: var(--primary-color);
|
|
}
|
|
|
|
/*==================================
|
|
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: var(--primary-color);
|
|
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: var(--primary-color);
|
|
}
|
|
|
|
.banner .banner-text .btn-holder .btn-free-inquiry:focus {
|
|
outline: thin dotted #fff;
|
|
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: var(--primary-color);
|
|
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: var(--primary-color);
|
|
}
|
|
|
|
.banner .banner-text .btn-holder .btn-view-service:focus {
|
|
outline: thin dotted #fff;
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
/*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: var(--primary-color);
|
|
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: var(--primary-color);
|
|
}
|
|
|
|
.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, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="%23fff" d="M4.2 247.5L151 99.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17L69.3 256l118.5 119.7c4.7 4.7 4.7 12.3 0 17L168 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 264.5c-4.7-4.7-4.7-12.3 0-17z"></path></svg>');
|
|
background-repeat: no-repeat;
|
|
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, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="%23fff" d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z" class=""></path></svg>');
|
|
}
|
|
|
|
.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: var(--primary-color);
|
|
}
|
|
|
|
/*================================
|
|
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: var(--primary-color);
|
|
}
|
|
|
|
.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 var(--primary-color);
|
|
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: var(--primary-color);
|
|
}
|
|
|
|
.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 var(--primary-color);
|
|
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: var(--primary-color);
|
|
}
|
|
|
|
.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 var(--primary-color);
|
|
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: var(--primary-color);
|
|
}
|
|
|
|
.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: var(--primary-color);
|
|
}
|
|
|
|
.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: var(--primary-color);
|
|
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 {
|
|
outline: thin dotted #fff;
|
|
}
|
|
|
|
.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;
|
|
/*align-items: center;*/
|
|
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: var(--secondary-font), 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: var(--primary-color);
|
|
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: var(--primary-font), 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: var(--primary-color);
|
|
}
|
|
|
|
/*================================
|
|
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: var(--primary-color);
|
|
}
|
|
|
|
.portfolio-holder .button-group .button:after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 2px;
|
|
background: var(--primary-color);
|
|
opacity: 0;
|
|
}
|
|
|
|
.portfolio-holder .button-group .button.is-checked {
|
|
color: var(--primary-color);
|
|
}
|
|
|
|
.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 var(--primary-color);
|
|
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: var(--primary-color);
|
|
}
|
|
|
|
.our-pricing .pricing-holder .col .btn-signup:hover,
|
|
.our-pricing .pricing-holder .col .btn-signup:focus {
|
|
text-decoration: none;
|
|
background: var(--primary-color);
|
|
color: #fff;
|
|
}
|
|
|
|
.our-pricing .pricing-holder .col.popular-plan {
|
|
background: var(--primary-color);
|
|
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: var(--primary-color);
|
|
}
|
|
|
|
/*================================
|
|
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 .container .blog-more {
|
|
text-align: center;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.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: var(--primary-color);
|
|
}
|
|
|
|
.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: var(--primary-color);
|
|
}
|
|
|
|
.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: 1170px;
|
|
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 {
|
|
outline: thin dotted #fff;
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
.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 var(--primary-color);
|
|
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: var(--primary-color);
|
|
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: var(--primary-color);
|
|
}
|
|
|
|
.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: 60px;
|
|
}
|
|
|
|
#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: var(--primary-color);
|
|
}
|
|
|
|
#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: var(--primary-color);
|
|
}
|
|
|
|
#primary .site-main article .post-thumbnail {
|
|
display: block;
|
|
margin: 0 0 45px;
|
|
}
|
|
|
|
#primary .site-main article .post-thumbnail:focus {
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
#primary .site-main article .post-thumbnail img {
|
|
vertical-align: top;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
#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-size: 0.8em;
|
|
font-weight: 900;
|
|
text-transform: uppercase;
|
|
border: 1px solid var(--primary-color);
|
|
border-radius: 5px;
|
|
padding: 15px 36px;
|
|
-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: var(--primary-color);
|
|
}
|
|
|
|
/*============================
|
|
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-size: 0.9em;
|
|
font-weight: 400;
|
|
margin-right: 10px;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 50%;
|
|
padding: 5px 14px;
|
|
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: var(--primary-color);
|
|
border-color: var(--primary-color);
|
|
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;
|
|
font-family: var(--secondary-font), sans-serif;
|
|
}
|
|
|
|
.post-navigation .nav-links div a:hover {
|
|
color: var(--primary-color);
|
|
}
|
|
|
|
.post-navigation .nav-links div a:hover svg {
|
|
border-color: var(--primary-color);
|
|
}
|
|
|
|
/*==============================
|
|
Blog Full Width Style
|
|
==============================*/
|
|
|
|
.full-width #content .content-grid {
|
|
max-width: 770px;
|
|
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: var(--primary-color);
|
|
}
|
|
|
|
.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 60px;
|
|
}
|
|
|
|
.page-header .page-title {
|
|
font-size: 2.25em;
|
|
line-height: 1.111em;
|
|
font-weight: 700;
|
|
margin: 0 0 5px;
|
|
color: #111;
|
|
}
|
|
|
|
.page-header span,
|
|
.page-header p {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.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 var(--primary-color);
|
|
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: var(--primary-color);
|
|
}
|
|
|
|
.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: var(--primary-color);
|
|
}
|
|
|
|
.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: var(--primary-color);
|
|
}
|
|
|
|
/*==============================
|
|
Single Post Style
|
|
=============================*/
|
|
|
|
.single #primary .post .entry-header .entry-title {
|
|
line-height: 1.111em;
|
|
font-size: 2.25em;
|
|
color: #111;
|
|
margin: 0 0 15px;
|
|
}
|
|
|
|
.single #primary .post .entry-header {
|
|
margin: 0 0 30px;
|
|
}
|
|
|
|
#primary .post .entry-content h1,
|
|
#primary .page .entry-content h1 {
|
|
font-size: 60px;
|
|
line-height: 1.667em;
|
|
color: #111;
|
|
font-family: var(--secondary-font), sans-serif;
|
|
font-weight: 700;
|
|
margin: 0;
|
|
}
|
|
|
|
#primary .post .entry-content h2,
|
|
#primary .page .entry-content h2 {
|
|
font-size: 46px;
|
|
line-height: 1.217em;
|
|
color: #111;
|
|
font-family: var(--secondary-font), sans-serif;
|
|
font-weight: 700;
|
|
margin: 0 0 10px;
|
|
}
|
|
|
|
#primary .post .entry-content h3,
|
|
#primary .page .entry-content h3 {
|
|
font-size: 34px;
|
|
line-height: 1.235em;
|
|
color: #111;
|
|
font-family: var(--secondary-font), sans-serif;
|
|
font-weight: 700;
|
|
margin: 0 0 10px;
|
|
}
|
|
|
|
#primary .post .entry-content h4,
|
|
#primary .page .entry-content h4 {
|
|
font-size: 22px;
|
|
line-height: 1.272em;
|
|
color: #111;
|
|
font-family: var(--secondary-font), sans-serif;
|
|
font-weight: 700;
|
|
margin: 0 0 10px;
|
|
}
|
|
|
|
#primary .post .entry-content h5,
|
|
#primary .page .entry-content h5 {
|
|
font-size: 18px;
|
|
line-height: 1.444em;
|
|
color: #111;
|
|
font-family: var(--secondary-font), sans-serif;
|
|
font-weight: 700;
|
|
margin: 0 0 10px;
|
|
}
|
|
|
|
#primary .post .entry-content h6,
|
|
#primary .page .entry-content h6 {
|
|
font-size: 16px;
|
|
line-height: 1.444em;
|
|
color: #111;
|
|
font-family: var(--secondary-font), sans-serif;
|
|
font-weight: 700;
|
|
margin: 0 0 10px;
|
|
}
|
|
|
|
#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, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="%234a4a4a" d="M24.707 38.101L4.908 57.899c-4.686 4.686-4.686 12.284 0 16.971L185.607 256 4.908 437.13c-4.686 4.686-4.686 12.284 0 16.971L24.707 473.9c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L41.678 38.101c-4.687-4.687-12.285-4.687-16.971 0z"></path></svg>');
|
|
background-repeat: no-repeat;
|
|
width: 15px;
|
|
height: 15px;
|
|
margin-right: 15px;
|
|
display: inline-block;
|
|
background-position: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#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: var(--primary-color);
|
|
border-color: var(--primary-color);
|
|
}
|
|
|
|
.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: var(--primary-color);
|
|
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(2, 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: var(--primary-color);
|
|
}
|
|
|
|
/*===============================
|
|
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: var(--primary-color);
|
|
}
|
|
|
|
.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: var(--primary-color);
|
|
}
|
|
|
|
.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: var(--primary-color);
|
|
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: var(--primary-color);
|
|
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-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
|
|
.team-grid .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
|
|
opacity: 1;
|
|
}
|
|
|
|
.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: #118bcb;
|
|
}
|
|
|
|
.site-footer .footer-t {
|
|
padding: 70px 0;
|
|
}
|
|
|
|
.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: 1.1em;
|
|
margin-bottom: 20px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.footer-t .widget ul li a,
|
|
.site-footer .widget .textwidget a {
|
|
color: #fff;
|
|
}
|
|
|
|
.site-footer .widget .textwidget a:hover {
|
|
color: #fff;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.widget ul li a {
|
|
color: #4a4a4a;
|
|
}
|
|
|
|
.widget ul li a:hover {
|
|
color: var(--primary-color);
|
|
}
|
|
|
|
.site-footer .footer-b {
|
|
padding: 30px 0;
|
|
border-top: 1px solid rgba(255, 255, 255, 0.2);
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.site-footer .footer-b a {
|
|
color: #fff;
|
|
}
|
|
|
|
.site-footer .footer-b a:hover,
|
|
.site-footer .footer-b a:focus {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.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: var(--primary-color);
|
|
}
|
|
|
|
.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, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="%23b5b5b5" d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z"></path></svg>');
|
|
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: var(--primary-color);
|
|
}
|
|
|
|
/*======================
|
|
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: var(--primary-color);
|
|
border-color: var(--primary-color);
|
|
color: #fff;
|
|
}
|
|
|
|
/*=====================
|
|
WIDGET RSS
|
|
=====================*/
|
|
.widget_rss ul li {
|
|
font-weight: 400;
|
|
}
|
|
|
|
.widget_rss ul li a {
|
|
color: var(--primary-color);
|
|
}
|
|
|
|
.widget_rss ul li a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/*=============================
|
|
WIDGET CALENDAR
|
|
=============================*/
|
|
.widget_calendar table {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.widget_calendar table caption {
|
|
background: var(--primary-color);
|
|
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 var(--primary-color);
|
|
font-size: 16px;
|
|
}
|
|
|
|
.widget_calendar table tr td {
|
|
text-align: center;
|
|
font-size: 16px;
|
|
padding: 5px;
|
|
border: 1px solid var(--primary-color);
|
|
}
|
|
|
|
.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 var(--primary-color);
|
|
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 var(--primary-color);
|
|
text-align: left;
|
|
}
|
|
|
|
.widget_calendar .wp-calendar-nav span.wp-calendar-nav-next {
|
|
width: 40%;
|
|
border-left: 1px solid var(--primary-color);
|
|
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: var(--primary-color);
|
|
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: var(--primary-color);
|
|
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: var(--primary-color);
|
|
}
|
|
|
|
.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: 14px;
|
|
font-weight: 900;
|
|
text-transform: uppercase;
|
|
border: 1px solid var(--primary-color);
|
|
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;
|
|
}
|
|
|
|
.btn-readmore:hover {
|
|
background: var(--primary-color);
|
|
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: var(--primary-color);
|
|
}
|
|
|
|
#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: var(--secondary-font);
|
|
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: var(--secondary-font);
|
|
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: var(--primary-color);
|
|
}
|
|
|
|
.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: var(--primary-color);
|
|
}
|
|
|
|
/*===============================
|
|
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: var(--primary-color);
|
|
border-color: var(--primary-color);
|
|
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: 40px;
|
|
border-radius: 50%;
|
|
background: #fff;
|
|
padding: 12px 0;
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
|
|
#primary-toggle-button span {
|
|
display: block;
|
|
width: 15px;
|
|
height: 3px;
|
|
background: var(--primary-color);
|
|
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: none;
|
|
}
|
|
|
|
.responsive-menu-holder {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
background: var(--primary-color);
|
|
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: var(--primary-color);
|
|
}
|
|
|
|
.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: 20px 30px;
|
|
color: rgba(255, 255, 255, 0.7) !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: var(--primary-color) !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 {
|
|
font-size: 2.3em;
|
|
}
|
|
|
|
#primary .post .entry-content h2,
|
|
#primary .page .entry-content h2 {
|
|
font-size: 1.7em;
|
|
}
|
|
|
|
#primary .post .entry-content h3,
|
|
#primary .page .entry-content h3 {
|
|
font-size: 1.4em;
|
|
}
|
|
|
|
#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: 50%;
|
|
top: 0px;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
right: 5px;
|
|
z-index: 99999999999999;
|
|
color: rgba(10, 163, 243, 0.9);
|
|
font-size: 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
line-height: 0;
|
|
border: 1px solid var(--primary-color);
|
|
background: #fff;
|
|
}
|
|
|
|
.responsive-menu-holder .mobile-navigation .close-main-nav-toggle:focus {
|
|
outline: 1px dotted #fff;
|
|
}
|
|
|
|
.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: 0;
|
|
right: 0;
|
|
width: 50px;
|
|
height: 66px;
|
|
border: 0;
|
|
outline: 0;
|
|
padding: 0;
|
|
background: transparent;
|
|
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 button.submenu-toggle:focus {
|
|
outline: 1px dotted #fff;
|
|
}
|
|
|
|
.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 {
|
|
outline: 1px dotted #fff;
|
|
}
|
|
}
|
|
|
|
@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: var(--primary-color);
|
|
}
|
|
|
|
.site-footer .widget_raratheme_featured_page_widget .text-holder .featured_page_content .btn-readmore:hover {
|
|
color: var(--primary-color);
|
|
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: var(--primary-color);
|
|
}
|
|
|
|
.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: var(--primary-color);
|
|
}
|
|
|
|
.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: var(--primary-color);
|
|
}
|
|
|
|
.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, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23fff" d="M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z"></path></svg>');
|
|
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 var(--primary-color);
|
|
background: white;
|
|
color: var(--primary-color);
|
|
}
|
|
|
|
.site-footer .widget.widget_raratheme_author_bio .raratheme-author-bio-holder .text-holder .readmore:hover {
|
|
background: var(--primary-color);
|
|
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: var(--primary-color);
|
|
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: var(--primary-color)73;
|
|
}
|
|
|
|
/* 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: var(--primary-color);
|
|
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: var(--primary-color);
|
|
}
|
|
|
|
#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: var(--primary-color);
|
|
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 var(--primary-color);
|
|
background: var(--primary-color);
|
|
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: var(--primary-color);
|
|
}
|
|
|
|
/* Image Widget */
|
|
#secondary .widget_raratheme_image_widget .readmore {
|
|
border: 1px solid var(--primary-color);
|
|
background: var(--primary-color);
|
|
color: #fff;
|
|
}
|
|
|
|
#secondary .widget_raratheme_image_widget .readmore:focus,
|
|
#secondary .widget_raratheme_image_widget .readmore:hover {
|
|
background-color: #fff;
|
|
color: var(--primary-color);
|
|
}
|
|
|
|
/* 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: var(--secondary-font);
|
|
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: var(--primary-color);
|
|
color: #fff;
|
|
border: 1px solid var(--primary-color);
|
|
}
|
|
|
|
/* 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 {
|
|
border: 1px dotted #fff;
|
|
}
|
|
|
|
/* 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: var(--primary-color);
|
|
border: 1px solid var(--primary-color);
|
|
}
|
|
|
|
.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: var(--primary-color);
|
|
background: #fff;
|
|
}
|
|
|
|
.site-footer .widget_raratheme_image_widget .readmore {
|
|
color: #fff;
|
|
background: var(--primary-color);
|
|
border: 1px solid var(--primary-color);
|
|
}
|
|
|
|
.site-footer .widget_raratheme_image_widget .readmore:hover {
|
|
color: var(--primary-color);
|
|
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: var(--primary-color);
|
|
color: #fff;
|
|
border: 1px solid var(--primary-color);
|
|
}
|
|
|
|
#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: var(--primary-color);
|
|
}
|
|
|
|
#secondary .widget_rtc_social_links .rtc-social-icon-wrap a {
|
|
background: var(--primary-color);
|
|
color: #fff;
|
|
border: 1px solid var(--primary-color);
|
|
}
|
|
|
|
#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,
|
|
.widget .textwidget a {
|
|
color: #4a4a4a;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.entry-content a:hover,
|
|
.entry-summary a:hover,
|
|
.page-content a:hover,
|
|
.comment-content a:hover,
|
|
.widget .textwidget a:hover {
|
|
color: var(--primary-color);
|
|
text-decoration: underline;
|
|
}
|
|
|
|
|
|
/* Desktop accessibility */
|
|
#site-navigation ul li.hover>ul {
|
|
margin-top: 0;
|
|
opacity: 1;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.home:not(.blog) .site-header:not(.sticky-menu)>.main-header .site-branding .site-description,
|
|
.home:not(.blog) .site-header:not(.sticky-menu)>.main-header .site-branding .site-title a {
|
|
color: #fff
|
|
}
|
|
|
|
.home:not(.blog) .site-header:not(.sticky-menu)>.main-header .site-branding .site-description {
|
|
opacity: 0.7;
|
|
} |