Server : LiteSpeed System : Linux premium84.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : claqxcrl ( 523) PHP Version : 8.1.32 Disable Function : NONE Directory : /home/claqxcrl/matelopsrp.com/wp-content/themes/multicolor-business/ |
/*
Theme Name: Multicolor Business
Theme URI: https://www.luzuk.com/themes/free-business-wordpress-theme/
Author: Luzuk
Author URI: https://www.luzuk.com/
Description: Multicolor Business Design is a powerful, dynamic, robust and clean business WordPress theme for online business, commercial business, trading, accountant, corporate, consultant, corporates, small and medium sized business, start-ups, digital agencies and other business websites. It is useful for marketing, investment and promotional business, sales company, bitcoin and crypto currency business, Ad agency and any type of business. This theme offers numerous layouts of blogs and pages with many different styles of header, footer, sidebars and menu to yield a beautiful design of website. It has a responsive layout that responds to varying screens sizes of mobiles, tablets and desktops. It is multi-browser compatible, multilingual, RTL writing supportive and retina ready to make your website modern. Banners and sliders are provided to help show the vastness of your website and make it impressive. It is integrated with social media icons to help you reach people easily. It is backed by Bootstrap framework to give a strong base to the website. Multicolor Business Design is coded from scratch resulting in a bug-free site. It works just fine with third party plugins including WooCommerce. It has various post formats. It is an SEO friendly theme which is sure to give a fast loading website. Use it to get the perfect professional look for your website. Demo: https://luzukdemo.com/demo/multicolor-business-design/
Tested up to: 5.5
Requires PHP: 5.2.4
Version: 0.3.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: multicolor-business
Tags: one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-colors, custom-background, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, full-width-template, threaded-comments, translation-ready, blog, e-commerce, portfolio
Multicolor Business WordPress Theme, Copyright 2018 Luzuk
Multicolor Business is distributed under the terms of the GNU GPL
*/
html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
font-family: 'Montserrat', sans-serif;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
p {
margin: 0;
font-size: 15px;
line-height: 1.8;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
figcaption,
figure,
main {
display: block;
}
figure {
margin: 1em 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration: none;
}
a:active,
a:hover {
outline-width: 0;
text-decoration: none;
}
a:focus, input:focus, textarea:focus, button:focus,
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus{
text-decoration: none;
outline: -webkit-focus-ring-color auto 1px;
}
.site-footer a:focus, .site-footer input:focus, .top-header a:focus{
outline-color: #fff;
}
.lz-content a, .entry-content a, .comment-body a,
.textwidget a, .woocommerce-product-details__short-description a {
text-decoration: underline;
}
abbr[title] {
border-bottom: 1px #767676 dotted;
text-decoration: none;
}
b,
strong {
font-weight: inherit;
}
b,
strong {
font-weight: 700;
}
code,
kbd,
samp {
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #eee;
color: #222;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
border: 1px solid #bbb;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details,
menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
}
/*-------------- 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,
.entry-footer:before,
.entry-footer: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,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
clear: both;
}
/*--------- Forms ---------*/
label {
color: #333;
display: block;
font-weight: 800;
margin-bottom: 0.5em;
}
fieldset {
margin-bottom: 1em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
background: #fff;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #d7d7d7;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
padding: 0.7em;
width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #222;
border-color: #333;
}
select {
border: 1px solid #bbb;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 3em;
max-width: 100%;
}
input[type="radio"],
input[type="checkbox"] {
margin-right: 0.5em;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
font-weight: 400;
}
button,
input[type="button"],
input[type="submit"] {
background-color: #f2de88;
border: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #000;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 800;
line-height: 1;
padding: 1em 2em;
text-shadow: none;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
input + button,
input + input[type="button"],
input + input[type="submit"] {
padding: 0.75em 2em;
}
button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
background-color: #ddd;
color: #222;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #f2de88;
}
button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
background: #bbb;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #333;
}
:-moz-placeholder {
color: #333;
}
::-moz-placeholder {
color: #333;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
color: #333;
}
/*------ Formatting ---------*/
hr {
background-color: #bbb;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
/*-------- Lists ----------*/
ul,
ol {
margin: 0 0 1.5em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
/*---------- Tables ---------*/
table {
border-collapse: collapse;
width: 100%;
}
thead th {
border-bottom: 2px solid #bbb;
padding-bottom: 0.5em;
}
th {
padding: 0.4em;
text-align: left;
}
tr {
border-bottom: 1px solid #eee;
}
td {
padding: 0.4em;
}
th:first-child,
td:first-child {
padding-left: 0;
}
th:last-child,
td:last-child {
padding-right: 0;
}
/*---------- Links -----------*/
a {
color: #222;
text-decoration: none;
}
a:hover,
a:active {
color: #000;
outline: 0;
}
.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
text-decoration: none;
-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
/* Fixes linked images */
.entry-content a img,
.widget a img {
-webkit-box-shadow: 0 0 0 8px #fff;
box-shadow: 0 0 0 8px #fff;
}
.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
color: #222;
}
/*------------ Featured Image Hover ----------------*/
.post-thumbnail {
margin-bottom: 1em;
}
.post-thumbnail img {
width: auto;
}
.post-thumbnail a img {
-webkit-backface-visibility: hidden;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
opacity: 0.7;
}
/*top bar*/
.nav input[type="search"]{
margin:10px 0;
padding:5px;
}
/* --------- MENUS CSS --------- */
#sidelong-menu {
display: inline;
background: #f2de88;
}
ul.list_nav {
margin: 0 auto;
text-align: center;
display: block;
}
.nav-menu ul{
margin:0;
padding:0;
font-weight:400;
font-size:14px;
text-transform: uppercase;
font-weight:bold;
}
.nav-menu li{
display:inline-block;
margin:0;
position:relative;
}
.nav-menu a{
color:#000;
padding: 15px 20px 15px 12px;
font-size: 14px;
display:block;
text-transform: uppercase;
font-weight: 600;
}
.nav-menu ul ul{
display: none;
position: absolute;
min-width: 215px;
z-index: 9999;
}
.nav-menu ul ul ul{
left: 216px;
top: 0;
}
.nav-menu ul ul a{
color: #000;
padding: 10px;
background: #f2de88;
transition: all 0.5s ease 0s;
}
.nav-menu ul ul a:hover{
background: #000;
color: #fff;
}
.nav-menu ul ul li{
float: none;
display: block;
text-align: left;
border-left: none;
border-right: none !important;
padding: 0;
}
.nav-menu ul li:hover > ul{
display: block;
}
/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows .sf-with-ul:after {
content: '\f107';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
right: 6px;
top: 16px;
}
.sf-arrows ul .sf-with-ul:hover:after{
transform: rotate(270deg);
}
.sf-arrows ul .sf-with-ul:after{
top: 12px;
right: 15px;
}
.toggle-menu, a.closebtn{
display: none;
}
/*------------- Navigation -------------*/
.page-template-custom-home-page #header {
position: absolute;
width: 100%;
z-index: 333;
background: transparent;
}
#header {
background: #333333;
}
.page-template-custom-home-page #header {
margin: 1% 0;
}
.page-template-custom-home-page #header .main-top{
background: #fff;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.main-top{
padding: 15px 0;
}
.page-template-custom-home-page .menu-section{
background: transparent;
border:0;
}
.menu-section{
background: #fff;
border-bottom:1px solid;
}
.search-box i {
cursor: pointer;
color: #e85c15;
}
.search-box {
text-align: left;
margin-top: 35px;
}
.page-template-custom-home-page .top-header {
color: #fff;
background: #333333;
padding: 15px 0;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
}
.top-header a{
color: #fff;
}
.top {
padding: 10px 0;
}
.page-template-custom-home-page .top {
padding: 0px;
}
.contact-details{
text-align: center;
}
.contact-details1 {
margin-left: 30px;
}
.top-header i {
color: #f2de88;
margin-right: 10px;
}
/* logo and contact*/
.logo {
padding: 0 15px;
}
.logo p{
margin-top: 0px;
font-size: 14px;
}
.logo p,
.logo h1 a, .logo p.site-title a{
color: #333;
}
.logo h1, .logo p.site-title {
text-transform: uppercase;
font-size: 25px;
margin: 0;
font-weight: bold;
line-height: 1.2;
}
/* content-page*/
.article_content {
margin-bottom: 30px;
padding: 10px;
box-shadow: 2px 2px 5px #cdcdcd;
}
.article_content img {
width: auto;
margin:5px 0;
}
.article-text h3, .article-text h1{
color: #2c2c2c;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
}
.article-text span.entry-date{
font-weight: 500;
}
.article-text .metabox span {
margin-right: 9px;
}
.article-text .metabox i{
margin-right: 10px;
}
.article-text p{
color: #555555;
}
.article-text .metabox {
padding: 5px 5px;
margin-top: 10px;
text-align: left;
font-size: 14px;
font-weight: 600;
margin-bottom: 10px;
background: #f2de88;
}
.know-btn {
margin: 15px 0 10px;
text-align: right;
}
.know-btn a.blogbutton-small {
color: #333;
border: 1px solid #f2de88;
padding: 10px 17px;
font-weight: 700;
font-size: 12px;
background: #f2de88;
}
.know-btn a.blogbutton-small:hover {
background: #fff;
}
/* --------- SLIDER--------- */
#slider .carousel-control-next-icon,
#slider .carousel-control-prev-icon{
background: transparent;
}
#slider .carousel-control-next-icon i,
#slider .carousel-control-prev-icon i{
border:1px solid;
padding: 10px;
color: #000000;
}
#slider{
max-width:100%;
padding:0;
background: #fff;
}
#slider img {
width: 100%;
opacity: 0.7;
}
#slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
display: block !important;
}
#slider .carousel-control-next, #slider .carousel-control-prev{
opacity: 1;
top: 0;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
width: auto;
height: auto;
}
#slider .inner_carousel h1{
text-align: left;
color: #000000;
font-weight: 700;
font-size: 40px;
text-transform: uppercase;
margin: 10px 0;
padding: 0px;
}
#slider .carousel-caption{
top: 53%;
transform: translateY(-50%);
right: 45%;
left: 12%;
}
#slider .inner_carousel p{
color: #000000;
font-size: 14px;
text-align: left;
letter-spacing: 0px;
margin-bottom: 20px;
}
#slider .learn-btn {
text-align: left;
}
#slider .learn-btn a.blogbutton-small {
color: #fff;
border: 1px solid #000;
background: #000;
padding: 10px 25px;
font-weight: 700;
letter-spacing: 1px;
font-size: 13px;
text-transform: uppercase;
}
#slider .learn-btn i{
margin-left: 5px;
}
/*---------- our-services-------*/
#our-services{
padding: 2% 0;
background: #f2de88;
text-align: center;
}
#our-services h2{
font-size: 35px;
font-weight: 400;
color:#606f91;
}
#our-services span{
font-size: 30px;
color: #000;
}
#our-services p.sub-head{
color: #000;
font-size: 13px;
font-weight: 500;
}
#our-services h3 {
margin-top: 20px;
color: #333333;
font-size: 20px;
margin-bottom: 5px;
font-weight: 500;
text-transform: uppercase;
}
#our-services .content {
padding: 4px 14px;
}
#our-services .content p{
margin: 5px 0;
color: #6c6c6c;
font-size: 15px;
}
#our-services .service-section{
margin: 15px 0;
padding: 15px;
background: #fff;
box-shadow: 2px 2px 15px #dfcc7a;
}
#our-services .read-btn {
text-decoration: underline;
margin-top: 20px;
}
#our-services .read-btn i{
margin-left: 5px;
color: #bf99b3;
}
#our-services .read-btn a.blogbutton-small {
color: #bf99b3;
font-weight: 500;
font-size: 15px;
}
/* Woocommerce */
.woocommerce #sidebar {
margin-top: 2em;
}
a.showcoupon, .woocommerce-message::before{
color: #f2de88;
}
.woocommerce-message {
border-top-color: #f2de88;
}
li.woocommerce-MyAccount-navigation-link a{
text-decoration: none;
}
.woocommerce span.onsale{
background: #f2de88;
color: #333;
padding: 0;
}
.products li {
border: solid 1px #dcdcdc;
padding: 10px !important;
width: 29% !important;
text-align: center;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
color: #353535;
letter-spacing: 1px;
font-weight: 500;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #353535;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
margin-bottom: 5px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
background: #f2de88;
border-radius: 0;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
background: #353535;
color: #fff;
}
.woocommerce .quantity .qty {
width: 5em;
padding: 5px;
border-radius: 0;
border: solid 1px #353535;
color: #353535;
}
span.woocommerce-input-wrapper {
width: 100%;
}
.col-1,.col-2 {
max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
background: #f2de88 !important;
padding: 12px;
margin-bottom: 10px;
}
.posted_in {
display: block;
}
header.woocommerce-products-header {
margin-top: 20px;
}
/*------- Header ---------*/
/* Site branding */
.site-branding {
padding: 1em 0;
position: relative;
-webkit-transition: margin-bottom 0.2s;
transition: margin-bottom 0.2s;
z-index: 3;
}
.site-branding a {
text-decoration: none;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.site-branding a:hover,
.site-branding a:focus {
opacity: 0.7;
}
.site-title,
.site-title a {
color: #222;
opacity: 1;
}
body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
color: #fff;
}
.site-description {
color: #fff;
font-size: 13px;
margin-bottom: 0;
}
body.has-header-image .site-description,
body.has-header-video .site-description {
color: #fff;
opacity: 0.8;
}
.custom-logo-link {
display: inline-block;
padding-right: 1em;
vertical-align: middle;
width: auto;
}
.custom-logo-link img {
display: inline-block;
max-height: 80px;
width: auto;
}
body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
max-height: 200px;
max-width: 100%;
}
.custom-logo-link a:hover,
.custom-logo-link a:focus {
opacity: 0.9;
}
body:not(.title-tagline-hidden) .site-branding-text {
display: inline-block;
vertical-align: middle;
}
.has-header-image.multicolor-business-front-page .custom-header,
.has-header-video.multicolor-business-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
display: table;
height: 300px;
height: 75vh;
width: 100%;
}
.custom-header-media {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.custom-header-media:before {
background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%);
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0);
bottom: 0;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
z-index: 2;
}
.wp-custom-header .wp-custom-header-video-button {
background-color: rgba(34, 34, 34, 0.5);
border: 1px solid rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.6);
height: 45px;
overflow: hidden;
padding: 0;
position: fixed;
right: 30px;
top: 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;
}
.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus {
border-color: rgba(255, 255, 255, 0.8);
background-color: rgba(34, 34, 34, 0.8);
color: #fff;
}
.admin-bar .wp-custom-header-video-button {
top: 62px;
}
.has-header-image:not(.multicolor-business-front-page):not(.home) .custom-header-media img {
bottom: 0;
position: absolute;
top: auto;
-ms-transform: translateX(-50%) translateY(0);
-moz-transform: translateX(-50%) translateY(0);
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe,
.has-header-image:not(.multicolor-business-front-page):not(.home) .custom-header-media img {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
top: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
width: 100%;
}
}
/* Hides div in Customizer preview when header images or videos change. */
body:not(.has-header-image):not(.has-header-video) .custom-header-media {
display: none;
}
.has-header-image.multicolor-business-front-page .site-branding,
.has-header-video.multicolor-business-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
display: table-cell;
height: 100%;
vertical-align: bottom;
}
/* 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;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
/*------- Front Page ------------*/
.page-template-custom-home-page .site-content {
margin: 0;
}
.site-content{
margin-top: 3%;
}
.multicolor-business-panel {
overflow: hidden;
position: relative;
}
.panel-image {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: relative;
}
.panel-image:before {
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0);
bottom: 0;
content: "";
left: 0;
right: 0;
position: absolute;
top: 100px;
}
.multicolor-business-front-page article:not(.has-post-thumbnail):not(:first-child) {
border-top: 1px solid #ddd;
}
.panel-content {
position: relative;
}
.panel-content .wrap {
padding-bottom: 0.5em;
padding-top: 1.75em;
}
/* Panel edit link */
.multicolor-business-panel .edit-link {
display: block;
margin: 0.3em 0 0;
}
/* Front Page - Recent Posts */
.multicolor-business-front-page .panel-content .recent-posts article {
border: 0;
color: #333;
margin-bottom: 3em;
}
.recent-posts .entry-header {
margin-bottom: 1.2em;
}
.page .panel-content .recent-posts .entry-title {
font-size: 20px;
font-weight: 300;
letter-spacing: 0;
text-transform: none;
}
.multicolor-business-panel .recent-posts .entry-header .edit-link {
color: #222;
display: inline-block;
font-size: 11px;
margin-left: 1em;
}
/*-------- Regular Content -----------*/
.site-content-contain {
position: relative;
}
/* Post Landing Page */
.sticky {
position: relative;
}
.post:not(.sticky) .icon-thumb-tack {
display: none;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.multicolor-business-front-page) .entry-title {
color: #222;
font-size: 25px;
font-weight: 700;
}
.entry-header .entry-title {
margin-bottom: 0.25em;
}
.entry-title a {
color: #f2de88;
text-decoration: none;
margin-left: -2px;
}
h3.entry-title a {
font-weight: 500;
}
.entry-title:not(:first-child) {
padding-top: 0;
}
.entry-meta {
color: #767676;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.1818em;
padding-bottom: 0.25em;
text-transform: uppercase;
}
.entry-meta a {
color: #767676;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.pagination,
.comments-pagination {
border-top: 1px solid #eee;
font-size: 14px;
font-weight: 800;
padding: 2em 0 3em;
text-align: center;
}
.pagination .icon,
.comments-pagination .icon {
width: 0.666666666em;
height: 0.666666666em;
}
.comments-pagination {
border: 0;
}
.page-numbers {
display: none;
padding: 0.5em 0.75em;
}
.page-numbers.current{
display: inline-block;
background: #f2de88;
}
.page-numbers.current .screen-reader-text {
clip: auto;
height: auto;
overflow: auto;
position: relative !important;
width: auto;
}
.prev.page-numbers,
.next.page-numbers {
background-color: #f2de88;
display: inline-block;
line-height: 1;
color: #000;
font-size: 18px;
font-weight: normal;
}
.prev.page-numbers,
.next.page-numbers {
-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;
}
.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
background: #f7f6f9;
color: #000;
cursor: pointer;
}
.prev.page-numbers {
float: left;
}
.next.page-numbers {
float: right;
}
p.link-more {
text-align: center;
margin-top: 0px;
}
a.more-link {
color: #fff;
background: #f2de88;
padding: 6px 10px;
float: left;
}
.more-link:before {
margin-top: 0 !important;
}
/* Aligned blockquotes */
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
color: #666;
font-size: 13px;
width: 48%;
}
/* Blog landing, search, archives */
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
padding-bottom: 2em;
}
body:not(.multicolor-business-front-page) .entry-header {
padding: 1em 0;
}
body:not(.multicolor-business-front-page) .entry-header,
body:not(.multicolor-business-front-page) .entry-content,
body:not(.multicolor-business-front-page) #comments {
margin-left: auto;
margin-right: auto;
}
body:not(.multicolor-business-front-page) .entry-header {
padding-top: 0;
}
.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
color: #222;
display: inline-block;
margin-left: 1em;
white-space: nowrap;
}
.search .page .entry-meta a.post-edit-link {
margin-left: 0;
white-space: nowrap;
}
.taxonomy-description {
color: #666;
font-size: 13px;
}
/* More tag */
.entry-content .more-link:before {
content: "";
display: block;
margin-top: 1.5em;
}
/* Single Post */
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.multicolor-business-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
margin-left: auto;
margin-right: auto;
max-width: 740px;
}
.single-featured-image-header {
background-color: #fafafa;
border-bottom: 1px solid #eee;
}
.single-featured-image-header img {
display: block;
margin: auto;
}
.page-links {
font-size: 14px;
font-weight: 800;
padding: 2em 0 3em;
}
.page-links .page-number {
color: #767676;
display: inline-block;
padding: 0.5em 1em;
}
.page-links a {
display: inline-block;
}
.page-links a .page-number {
color: #222;
}
/* Entry footer */
nav.social-navigation :hover {
color: #00bcd4;
}
.entry-footer {
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
margin-top: 2em;
padding: 2em 0;
}
.entry-footer .cat-links,
.entry-footer .tags-links {
display: block;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.1818em;
padding-left: 2.5em;
position: relative;
text-transform: uppercase;
}
.entry-footer .cat-links + .tags-links {
margin-top: 1em;
}
.entry-footer .cat-links a,
.entry-footer .tags-links a {
color: #333;
}
.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
color: #767676;
left: 0;
margin-right: 0.5em;
position: absolute;
top: 2px;
}
.entry-footer .edit-link {
display: inline-block;
}
.entry-footer .edit-link a.post-edit-link {
background-color: #222;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 800;
margin-top: 2em;
padding: 0.7em 2em;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
white-space: nowrap;
}
.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
background-color: #767676;
}
/* Post Formats */
.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
.format-quote blockquote {
color: #333;
font-size: 20px;
font-weight: 300;
overflow: visible;
position: relative;
}
.format-quote blockquote .icon {
display: block;
height: 20px;
left: -1.25em;
position: absolute;
top: 0.4em;
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
width: 20px;
}
/* Post Navigation */
.nav-subtitle {
background: transparent;
color: #767676;
display: block;
font-size: 16px;
font-weight: 600;
padding: 10px 0;
}
.nav-title {
color: #333;
font-size: 15px;
}
.post-navigation .nav-next {
margin-top: 1.5em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
margin-right: 0.5em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
margin-left: 0.5em;
}
/*----------- Pages ---------*/
header.page-header h2 {
margin-bottom: 15px;
}
.page-header {
padding-top: 2em;
}
.page .entry-header .edit-link {
font-size: 14px;
}
.search .page .entry-header .edit-link {
font-size: 11px;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
/* 404 page */
.error404 .page-content {
padding-bottom: 4em;
}
.error404 .page-content .search-form,
.search .page-content .search-form {
margin-bottom: 3em;
}
/*----------- Footer --------------*/
#colophon {
background-color: #333333;
}
.site-footer .wrap {
padding-bottom: 1.5em;
padding-top: 2em;
}
.site-footer {
font-size: 14px;
line-height: 1.6;
color: #fff;
}
.site-footer a{
color: #fff;
}
/* Footer widgets */
.site-footer input.search-field {
padding: 10px 0;
width: 95%;
}
.site-footer .widget{
margin-bottom: 25px;
}
.site-footer .widget-area a:hover,
.site-footer caption {
color: #fff;
}
.site-footer h3.widget-title a{
color: #f2de88;
}
.site-footer button.search-submit{
background-color: #f2de88;
font-weight: normal;
letter-spacing: 1px;
color: #333;
}
.site-footer .tagcloud a:hover{
background-color:#f2de88 !important;
color:#333 !important;
}
/* Site info */
.copyright {
border-top: 1px solid;
padding: 15px 0px;
text-align: center;
}
.copyright p{
margin: 0;
}
.copyright p,.copyright a{
color: #fff;
}
/*------- Comments ------------*/
.comments-title {
font-size: 20px;
margin-bottom: 15px;
}
.comment-list,
.comment-list .children {
list-style: none;
margin: 0;
padding: 0;
}
.comment-list li:before {
display: none;
}
.comment-body {
margin-left: 65px;
}
.comment-author {
font-size: 16px;
margin-bottom: 0.4em;
position: relative;
z-index: 2;
}
.comment-author .avatar {
height: 50px;
width: 50px;
}
.comment-author .says {
display: none;
}
.comment-meta {
margin-bottom: 10px;
}
.comment-metadata,
.comment-metadata a {
color: #767676;
}
.comment-metadata a.comment-edit-link {
color: #222;
margin-left: 1em;
}
.comment-body {
color: #333;
font-size: 14px;
margin-bottom: 4em;
}
.comment-reply-link {
font-weight: 800;
position: relative;
}
.comment-reply-link .icon {
color: #222;
left: -2em;
height: 1em;
position: absolute;
top: 0;
width: 1em;
}
.children .comment-author .avatar {
height: 30px;
left: -45px;
width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
border: 1px solid #333;
padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
color: #767676;
font-size: 14px;
font-style: italic;
}
.comments-pagination {
margin: 2em 0 3em;
}
.form-submit input[type="submit"]{
margin-top: 10px;
}
.form-submit {
text-align: right;
}
/*-------- Widgets ----------*/
#sidebar .widget {
padding: 15px;
margin-bottom: 15px;
box-shadow: 2px 2px 5px #cdcdcd;
}
h3.widget-title {
color: #f2de88;
font-size: 18px;
font-weight: 800;
letter-spacing: 1px;
margin:10px 0;
text-transform: uppercase;
}
#sidebar h3:before{
content: '';
display: block;
bottom: -37px;
right: 0;
position: relative;
height: 2px;
left: 0;
}
#sidebar h3.widget-title {
display: inline-block;
padding: 10px 5px;
font-size: 18px;
font-weight: bold;
text-align: left;
color: #333;
background: #f2de88;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 0 10px;
}
#sidebar h3.widget-title a:hover{
color: #fff;
}
#sidebar .widget ul li{
font-size: 15px;
border-bottom: 1px solid #e1e1e1;
}
#sidebar .widget ul li:last-child {
border: none;
}
#sidebar .tagcloud a {
background: #efefef;
border: 1px solid #efefef;
color: #333;
}
#sidebar .tagcloud a:hover{
background-color:#f2de88;
}
#sidebar button.search-submit{
background-color: #f2de88;
background-image: none;
color: #333;
font-size: 16px;
font-weight: 600;
margin-top: 12px;
width: 100%;
padding: 8px;
}
#sidebar .search-form .search-submit {
bottom: 3px;
}
#sidebar input.search-field {
border: 1px solid;
color: #9b9b9b;
padding: 10px;
font-size: 12px;
width: 98%;
border-radius: 0px;
}
/* widget forms */
.widget select {
width: 100%;
margin-top: 10px;
}
/* widget lists */
.widget ul {
list-style: none;
margin: 0;
}
.widget ul li,
.widget ol li {
padding: 0.5em 0;
}
.widget ul li + li {
margin-top: -1px;
}
.widget ul li ul {
margin: 0 0 -1px;
padding: 0;
position: relative;
}
.widget ul li li {
border: 0;
}
/* Widget lists of links */
.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
bottom: 0;
}
.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
padding-bottom: 0.25em;
padding-top: 0.25em;
}
.widget_rss ul li {
padding-bottom: 1em;
padding-top: 1em;
}
/* widget markup */
.widget .post-date,
.widget .rss-date {
font-size: 0.81em;
}
/* Text widget */
.widget_text {
word-wrap: break-word;
}
.widget_text ul {
list-style: disc;
margin: 0 0 1.5em 1.5em;
}
.widget_text ol {
list-style: decimal;
}
.widget_text ul li,
.widget_text ol li {
border: none;
}
.widget_text ul li:last-child,
.widget_text ol li:last-child {
padding-bottom: 0;
}
.widget_text ul li ul {
margin: 0 0 0 1.5em;
}
.widget_text ul li li {
padding-left: 0;
padding-right: 0;
}
.widget_text ol li {
list-style-position: inside;
}
.widget_text ol li + li {
margin-top: -1px;
}
/* RSS Widget */
.widget_rss .widget-title .rsswidget:first-child {
float: right;
}
.widget_rss .widget-title .rsswidget:first-child:hover {
background-color: transparent;
}
.widget_rss .widget-title .rsswidget:first-child img {
display: block;
}
.widget_rss ul li:first-child {
border-top: none;
padding-top: 0;
}
.widget_rss li .rsswidget {
font-size: 22px;
font-weight: 300;
line-height: 1.4;
}
.widget_rss .rss-date,
.widget_rss li cite {
color: #767676;
display: block;
font-size: 10px;
font-style: normal;
font-weight: 800;
letter-spacing: 0.18em;
line-height: 1.5;
text-transform: uppercase;
}
.widget_rss .rss-date {
margin: 0.5em 0 1.5em;
padding: 0;
}
.widget_rss .rssSummary {
margin-bottom: 0.5em;
}
/* Contact Info Widget */
.widget_contact_info .contact-map {
margin-bottom: 0.5em;
}
/* Gravatar */
.widget-grofile h4 {
font-size: 16px;
margin-bottom: 0;
}
/* Recent Comments */
.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
border: 0;
}
/* Recent Posts widget */
.widget_recent_entries .post-date {
display: block;
}
/* Search */
.search-form {
position: relative;
}
.search-form .search-submit {
bottom: 0px;
padding: 0.55em 1em;
position: relative;
right: 3px;
margin-top: 5px;
}
.search-form .search-submit .icon {
height: 24px;
top: -2px;
width: 24px;
}
button.search-submit{
background-color: #f2de88;
font-weight: normal;
letter-spacing: 1px;
}
/* Tag cloud widget */
.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
line-height: 1.5;
}
.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
border: 1px solid #efefef;
-webkit-box-shadow: none;
box-shadow: none;
display: inline-block;
float: left;
font-size: 14px !important; /* !important to overwrite inline styles */
font-size: 0.875rem !important;
margin: 4px 4px 0 0 !important;
padding: 4px 10px 5px !important;
position: relative;
-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: auto;
word-wrap: break-word;
z-index: 0;
}
.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
border-color: #bbb;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
}
/* Calendar widget */
.widget_calendar th,
.widget_calendar td {
text-align: center;
}
.widget_calendar tfoot td {
border: 0;
}
/*----------- Media ----------*/
img,
video {
height: auto;
max-width: 100%;
}
img.alignleft,
img.alignright {
float: none;
margin: 0;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
embed,
iframe,
object {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption,
.gallery-caption {
color: #666;
font-size: 13px;
font-style: italic;
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
/* Media Elements */
.mejs-container {
margin-bottom: 1.5em;
}
/* Audio Player */
.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
background: transparent;
border: 0;
}
/* Playlist Color Overrides: Light */
.site-content .wp-playlist-light {
border-color: #eee;
color: #222;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
color: #333;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
color: #767676;
}
.site-content .wp-playlist-light .wp-playlist-item {
border-bottom: 1px dotted #eee;
-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;
}
.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
border-bottom-color: rgba(0, 0, 0, 0);
background-color: #767676;
color: #fff;
}
.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
color: #fff;
}
/* Playlist Color Overrides: Dark */
.site-content .wp-playlist-dark {
background: #222;
border-color: #333;
}
.site-content .wp-playlist-dark .mejs-container .mejs-controls {
background-color: #333;
}
.site-content .wp-playlist-dark .wp-playlist-caption {
color: #fff;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
color: #eee;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
color: #aaa;
}
.site-content .wp-playlist-dark .wp-playlist-playing {
background-color: #333;
}
.site-content .wp-playlist-dark .wp-playlist-item {
border-bottom: 1px dotted #555;
-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;
}
.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
border-bottom-color: rgba(0, 0, 0, 0);
background-color: #aaa;
color: #222;
}
.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
color: #222;
}
/* Playlist Style Overrides */
.site-content .wp-playlist {
padding: 0.625em 0.625em 0.3125em;
}
.site-content .wp-playlist-current-item .wp-playlist-item-title {
font-weight: 700;
}
.site-content .wp-playlist-current-item .wp-playlist-item-album {
font-style: normal;
}
.site-content .wp-playlist-current-item .wp-playlist-item-artist {
font-size: 10px;
font-weight: 800;
letter-spacing: 0.1818em;
text-transform: uppercase;
}
.site-content .wp-playlist-item {
padding: 0 0.3125em;
cursor: pointer;
}
.site-content .wp-playlist-item:last-of-type {
border-bottom: none;
}
.site-content .wp-playlist-item a {
padding: 0.3125em 0;
border-bottom: none;
}
.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
}
.site-content .wp-playlist-item-length {
top: 5px;
}
/*--------- Galleries --------*/
.gallery-item {
display: inline-block;
text-align: left;
vertical-align: top;
margin: 0 0 1.5em;
padding: 0 1em 0 0;
width: 50%;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
-webkit-box-shadow: none;
box-shadow: none;
background: none;
display: inline-block;
max-width: 100%;
}
.gallery-item a img {
display: block;
-webkit-transition: -webkit-filter 0.2s ease-in;
transition: -webkit-filter 0.2s ease-in;
transition: filter 0.2s ease-in;
transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.gallery-item a:hover img,
.gallery-item a:focus img {
-webkit-filter: opacity(60%);
filter: opacity(60%);
}
.gallery-caption {
display: block;
text-align: left;
padding: 0 10px 0 0;
margin-bottom: 0;
}
/*---------- Customizer -----------*/
.highlight-front-sections.multicolor-business-customizer.multicolor-business-front-page .multicolor-business-panel:after {
border: 2px dashed #0085ba;
bottom: 1em;
content: "";
display: block;
left: 1em;
position: absolute;
right: 1em;
top: 1em;
z-index: 1;
}
.highlight-front-sections.multicolor-business-customizer.multicolor-business-front-page .multicolor-business-panel .panel-content {
z-index: 2;
}
/* Used for placeholder text */
.multicolor-business-customizer.multicolor-business-front-page .multicolor-business-panel .multicolor-business-panel-title {
display: block;
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
padding: 3em;
text-transform: uppercase;
text-align: center;
}
/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.multicolor-business-customizer.multicolor-business-front-page .multicolor-business-panel:nth-of-type(1):after {
border: none;
}
.multicolor-business-front-page.multicolor-business-customizer #primary article.panel-placeholder {
border: 0;
}
/* Add some space around the visual edit shortcut buttons. */
.multicolor-business-panel .customize-partial-edit-shortcut button {
top: 30px;
left: 30px;
}
/* Ensure that placeholder icons are visible. */
.multicolor-business-panel .customize-partial-edit-shortcut-hidden:before {
visibility: visible;
}
/*--------- Media --------------*/
@media screen and (max-width: 1000px){
.nav-menu .nav ul li a:focus, a.closebtn.responsive-menu:focus, .nav-menu .sub-menu > li > a:focus, .nav ul li a:focus{
outline-color: #333;
}
.toggle-menu {
display: none;
cursor: pointer;
margin: 15px 0;
z-index: 999999;
text-align: right;
}
.toggle-menu i {
font-size: 32px;
color: #000;
}
.toggle-menu button {
background: transparent;
border: none;
padding: 0;
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 9999999;
top: 0;
left: 0;
background-color: #252525;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
visibility: hidden;
}
.sidenav.show{
visibility: visible;
width: 250px;
transition: 0.5s width ease-in-out;
}
.sidenav .closebtn {
position: absolute;
top: 0;
right: 0;
font-size: 30px;
margin-left: 50px;
display: block;
padding: 10px;
color: #333;
border: none;
background: transparent;
}
.sidenav #primary-site-navigation {
width: 100%;
}
.toggle-menu span{
font-size:30px;
cursor:pointer;
text-align: right;
}
.toggle-menu{
display: block;
}
.nav-menu ul ul li{
display: block;
}
.nav-menu .nav ul li{
border-top:1px #303030 solid;
display:block;
}
.nav ul li a{
padding: 10px;
display:block;
color:#333;
border: none;
background: none !important;
}
.nav-menu .current_page_item > a, .nav-menu .current-menu-item > a, .nav-menu .current_page_ancestor > a {
color: #f2de88;
background: #333 !important;
}
.sf-arrows .sf-with-ul:after{
right: 20px;
}
.nav ul li ul li a:before{
content:"\00BB \00a0";
}
.nav ul li ul li a{
padding-left:20px !important;
}
.nav ul li ul li ul li a{
padding-left:30px !important;
}
.nav-menu ul ul{
position: static;
width: 100%;
display: block !important;
opacity: 1 !important;
height: auto !important;
}
.nav-menu li{
padding: 0;
display: block;
}
.main-header-box{
padding-bottom: 15px;
}
#sidelong-menu {
text-align: left;
display: inline;
}
#header ul.sub-menu:before{
display: none;
}
.main-menu-navigation {
padding: 0px 10px;
}
.nav-menu ul li a:hover{
color: #f2de88;
background: #333 !important;
}
.sf-arrows .sf-with-ul:after:active ul{
display: block;
}
.sf-arrows .sf-with-ul:after{
top: 12px;
}
}
@media screen and (min-width: 30em) {
body,
button,
input,
select,
textarea {
font-size: 18px;
}
h1 {
font-size: 30px;
}
h2,
.home.blog .entry-title,
.page .panel-content .recent-posts .entry-title {
font-size: 26px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 13px;
}
h6 {
font-size: 16px;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 14px;
}
/* Fix image alignment */
img.alignleft {
float: left;
margin-right: 1.5em;
}
img.alignright {
float: right;
margin-left: 1.5em;
}
/* Front Page */
.panel-content .wrap {
padding-bottom: 2em;
padding-top: 3.5em;
}
.page-one-column .panel-content .wrap {
max-width: 740px;
}
.panel-content .entry-header {
margin-bottom: 4.5em;
}
.panel-content .recent-posts .entry-header {
margin-bottom: 0;
}
/* Blog Index, Archive, Search */
.taxonomy-description {
font-size: 14px;
}
/* Gallery Columns */
.gallery-item {
max-width: 25%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.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%;
}
}
@media screen and (min-width: 48em) {
body,
button,
input,
select,
textarea {
font-size: 16px;
line-height: 1.5;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 13px;
}
/* Layout */
.wrap {
max-width: 1000px;
padding-left: 3em;
padding-right: 3em;
}
.error404 #primary {
float: none;
}
/* Site Branding */
.site-branding {
margin: 0 !important;
padding: 0;
}
.has-header-image.multicolor-business-front-page .site-branding,
.has-header-video.multicolor-business-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
bottom: 0;
display: block;
left: 0;
height: auto;
padding-top: 0;
position: absolute;
width: 100%;
}
.has-header-image.multicolor-business-front-page .custom-header,
.has-header-video.multicolor-business-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
display: block;
height: auto;
}
.custom-header-media {
height: 165px;
position: relative;
}
.multicolor-business-front-page.has-header-image .custom-header-media,
.multicolor-business-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
height: 0;
position: relative;
}
.has-header-image:not(.multicolor-business-front-page):not(.home) .custom-header-media,
.has-header-video:not(.multicolor-business-front-page):not(.home) .custom-header-media {
bottom: 0;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.custom-logo-link {
padding-right: 2em;
}
.custom-logo-link img,
body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
max-width: 350px;
}
.title-tagline-hidden.home.has-header-image .custom-logo-link img,
.title-tagline-hidden.home.has-header-video .custom-logo-link img {
max-height: 200px;
}
.site-title {
font-size: 36px;
}
.site-description {
font-size: 15px;
}
/* Scroll down arrow */
.site-header .menu-scroll-down {
display: block;
padding: 1em;
position: absolute;
right: 0;
}
.site-header .menu-scroll-down .icon {
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(90deg); /* IE 9 */
transform: rotate(90deg);
}
.site-header .menu-scroll-down {
color: #fff;
top: 2em;
}
.menu-scroll-down .icon {
height: 18px;
width: 18px;
}
/* Front Page */
.multicolor-business-front-page.has-header-image .site-branding,
.multicolor-business-front-page.has-header-video .site-branding,
.home.blog.has-header-image .site-branding,
.home.blog.has-header-video .site-branding {
margin-bottom: 70px;
}
.multicolor-business-front-page.has-header-image .custom-header-media,
.multicolor-business-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
height: 1200px;
height: 100vh;
max-height: 100%;
overflow: hidden;
}
.multicolor-business-front-page.has-header-image .custom-header-media:before,
.multicolor-business-front-page.has-header-video .custom-header-media:before,
.home.blog.has-header-image .custom-header-media:before,
.home.blog.has-header-video .custom-header-media:before {
height: 33%;
}
.admin-bar.multicolor-business-front-page.has-header-image .custom-header-media,
.admin-bar.multicolor-business-front-page.has-header-video .custom-header-media,
.admin-bar.home.blog.has-header-image .custom-header-media,
.admin-bar.home.blog.has-header-video .custom-header-media {
height: 0;
}
.panel-content .wrap {
padding-bottom: 4.5em;
padding-top: 6em;
}
.panel-image {
height: 100vh;
max-height: 1200px;
}
/* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
.background-fixed .panel-image {
background-attachment: fixed;
}
.page-two-column .panel-content .entry-header {
float: left;
width: 36%;
}
.page-two-column .panel-content .entry-content {
float: right;
width: 58%;
}
/* Front Page - Recent Posts */
.page-two-column .panel-content .recent-posts {
clear: right;
float: right;
width: 58%;
}
.panel-content .recent-posts article {
margin-bottom: 4em;
}
.panel-content .recent-posts .entry-header,
.page-two-column #primary .panel-content .recent-posts .entry-header,
.panel-content .recent-posts .entry-content,
.page-two-column #primary .panel-content .recent-posts .entry-content {
float: none;
width: 100%;
}
.panel-content .recent-posts .entry-header {
margin-bottom: 1.5em;
}
.page .panel-content .recent-posts .entry-title {
font-size: 26px;
}
/* Posts */
.single-post .entry-title,
.page .entry-title {
font-size: 26px;
}
.comments-pagination,
.post-navigation {
clear: both;
}
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.nav-next,
.post-navigation .nav-next {
margin-top: 0;
}
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
padding-bottom: 4em;
}
.navigation.pagination {
clear: both;
float: right;
width: 58%;
}
.has-sidebar .navigation.pagination,
.archive.page-one-column:not(.has-sidebar) .navigation.pagination {
float: none;
width: 100%;
}
.entry-footer {
display: table;
width: 100%;
}
.entry-footer .cat-tags-links {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.entry-footer .edit-link {
display: table-cell;
text-align: right;
vertical-align: middle;
}
.entry-footer .edit-link a.post-edit-link {
margin-top: 0;
margin-left: 1em;
}
/* Entry content */
/* without sidebar */
:not(.has-sidebar) .entry-content blockquote.alignleft {
margin-left: -17.5%;
width: 48%;
}
:not(.has-sidebar) .entry-content blockquote.alignright {
margin-right: -17.5%;
width: 48%;
}
/* with sidebar */
.has-sidebar .entry-content blockquote.alignleft {
margin-left: 0;
width: 34%;
}
.has-sidebar .entry-content blockquote.alignright {
margin-right: 0;
width: 34%;
}
.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
margin-right: -72.5%;
width: 62%;
}
/* blog and archive */
.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
.multicolor-business-front-page.page-two-column .entry-content blockquote.alignleft,
.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
.page-two-column .entry-content blockquote.alignleft {
margin-left: -72.5%;
width: 62%;
}
.blog:not(.has-sidebar) .entry-content blockquote.alignright,
.multicolor-business-front-page.page-two-column .entry-content blockquote.alignright,
.archive:not(.has-sidebar) .entry-content blockquote.alignright,
.page-two-column .entry-content blockquote.alignright {
margin-right: 0;
width: 36%;
}
/* Post formats */
.format-quote blockquote .icon {
left: -1.5em;
}
/* Pages */
.page.page-one-column .entry-header,
.multicolor-business-front-page.page-one-column .entry-header,
.archive.page-one-column:not(.has-sidebar) .page-header {
margin-bottom: 4em;
}
/* Comments */
ol.children .children {
padding-left: 2em;
}
/* Posts pagination */
.nav-links .nav-title {
position: relative;
}
.nav-title-icon-wrapper {
position: absolute;
text-align: center;
width: 2em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
left: -2em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
right: -2em;
}
/* Gallery Columns */
.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%;
}
}
@media screen and ( min-width: 67em ) {
.sticky .icon-thumb-tack {
font-size: 32px;
height: 22px;
left: -1.25em;
top: 0.75em;
width: 32px;
}
.page-numbers {
display: inline-block;
margin-right: 5px;
}
.page-numbers:hover{
background: #f2de88;
}
.page-numbers.current{
display: inline-block;
background: #f2de88;
}
.page-numbers.current .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.comment-body {
margin-left: 0;
}
}
@media screen and ( min-width: 79em ) {
.has-sidebar .entry-content blockquote.alignleft {
margin-left: -20%;
}
.blog:not(.has-sidebar) .entry-content blockquote.alignright,
.archive:not(.has-sidebar) .entry-content blockquote.alignright,
.page-two-column .entry-content blockquote.alignright,
.multicolor-business-front-page .entry-content blockquote.alignright {
margin-right: -20%;
}
}
@media screen and ( max-width: 768px){
p.link-more {
width: 100%;
}
.menu-toggle{
display: block;
}
.call p{
margin-left: 12px;
}
.search-bar input[type="search"]{
width: 86%;
}
button.product-btn{
padding: 10px 0;
font-size: 14px;
}
.product-cat {
width: 83%;
}
#sidebar h3.widget-title{
padding: 4px 3px;
font-size: 17px;
}
#sidebar .widget_calendar th{
padding: 0px;
}
#sidebar .widget{
padding: 15px 5px;
}
}
@media screen and (min-width:720px){
.site-footer .search-form .search-submit{
bottom: 2px;
position: absolute;
right: 14px;
}
}
@media screen and (max-width:720px) {
.page-template-custom-home-page #header{
position: static;
}
.top{
text-align: center;
display: grid;
}
.social-icons{
text-align: center;
}
.social-icons,
.call{
margin-bottom: 5px;
margin-top: 5px;
}
}
@media screen and (max-width: 425px) {
.page-template-custom-home-page #header{
margin:0px;
}
.page-template-custom-home-page #header{
background: #333;
}
.page-template-custom-home-page #header .main-top{
border-radius: 0px;
}
#slider .inner_carousel h1,
#slider .inner_carousel p
{
display: none;
}
#slider .learn-btn {
text-align: center;
}
#slider .carousel-caption{
left: 0%;
right: 0%;
}
.service-box {
padding: 15px;
}
.top{
text-align: center;
display: grid;
}
.call{
margin-bottom: 5px;
margin-top: 5px;
}
.search-bar input[type="search"]{
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.search-bar button[type="submit"]{
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
margin-top: 5px;
}
.service-section .content {
margin-top: 10px;
}
.site-footer .search-form .search-submit {
padding: 12px;
position: absolute;
right: 1px;
bottom: 1px;
}
.site-footer input.search-field{
width: 100%;
}
.site-footer h3.widget-title{
color: #f2de88;
font-size: 18px;
}
.site-footer .widget ul li,
.site-footer .widget ul li a,
.site-footer a,
.site-info p,
.site-footer .textwidget p,
.site-footer table{
color: #fff;
}
.article-text span {
margin-right: 6px;
padding-right: 6px;
}
.woocommerce ul.products[class*=columns-] li.product,
.woocommerce-page ul.products[class*=columns-] li.product{
width: 90% !important;
float: none !important;
}
#sidebar .search-form .search-submit{
bottom: 2px;
padding: 15px;
position: static;
right: 1px;
}
.date-box {
margin-bottom: 10px;
}
}
@media screen and (min-width:575px){
#sidebar .search-form .search-submit {
padding: 9px;
}
}
@media only screen and (max-width: 768px) and (min-width: 426px){
.page-template-custom-home-page #header{
position: static;
}
#slider .inner_carousel p {
display: none;
}
#slider .inner_carousel h1{
font-size: 30px;
}
#slider .carousel-caption{
left: 15%;
right: 15%;
}
#slider .learn-btn{
margin: 15px 0;
}
.site-footer .search-form .search-submit{
padding: 10px;
position: static;
margin-top: 10px;
}
.search-box {
text-align: center;
margin-bottom: 9px;
}
.woocommerce ul.products[class*=columns-] li.product,
.woocommerce-page ul.products[class*=columns-] li.product{
width: 42% !important;
float: left !important;
margin-right: 10px;
}
#sidebar .widget_calendar td{
padding: 1px;
}
#sidebar h3.widget-title{
width: 100% !important;
}
#sidebar .search-form .search-submit{
padding:9px;
}
.site-footer h3.widget-title{
color: #f2de88 !important;
}
.site-footer .widget ul li,
.site-footer .widget ul li a,
.site-footer a,
.site-info p,
.site-footer .textwidget p,
.site-footer table{
color: #fff;
}
.site-footer td{
padding: 2px;
}
.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
border-color: #bbb;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
}
}
@media only screen and (max-width: 1024px) and (min-width: 999px){
.search-bar input[type="search"]{
width: 84%;
}
.widget_calendar td,
#sidebar td{
padding: 0px;
}
.logo h1, .logo p.site-title{
font-size: 18px;
}
.logo p{
font-size: 12px;
}
#slider .inner_carousel h1{
font-size: 30px;
}
#slider .carousel-caption{
top: 60%;
}
}
@media only screen and (max-width: 1000px) and (min-width: 768px){
#our-services .content p{
font-size: 12px;
}
#our-services h3{
font-size: 18px;
}
.page-template-custom-home-page .top-header{
border-radius: 0;
}
#slider .inner_carousel h1{
font-size: 30px;
}
#slider .carousel-caption{
top: 60%;
}
}