| Server IP : 51.91.236.255 / Your IP : 216.73.217.120 Web Server : Apache System : Linux webm002.cluster129.gra.hosting.ovh.net 6.18.42-ovh-vps-grsec-zfs+ #1 SMP PREEMPT_DYNAMIC Wed Aug 5 15:59:48 CEST 2026 x86_64 User : laureet ( 1012854) PHP Version : 8.0.30 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/laureet/www/wp-content/themes/rock-singer/ |
Upload File : |
/*
Theme Name: Rock Singer
Theme URI: http://creativthemes.com/downloads/rock-singer/
Author: Creativ Themes
Author URI: http://creativthemes.com/
Description: Rock Singer is a beautifully designed WordPress theme, suitable for musicians, artists, music bands, producers or anyone working in the music industry. Rock Singer theme is extremely flexible, intuitive and easy to use, packed with lots of features, making it a powerful and complete solution for the music industry.
Version: 1.0
Requires at least: 5.1
Requires PHP: 5.6
Tested up to: 6.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rock-singer
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, left-sidebar, editor-style, right-sidebar, full-width-template, two-columns, custom-colors, custom-header, custom-logo, blog, entertainment, 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.
Rock Singer is based on Underscores http://underscores.me/, (C) 2012-2016 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 http://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
# Layouts and Titles
# Media
## Captions
## Galleries
# Social Icons
# Breadcrumb List
# Homepage Sections
## Featured Slider
## Our Services
## Call to Action
## Our Gallery
## Our Team
## Our Testimonial
## Latest Posts
## Contact Us
# Footer
# Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
font-family: 'Chivo', sans-serif;
font-weight: 400;
}
.boxed-layout,
.frame-layout {
background-color: #eee;
}
.boxed-layout #page {
max-width: 1600px;
width: 90%;
margin: 0 auto;
background-color: #fff;
}
.frame-layout #page {
max-width: 1600px;
width: 90%;
margin: 50px auto;
background-color: #fff;
}
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;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
}
h1 {
font-size: 52px;
}
h2 {
font-size: 42px;
}
h3 {
font-size: 26px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
color: #fff;
margin: 16px 0;
line-height: 1.3;
font-weight: 400;
font-family: 'Chivo', sans-serif
}
mark {
background: #ff0;
color: #111;
}
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;
}
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;
}
#wp-calendar {
display: table;
width: 100%;
margin-bottom: 0;
}
tbody {
text-align: left;
}
tr {
border: 1px solid #aaa;
}
td,
th {
padding: 5px;
font-weight: 400;
}
td#next {
text-align: right;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
color: #fff;
font-size: 14px;
line-height: 28px;
word-wrap: break-word;
}
p {
margin: 0 0 1em;
}
p:last-child {
margin-bottom: 0;
}
dfn,
cite,
em,
i {
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #12212F;
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;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
box-sizing: border-box;
overflow-x: hidden;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
body {
background: #252742; /* Fallback for when there is no custom background color defined. */
overflow-x: hidden;
}
blockquote {
font-size: 18px;
line-height: 35px;
position: relative;
margin: 0;
}
.wp-block-quote,
.wp-block-quote:not(.is-large):not(.is-style-large),
.wp-block-pullquote {
background-color: #12212F;
border-left-color: #555;
}
.wp-block-latest-posts.wp-block-latest-posts__list {
list-style: disc;
padding-left: 1.5em;
}
blockquote.alignright {
padding-right: 0;
margin-bottom: 14px;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0;
padding-left: 1.5em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 0.5em;
}
dt {
font-weight: bold;
margin-bottom: 1em;
}
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: middle;
}
figure {
margin: 0; /* Extra wide images within figure tags don't overflow the content area. */
}
table {
margin: 0 0 1.5em;
width: 100%;
display: table;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: bold;
padding: 10px 25px;
position: relative;
letter-spacing: 0.05em;
text-transform: uppercase;
background-color: #fb3a64;
border: none;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background-color: #2A2B4C;
color: #fff;
text-decoration: none;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
background-color: #2A2B4C;
color: #fff;
text-decoration: none;
}
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: #fff;
border: 1px solid #2A2B4C;
background-color: #2A2B4C;
padding: 12px;
width: 100%;
}
select {
border: 1px solid #ccc;
}
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 {
outline: thin dotted;
}
textarea {
width: 100%;
}
#respond input[type="checkbox"] {
min-height: auto;
height: auto;
float: left;
margin-right: 10px;
width: auto;
}
#respond .comment-form-cookies-consent label {
display: table;
margin: 0;
line-height: 1;
}
#commentform .comment-form-cookies-consent {
clear: both;
display: inline-block;
width: 100%;
margin-top: 25px;
margin-bottom: 25px;
}
p.form-submit {
clear: both;
display: inline-block;
position: relative;
opacity: 1;
}
.comment-notes {
font-size: 14px;
margin-top: 0;
}
#respond label {
margin-bottom: 15px;
display: block;
}
#respond p {
opacity: 1;
}
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"] {
width: 100%;
}
#respond {
margin-top: 35px;
}
.logged-in-as a {
color: #fb3a64;
text-decoration: none;
}
.logged-in-as a:hover,
.logged-in-as a:focus {
color: #fff;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: #fb3a64;
text-decoration: underline;
}
a:hover,
a:focus,
a:active {
color: #fff;
}
a:focus {
outline: thin dotted;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#top-bar {
background-color: #2A2B4C;
border-bottom: 1px solid rgb(255 255 255 / 10%);
}
#top-bar a,
#top-bar .social-icons a:hover,
#top-bar .social-icons a:focus {
text-decoration: none;
}
#top-bar a:hover,
#top-bar a:focus {
text-decoration: underline;
}
#top-bar .widget {
text-align: center;
margin-bottom: 0;
font-size: 16px;
}
#top-bar .widget + .widget {
margin-top: 15px;
}
.widget_address_block ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_address_block ul li {
display: inline-block;
}
.widget_address_block ul li i {
margin-right: 8px;
}
#top-bar .widget_address_block ul li {
color: #fff;
padding: 10px 20px;
vertical-align: middle;
font-size: 13px;
}
#top-bar .widget ul li {
margin-bottom: 0;
}
#top-bar .widget_address_block ul li a {
color: #fff;
}
#masthead {
padding: 5px 0;
position: relative;
z-index: 3000;
background-color: #2A2B4C;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#masthead a {
text-decoration: none;
}
.site-branding {
float: left;
padding: 10px 0;
min-height: 80px;
display: flex;
align-items: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.site-logo,
#site-identity {
display: inline-block;
vertical-align: middle;
}
.site-title {
font-size: 20px;
margin: 0 0 5px;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0.01em;
}
.site-title a {
color: #fff;
}
.site-description {
margin: 0;
line-height: 1.3;
font-size: 14px;
color: #fff;
}
.site-logo a {
display: block;
margin-right: 15px;
}
.site-logo img {
max-height: 80px;
width: auto;
}
.main-navigation {
display: block;
position: relative;
float: right;
}
.main-navigation ul ul {
background-color: #252742;
text-align: left;
padding: 0;
}
.main-navigation ul ul li a {
padding: 10px 15px;
}
.main-navigation ul ul a:after {
float: right;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation li {
position: relative;
}
.main-navigation ul.nav-menu > li > a {
color: #fff;
}
.main-navigation ul.nav-menu > li:hover > a,
.main-navigation ul.nav-menu > li.focus > a {
color: #fb3a64;
}
.main-navigation form.search-form input {
background-color: #111;
border-color: #111;
color: #111;
font-weight: 400;
}
.main-navigation a {
display: block;
font-weight: 500;
color: #fff;
font-size: 15px;
}
.main-navigation ul ul {
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul a {
width: 225px;
font-weight: 400;
}
.main-navigation ul.nav-menu .current_page_item > a,
.main-navigation ul.nav-menu .current-menu-item > a,
.main-navigation ul.nav-menu .current_page_ancestor > a,
.main-navigation ul.nav-menu .current-menu-ancestor > a {
color: #fb3a64;
}
form.search-form {
width: 100%;
max-width: 100%;
position: relative;
}
.main-navigation form.search-form {
min-width: 320px;
}
input.search-field {
height: 45px;
padding: 0 50px 0 15px;
width: 100%;
}
.topbar-toggle {
width: 50px;
height: 35px;
line-height: 45px;
padding: 0;
margin: 0 auto;
text-align: center;
display: none;
border: none;
background-color: transparent;
}
.topbar-toggle:hover,
.topbar-toggle:focus {
background-color: transparent;
}
.topbar-toggle i {
font-size: 20px;
}
.topbar-toggle.active {
margin-bottom: 10px;
}
.topbar-toggle.active i {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.menu-toggle {
font-size: 16px;
margin: auto;
display: block;
height: 80px;
position: relative;
background-color: transparent;
min-width: 80px;
border: none;
margin-right: 0;
border-radius: 0;
padding: 0;
}
.menu-toggle:hover,
.menu-toggle:focus {
background-color: #fb3a64;
}
.menu-toggle span {
position: absolute;
top: 50%;
left: 0;
display: block;
width: 30px;
height: 3px;
background-color: #fff;
font-size: 0px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
right: 0;
margin: 0 auto;
}
.menu-toggle span:before,
.menu-toggle span:after {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 100%;
background: #fff;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -webkit-transform 0.3s;
-ms-transition: -webkit-transform 0.3s;
-o-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.menu-toggle span:before {
-webkit-transform: translateY(-250%);
-moz-transform: translateY(-250%);
-ms-transform: translateY(-250%);
-o-transform: translateY(-250%);
transform: translateY(-250%);
}
.menu-toggle span:after {
-webkit-transform: translateY(250%);
-moz-transform: translateY(250%);
-ms-transform: translateY(250%);
-o-transform: translateY(250%);
transform: translateY(250%);
}
.menu-toggle.active span {
background-color: transparent;
}
.menu-toggle.active span:before {
-webkit-transform: translateY(0) rotate(45deg);
-moz-transform: translateY(0) rotate(45deg);
-ms-transform: translateY(0) rotate(45deg);
-o-transform: translateY(0) rotate(45deg);
transform: translateY(0) rotate(45deg);
}
.menu-toggle.active span:after {
-webkit-transform: translateY(0) rotate(-45deg);
-moz-transform: translateY(0) rotate(-45deg);
-ms-transform: translateY(0) rotate(-45deg);
-o-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
}
button.dropdown-toggle {
padding: 0;
position: absolute;
top: 0;
right: 15px;
z-index: 10;
background-color: transparent;
color: #fff;
border: none;
width: 50px;
height: 47px;
line-height: 50px;
}
button.dropdown-toggle:focus {
outline: thin dotted #fff;
}
button.dropdown-toggle.active i {
transform: rotate(-180deg);
transform-origin: center;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0;
overflow: hidden;
}
.nav-links .nav-previous a:before,
.nav-links .nav-next a:after {
content: "\f0d9";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 10px;
font-size: 18px;
position: relative;
top: 1px;
}
.nav-links .nav-next a:after {
content: "\f0da";
margin-left: 10px;
margin-right: 0;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
position: relative;
text-align: left;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
position: relative;
}
.post-navigation a,
.posts-navigation a {
font-weight: 600;
display: block;
color: #fff;
text-decoration: none;
}
.post-navigation a:hover,
.posts-navigation a:hover,
.post-navigation a:focus,
.posts-navigation a:focus {
color: #fff;
opacity: 1;
}
.post-navigation,
.posts-navigation {
padding: 0;
position: relative;
}
.pagination .page-numbers,
.pagination .page-numbers.dots:hover,
.pagination .page-numbers.dots:focus {
text-align: center;
line-height: 35px;
width: 35px;
height: 35px;
display: inline-block;
margin-right: 5px;
color: #fff;
background-color: #2A2B4C;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
color: #fff;
background-color: #fb3a64;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
width: auto;
height: auto;
background-color: #2A2B4C;
color: #fff;
padding: 0 15px;
}
.pagination .page-numbers.prev:hover,
.pagination .page-numbers.next:hover,
.pagination .page-numbers.prev:focus,
.pagination .page-numbers.next:focus {
color: #fff;
background-color: #fb3a64;
}
.nav-previous span {
padding-left: 30px;
float: left;
text-align: left;
}
.nav-next span {
padding-right: 30px;
float: right;
text-align: right;
}
.post-navigation span,
.posts-navigation span {
display: table;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
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;
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,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after {
clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.3em;
}
.widget:last-child {
margin-bottom: 0;
}
/* Make sure select elements fit in widgets. */
.widget select {
max-width: 100%;
padding: 10px;
border: none;
width: 100%;
max-width: 300px;
}
.widget input {
height: 40px;
padding: 0 15px;
border: none;
}
form.search-form button.search-submit {
width: 45px;
height: 45px;
line-height: 45px;
position: absolute;
right: 0;
top: 0;
border: none;
padding: 0;
}
.widget_search form.search-form button.search-submit {
width: 50px;
color: #fff;
font-size: 16px;
line-height: 1;
height: 50px;
padding: 0;
}
.widget_search form.search-form input[type="search"] {
padding: 0 55px 0 15px;
height: 50px;
background-color: #f6f6f6;
color: #000;
border: none;
}
.widget_search form.search-form input[type="search"]:focus {
border-color: #fb3a64;
}
.wp-block-search__button {
color: #fff;
background-color: #fb3a64;
border: none;
padding: 0 15px;
border-radius: 0;
}
.wp-block-search__button:hover,
.wp-block-search__button:focus {
color: #fff;
background-color: #000;
}
form.search-form {
position: relative;
}
form.search-form input {
width: 100%;
padding: 0 40px 0 15px;
font-weight: 300;
}
#wp-calendar tbody td {
text-align: center;
}
#wp-calendar caption {
margin-bottom: 15px;
font-weight: 600;
}
.widget-title {
font-size: 18px;
margin: 0 0 32px;
color: #fff;
}
.widget li {
margin-bottom: 10px;
}
#secondary .widget-title {
font-size: 22px;
font-weight: 600;
margin-bottom: 20px;
letter-spacing: 0.01em;
}
#secondary {
color: #fff;
}
#secondary a {
color: #fff;
font-weight: 600;
}
#secondary a:hover,
#secondary a:focus {
color: #fff;
text-decoration: underline;
}
#secondary ul li a {
text-decoration: none;
}
#secondary .widget:not(:last-child) {
margin-bottom: 25px;
}
#secondary .wp-block-latest-comments article {
margin-bottom: 0;
display: inline-block;
}
.widget_contact_info ul {
margin: 0;
padding: 0;
list-style: none;
}
#secondary .widget_block h1,
#secondary .widget_block h2,
#secondary .widget_block h3,
#secondary .widget_block h4,
#secondary .widget_block h5,
#secondary .widget_block h6,
#colophon .widget_block h1,
#colophon .widget_block h2,
#colophon .widget_block h3,
#colophon .widget_block h4,
#colophon .widget_block h5,
#colophon .widget_block h6,
#secondary .wp-block-search .wp-block-search__label,
#colophon .wp-block-search .wp-block-search__label {
font-size: 20px;
font-weight: 500;
border-bottom: 2px solid #fff;
padding-bottom: 5px;
color: #fff;
}
#colophon .widget_block h1,
#colophon .widget_block h2,
#colophon .widget_block h3,
#colophon .widget_block h4,
#colophon .widget_block h5,
#colophon .widget_block h6,
#colophon .wp-block-search .wp-block-search__label {
border-bottom: none;
color: #fff;
}
#secondary .wp-block-search .wp-block-search__label,
#colophon .wp-block-search .wp-block-search__label {
display: block;
margin-bottom: 25px;
}
.widget_block .wp-block-group__inner-container h1,
.widget_block .wp-block-group__inner-container h2,
.widget_block .wp-block-group__inner-container h3,
.widget_block .wp-block-group__inner-container h4,
.widget_block .wp-block-group__inner-container h5,
.widget_block .wp-block-group__inner-container h6 {
margin-bottom: 15px;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.hentry {
margin: 0;
}
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 0;
}
.author img {
display: block;
text-align: center;
margin: 20px auto;
}
.page-header span.posted-on {
margin-bottom: 12px;
display: inline-block;
width: 100%;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.page-header span.author-name {
display: block;
font-size: 16px;
font-weight: 500;
line-height: 1;
color: #111;
}
.page-header small {
font-size: 12px;
color: #fb3a64;
}
nav.navigation.pagination {
margin-top: 50px;
clear: both;
display: inline-block;
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.posts-wrapper.col-3 article:nth-child(3n) {
border-right: 1px solid #e4e4e4;
}
.post-categories a {
color: #fb3a64;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
}
.tags-links {
margin-bottom: 20px;
display: inline-block;
}
.tags-links span {
margin: 0 8px 8px 0;
}
.tags-links a {
border: 1px solid #fb3a64;
display: inline-block;
padding: 5px 8px;
color: #fff;
line-height: 1;
font-size: 14px;
background-color: #fb3a64;
text-decoration: none;
}
.tags-links a:hover,
.tags-links a:focus {
border-color: #000;
background-color: #000;
color: #fff;
}
.single .date a:before,
.entry-meta .author:before,
.entry-meta .cat-links:before,
span.comments-link a:before {
content: "\f017";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 5px;
}
.entry-meta .author:before {
content: "\f007";
color: #9090a0;
}
.entry-meta .cat-links:before {
content: "\f02c";
color: #9090a0;
}
span.comments-link a:before {
content: "\f27a";
font-weight: 900;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.single .date a:before {
content: "\f017";
}
.author.vcard {
margin-left: 5px;
}
.byline {
visibility: hidden;
}
.byline .author.vcard {
visibility: visible;
margin-left: -20px;
}
.single-post .site-main .comment-navigation,
.single-post .site-main .posts-navigation,
.single-post .site-main .post-navigation {
margin-bottom: 0;
}
.navigation.post-navigation,
.navigation.posts-navigation {
padding: 20px 30px;
margin-top: 35px;
background-color: #2A2B4C;
}
.post-navigation .previous-article span span,
.posts-navigation .previous-article span span,
.post-navigation .next-article span span,
.posts-navigation .next-article span span {
display: block;
}
.post-navigation span.previous-article b,
.post-navigations span.previous-article b,
.post-navigation span.next-article b,
.post-navigations span.next-article b {
font-size: 22px;
font-weight: 600;
margin-bottom: 10px;
display: inline-block;
width: 100%;
}
.post-navigation span.previous-article,
.post-navigations span.previous-article {
display: table;
}
.error-404.not-found {
max-width: 600px;
margin: 0 auto;
text-align: center;
}
.error-404.not-found .page-title {
font-size: 38px;
}
.no-sidebar #secondary {
display: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
#reply-title,
.comments-title {
font-size: 42px;
margin: 0;
}
.comments-title,
#reply-title {
margin-bottom: 10px;
font-size: 32px;
font-weight: 600;
}
.comments-title {
margin-top: 50px;
}
ul.post-categories li:after {
content: ",";
}
ul.post-categories li:last-child:after {
display: none;
}
ol.comment-list {
padding: 0;
margin: 0 0 30px;
list-style: none;
}
#comments ol {
list-style: none;
margin-left: 0;
padding: 0;
}
#comments ol.comment-list {
padding-top: 35px;
position: relative;
overflow: hidden;
}
#comments ol.children {
margin-left: 120px;
}
.says {
display: none;
}
.comment-meta img {
width: 60px;
height: 60px;
float: left;
margin-right: 20px;
}
#comments time:before {
display: none;
}
.comment-body {
position: relative;
}
.reply {
text-align: right;
margin-bottom: 25px;
}
#comments article {
margin-bottom: 30px;
clear: both;
border-radius: 10px;
background-color: #2A2B4C;
padding: 20px;
}
#comments ol.comment-list > li:last-child article:last-child,
#comments ol.comment-list > li:last-child {
border-bottom: none;
}
#comments ol.comment-list > li {
padding-top: 49px;
}
#comments ol.comment-list > li:first-child {
padding-top: 0;
}
#comments ol.comment-list > li article:last-child .reply {
border-bottom: none;
padding-bottom: 0;
}
.reply a {
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: bold;
padding: 10px 25px;
position: relative;
letter-spacing: 0.05em;
text-transform: uppercase;
background-color: #fb3a64;
border: none;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.reply a:hover,
.reply a:focus {
background-color: #2A2B4C;
color: #fff;
}
.comment-meta .url,
.comment-meta .fn {
display: inline-block;
color: #fff;
font-size: 16px;
font-weight: 600;
text-decoration: none;
}
.comment-meta .url:hover,
.comment-meta .url:focus {
color: #fb3a64;
}
.comment-metadata a,
.comment-metadata a time {
color: #fff;
}
.comment-metadata a,
.comment-metadata time {
font-size: 14px;
text-decoration: none;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover time,
.comment-metadata a:focus time {
color: #fb3a64;
}
.comment-metadata time {
font-weight: 500;
}
.comment-metadata {
display: block;
margin-bottom: 10px;
}
.comment-content {
margin-bottom: 10px;
margin-top: 0;
padding-left: 80px;
}
.comment-content p {
font-weight: 400;
margin-bottom: 1em;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.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;
}
/*--------------------------------------------------------------
# Layouts and titles
--------------------------------------------------------------*/
section {
position: relative;
}
.entry-content {
margin-top: 0;
}
.wrapper {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding-left: 30px;
padding-right: 30px;
}
.section-gap {
padding: 60px 0;
}
.entry-title,
.section-title {
font-size: 22px;
margin: 0 0 15px;
font-weight: 500;
word-wrap: break-word;
}
.section-title {
margin: 0;
color: #fff;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
}
.section-header {
text-align: center;
max-width: 900px;
margin: 0 auto 50px;
}
.section-subtitle {
margin: 0 0 15px;
font-size: 16px;
line-height: 28px;
color: #fb3a64;
text-transform: uppercase;
letter-spacing: 1px;
}
.entry-title a {
color: #000;
text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus {
color: #fb3a64;
}
.post-thumbnail-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
}
.overlay {
background-color: #000;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.4;
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.btn {
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: bold;
padding: 10px 25px;
position: relative;
letter-spacing: 0.05em;
text-transform: uppercase;
background-color: #fb3a64;
border: none;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.btn:hover,
.btn:focus {
background-color: #2A2B4C;
color: #fff;
}
.btn i {
margin-left: 15px;
}
.featured-image {
position: relative;
}
.col-1 article,
.col-2 article,
.col-3 article,
.col-4 article,
.col-5 article,
.col-6 article {
margin-bottom: 30px;
width: 100%;
}
.col-1 article:last-child,
.col-2 article:last-child,
.col-3 article:last-child,
.col-4 article:last-child,
.col-5 article:last-child,
.col-6 article:last-child {
margin-bottom: 0;
}
/*--------------------------------------------------------------
# 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%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin: -4px;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
padding: 4px;
}
.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;
}
.wp-block-gallery {
margin: 0 0 1em;
}
.wp-block-image {
margin: 0 0 2em;
}
/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/
.social-icons li {
display: inline-block;
height: auto;
text-align: center;
position: relative;
list-style: none;
}
.footer-widgets-area .widget .social-icons li {
display: inline-block;
width: auto;
}
.social-icons li:not(:last-child) {
margin-right: 5px;
}
.social-icons,
.social-icons ul {
margin: 0;
padding: 0;
}
.social-icons li a {
background-color: transparent;
width: 50px;
height: 48px;
line-height: 48px;
display: block;
}
.social-icons li a:before {
content: "\f19a";
}
.social-icons li a:hover,
.social-icons li a:focus {
background-color: #fb3a64;
}
/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/
ul.social-icons {
margin: 0;
padding: 0;
}
.social-icons li {
width: 40px;
height: auto;
text-align: center;
line-height: 40px;
position: relative;
list-style: none;
}
.social-icons ul {
list-style: none;
margin: 0;
padding: 0;
}
.social-icons li a {
display: inline-block;
width: 50px;
height: 48px;
color: #fff;
font-size: 14px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-family: "Font Awesome 5 Brands";
}
.social-icons li a:hover {
color: #fff;
}
.social-icons li a[href*="facebook.com"]:before,
.social-icons li a[href*="fb.com"]:before {
content: "\f39e";
}
.social-icons li a[href*="twitter.com"]:before {
content: "\f099";
}
.social-icons li a[href*="linkedin.com"]:before {
content: "\f0e1";
}
.social-icons li a[href*="plus.google.com"]:before {
content: "\f0d5";
}
.social-icons li a[href*="youtube.com"]:before {
content: "\f167";
}
.social-icons li a[href*="dribbble.com"]:before {
content: "\f17d";
}
.social-icons li a[href*="pinterest.com"]:before {
content: "\f231";
}
.social-icons li a[href*="bitbucket.org"]:before {
content: "\f171";
}
.social-icons li a[href*="github.com"]:before {
content: "\f113";
}
.social-icons li a[href*="codepen.io"]:before {
content: "\f1cb";
}
.social-icons li a[href*="flickr.com"]:before {
content: "\f16e";
}
.social-icons li a[href$="/feed/"]:before {
content: "\f09e";
}
.social-icons li a[href*="foursquare.com"]:before {
content: "\f180";
}
.social-icons li a[href*="instagram.com"]:before {
content: "\f16d";
}
.social-icons li a[href*="tumblr.com"]:before {
content: "\f173";
}
.social-icons li a[href*="reddit.com"]:before {
content: "\f1a1";
}
.social-icons li a[href*="vimeo.com"]:before {
content: "\f194";
}
.social-icons li a[href*="digg.com"]:before {
content: "\f1a6";
}
.social-icons li a[href*="twitch.tv"]:before {
content: "\f1e8";
}
.social-icons li a[href*="stumbleupon.com"]:before {
content: "\f1a4";
}
.social-icons li a[href*="delicious.com"]:before {
content: "\f1a5";
}
.social-icons li a[href*="mailto:"]:before {
content: "\f0e0";
}
.social-icons li a[href*="soundcloud.com"]:before {
content: "\f1be";
}
.social-icons li a[href*="wordpress.org"]:before {
content: "\f19a";
}
.social-icons li a[href*="wordpress.com"]:before {
content: "\f19a";
}
.social-icons li a[href*="jsfiddle.net"]:before {
content: "\f1cc";
}
.social-icons li a[href*="tripadvisor.com"]:before {
content: "\f262";
}
.social-icons li a[href*="foursquare.com"]:before {
content: "\f180";
}
.social-icons li a[href*="angel.co"]:before {
content: "\f209";
}
.social-icons li a[href*="slack.com"]:before {
content: "\f198";
}
.social-icons li a[href*="tiktok.com"]:before {
content: "\e07b";
}
/*--------------------------------------------------------------
## Social Icons Hover Color
--------------------------------------------------------------*/
.social-icons li a[href*="facebook.com"]:hover,
.social-icons li a[href*="fb.com"]:hover,
.social-icons li a[href*="facebook.com"]:focus,
.social-icons li a[href*="fb.com"]:focus {
background-color: #3c5798 !important;
}
.social-icons li a[href*="twitter.com"]:hover,
.social-icons li a[href*="twitter.com"]:focus {
background-color: #1ea0f1 !important;
}
.social-icons li a[href*="linkedin.com"]:hover,
.social-icons li a[href*="linkedin.com"]:focus {
background-color: #0077B5 !important;
}
.social-icons li a[href*="plus.google.com"]:hover,
.social-icons li a[href*="plus.google.com"]:focus {
background-color: #ec7161 !important;
}
.social-icons li a[href*="youtube.com"]:hover,
.social-icons li a[href*="youtube.com"]:focus {
background-color: #cc181e !important;
}
.social-icons li a[href*="dribbble.com"]:hover,
.social-icons li a[href*="dribbble.com"]:focus {
background-color: #f4a09c !important;
}
.social-icons li a[href*="pinterest.com"]:hover,
.social-icons li a[href*="pinterest.com"]:focus {
background-color: #bd081b !important;
}
.social-icons li a[href*="bitbucket.org"]:hover,
.social-icons li a[href*="bitbucket.org"]:focus {
background-color: #205081 !important;
}
.social-icons li a[href*="github.com"]:hover,
.social-icons li a[href*="github.com"]:focus {
background-color: #323131 !important;
}
.social-icons li a[href*="codepen.io"]:hover,
.social-icons li a[href*="codepen.io"]:focus {
background-color: #111000 !important;
}
.social-icons li a[href*="flickr.com"]:hover,
.social-icons li a[href*="flickr.com"]:focus {
background-color: #025FDF !important;
}
.social-icons li a[href$="/feed/"]:hover,
.social-icons li a[href$="/feed/"]:focus {
background-color: #089DE3 !important;
}
.social-icons li a[href*="foursquare.com"]:hover,
.social-icons li a[href*="foursquare.com"]:focus {
background-color: #F94877 !important;
}
.social-icons li a[href*="instagram.com"]:hover,
.social-icons li a[href*="instagram.com"]:focus {
background-color: #cd42e7 !important;
}
.social-icons li a[href*="tumblr.com"]:hover,
.social-icons li a[href*="tumblr.com"]:focus {
background-color: #56BC8A !important;
}
.social-icons li a[href*="reddit.com"]:hover,
.social-icons li a[href*="reddit.com"]:focus {
background-color: #FF4500 !important;
}
.social-icons li a[href*="vimeo.com"]:hover,
.social-icons li a[href*="vimeo.com"]:focus {
background-color: #00ADEF !important;
}
.social-icons li a[href*="digg.com"]:hover,
.social-icons li a[href*="digg.com"]:focus {
background-color: #00ADEF !important;
}
.social-icons li a[href*="twitch.tv"]:hover,
.social-icons li a[href*="twitch.tv"]:focus {
background-color: #0E9DD9 !important;
}
.social-icons li a[href*="stumbleupon.com"]:hover,
.social-icons li a[href*="stumbleupon.com"]:focus {
background-color: #EB4924 !important;
}
.social-icons li a[href*="delicious.com"]:hover,
.social-icons li a[href*="delicious.com"]:focus {
background-color: #0076E8 !important;
}
.social-icons li a[href*="mailto:"]:hover,
.social-icons li a[href*="mailto:"]:focus {
background-color: #4169E1 !important;
}
.social-icons li a[href*="soundcloud.com"]:hover,
.social-icons li a[href*="soundcloud.com"]:focus {
background-color: #FF5500 !important;
}
.social-icons li a[href*="wordpress.org"]:hover,
.social-icons li a[href*="wordpress.org"]:focus {
background-color: #0073AA !important;
}
.social-icons li a[href*="wordpress.com"]:hover,
.social-icons li a[href*="wordpress.com"]:focus {
background-color: #00AADC !important;
}
.social-icons li a[href*="jsfiddle.net"]:hover,
.social-icons li a[href*="jsfiddle.net"]:focus {
background-color: #396AB1 !important;
}
.social-icons li a[href*="tripadvisor.com"]:hover,
.social-icons li a[href*="tripadvisor.com"]:focus {
background-color: #FFE090 !important;
}
.social-icons li a[href*="angel.co"]:hover,
.social-icons li a[href*="angel.co"]:focus {
background-color: #111000 !important;
}
.social-icons li a[href*="tiktok.com"]:hover,
.social-icons li a[href*="tiktok.com"]:focus {
background-color: #7d88e3 !important;
}
/*--------------------------------------------------------------
# Page Site Header
--------------------------------------------------------------*/
#page-site-header {
background-size: cover;
background-position: 50%;
position: relative;
text-align: center;
padding: 150px 0;
}
#page-site-header .overlay {
opacity: 0.3;
}
#page-site-header .page-title {
color: #fff;
font-size: 32px;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
position: relative;
display: inline-block;
font-weight: 600;
}
#page-site-header .page-header {
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
margin: 0 auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.header-image-disable #page-site-header {
display: none;
}
.no-results.not-found {
text-align: center;
max-width: 500px;
margin: 0 auto;
}
.single-featured-image {
margin-bottom: 25px;
}
/*--------------------------------------------------------------
# Slick Pagination
--------------------------------------------------------------*/
.slick-slide {
outline: none;
height: auto;
}
.slick-dotted.slick-slider {
margin-bottom: 0;
}
.slick-next:before,
.slick-prev:before {
opacity: 1;
content: "\f060";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 18px;
}
.slick-next:before {
content: "\f061";
}
.slick-prev,
.slick-next {
left: 0;
z-index: 1;
width: 50px;
height: 50px;
line-height: 62px;
background-color: #fb3a64;
border-radius: 0;
}
.slick-prev {
left: -10px;
}
.slick-next {
left: auto;
right: -10px;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
background-color: #000;
}
.slick-dots li {
margin: 0 7px;
width: auto;
height: auto;
}
.slick-dots li button {
width: 12px;
height: 12px;
padding: 0;
border-radius: 50%;
background-color: #ddd;
}
.slick-dots li.slick-active button {
background-color: #fb3a64;
}
.slick-dots li button:before {
display: none;
}
/*--------------------------------------------------------------
# Featured Slider
--------------------------------------------------------------*/
#featured-slider .wrapper {
position: relative;
}
#featured-slider .overlay {
opacity: 0.5;
}
#featured-slider article {
padding: 250px 0;
background-size: cover;
background-position: 50%;
position: relative;
height: auto;
}
#featured-slider .featured-content-wrapper {
position: absolute;
top: 50%;
left: 0;
right: 0;
max-width: 1100px;
padding: 0 15px;
margin: 0 auto;
text-align: center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
#featured-slider .entry-title {
color: rgba(255, 255, 255, 0);
font-size: 26px;
margin-bottom: 30px;
font-weight: 800;
text-transform: uppercase;
-webkit-text-stroke: 1px rgb(255, 255, 255);
}
#featured-slider .entry-subtitle {
color: #fff;
margin: 0 0 30px;
text-transform: uppercase;
font-size: 16px;
line-height: 28px;
letter-spacing: 1px;
}
#featured-slider .slick-dots {
bottom: 25px;
}
#featured-slider .slick-arrow {
visibility: hidden;
opacity: 0;
border-radius: 100%;
}
#featured-slider .slick-arrow:hover,
#featured-slider .slick-arrow:focus {
background-color: #000;
}
#featured-slider:hover .slick-arrow {
visibility: visible;
opacity: 1;
}
#featured-slider:hover .slick-arrow.slick-prev {
left: 15px;
}
#featured-slider:hover .slick-arrow.slick-next {
right: 15px;
}
#featured-slider .slick-dots li.slick-active button {
background-color: #fb3a64;
}
#featured-slider .slick-dots li button {
background-color: #fff;
}
.display-block {
display: block;
}
.display-none {
display: none;
}
/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
#about-us {
background-size: cover;
background-position: center center;
position: relative;
}
#about-us .section-header {
text-align: left;
margin: 0 0 30px;
max-width: 100%;
}
#about-us .featured-image {
background-size: cover;
background-position: center center;
padding: 150px 0;
margin-bottom: 35px;
}
#about-us .entry-container {
text-align: left;
}
#about-us .entry-title {
opacity: 0.8;
font-size: 20px;
font-weight: 600;
line-height: 1.5;
}
#about-us .entry-content {
margin-bottom: 35px;
}
#about-us .entry-content p {
white-space: break-spaces;
}
#about-us .read-more a {
text-decoration: none;
}
/*--------------------------------------------------------------
# Our Services
--------------------------------------------------------------*/
#our-team + #our-services {
padding-top: 0;
}
#our-services .section-content {
padding-left: 32px;
}
#our-services .service-item-wrapper {
background-color: #12212F;
padding: 50px 25px;
height: 100%;
border-radius: 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#our-services article:nth-child(1n) .service-item-wrapper {
background-color: #2F2F3F;
}
#our-services article:nth-child(2n) .service-item-wrapper {
background-color: #233044;
}
#our-services article:nth-child(3n) .service-item-wrapper {
background-color: #2A2B4C;
}
#our-services article:nth-child(4n) .service-item-wrapper {
background-color: #2F2947;
}
#our-services article:nth-child(5n) .service-item-wrapper {
background-color: #30283F;
}
#our-services article:nth-child(6n) .service-item-wrapper {
background-color: #222A47;
}
#our-services article:nth-child(1n) .service-item-wrapper:hover,
#our-services article:nth-child(1n) .service-item-wrapper:focus {
background-color: #fb3a64;
}
#our-services .service-item-wrapper:hover,
#our-services .service-item-wrapper:focus {
box-shadow: rgba(0,0,0,0.05) 0px 20px 130px 0px;
}
#our-services .icon-container {
margin-right: 20px;
float: left;
}
#our-services .icon-container i {
font-size: 32px;
background-color: #fb3a64;
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
color: #fff;
border-radius: 100%;
margin-left: -60px;
}
#our-services article:nth-child(1n) .icon-container i {
background-color: #F3C203;
}
#our-services article:nth-child(2n) .icon-container i {
background-color: #00D563;
}
#our-services article:nth-child(3n) .icon-container i {
background-color: #886CFF;
}
#our-services article:nth-child(4n) .icon-container i {
background-color: #F55498;
}
#our-services article:nth-child(5n) .icon-container i {
background-color: #FF3F00;
}
#our-services article:nth-child(6n) .icon-container i {
background-color: #0081F5;
}
#our-services .entry-header,
#our-services .entry-content {
display: table-row;
}
#our-services .entry-title {
font-size: 22px;
line-height: 1.5;
font-weight: 600;
margin-bottom: 10px;
}
/*--------------------------------------------------------------
# Call To Action
--------------------------------------------------------------*/
#blog + #call-to-action {
padding-top: 0;
}
#call-to-action .wrapper {
position: relative;
text-align: center;
}
#call-to-action .cta-wrapper {
background-color: #2A2B4C;
padding: 50px;
border-radius: 20px;
}
#call-to-action .entry-title {
font-size: 22px;
line-height: 1.5;
color: #fff;
font-weight: 600;
margin-bottom: 20px;
}
/*--------------------------------------------------------------
# Featured Albums
--------------------------------------------------------------*/
#featured-albums {
background-size: cover;
background-position: center center;
background-attachment: fixed;
}
#featured-albums .overlay {
opacity: 0.6;
}
#featured-albums .wrapper {
position: relative;
z-index: 1;
}
#featured-albums .album-item {
position: relative;
}
#featured-albums .featured-image {
background-size: cover;
background-position: center center;
padding: 150px 0;
background-color: #12212F;
}
#featured-albums .entry-container {
padding: 25px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(180deg,rgba(25,27,38,0),rgba(25,27,38,0.90));
}
#featured-albums .entry-title {
font-size: 24px;
margin: 0 0 7px;
font-weight: 600;
}
#featured-albums .entry-title a {
color: #fff;
}
#featured-albums .entry-title a:hover,
#featured-albums .entry-title a:focus {
color: #fff;
opacity: 0.8;
}
#featured-albums p {
font-size: 14px;
font-weight: bold;
color: #fb3a64;
margin-bottom: 5px;
}
/*--------------------------------------------------------------
# Upcoming Events
--------------------------------------------------------------*/
#upcoming-events {
background-size: cover;
background-position: center center;
background-attachment: fixed;
}
#upcoming-events .wrapper {
position: relative;
z-index: 1;
}
#upcoming-events article {
width: 100%;
margin-bottom: 25px;
}
#upcoming-events .event-item {
border-bottom: 1px solid rgb(255 255 255 / 25%);
}
#upcoming-events .featured-image {
background-size: cover;
background-position: center center;
width: 100px;
height: 100px;
margin: 0 auto;
}
#upcoming-events .entry-container {
text-align: center;
padding: 25px;
}
#upcoming-events .entry-header {
margin-bottom: 25px;
}
#upcoming-events .entry-content {
margin-bottom: 50px;
}
#upcoming-events .entry-title {
font-size: 22px;
line-height: 1.5;
margin: 0 0 7px;
font-weight: bold;
}
#upcoming-events .entry-title a {
color: #fff;
}
#upcoming-events .entry-title a:hover,
#upcoming-events .entry-title a:focus {
color: #fff;
opacity: 0.8;
}
#upcoming-events p {
font-size: 16px;
margin: 0;
font-weight: 500;
}
#upcoming-events .event-date span {
font-size: 16px;
line-height: 1.5;
margin: 0 0 25px;
font-weight: bold;
text-transform: uppercase;
display: block;
}
/*--------------------------------------------------------------
# Featured Playlist
--------------------------------------------------------------*/
#featured-playlist .featured-image {
background-size: cover;
background-position: center center;
padding: 150px 0;
background-color: #12212F;
}
#featured-playlist .entry-container {
position: relative;
background-color: #2A2B4C;
}
#featured-playlist p {
color: #fff;
margin-bottom: 20px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.wp-playlist.wp-audio-playlist.wp-playlist-light {
background-color: transparent;
border: none;
}
.wp-playlist-tracks .wp-playlist-item {
background: transparent;
color: #fff;
border: none;
margin-bottom: 6px;
padding: 19px;
display: block;
min-height: 60px;
font-weight: 600;
}
.wp-playlist-tracks .wp-playlist-item:last-child {
margin-bottom: 0;
}
.wp-playlist-tracks .wp-playlist-item.wp-playlist-playing,
.wp-playlist-tracks .wp-playlist-item:hover {
background-color: transparent;
color: #fff;
}
.wp-playlist-tracks .wp-playlist-item:hover {
background-color: #fb3a64;
}
.wp-playlist-light .wp-playlist-tracks .wp-playlist-caption {
color: #fff;
opacity: 0.5;
font-weight: 400;
outline: none;
}
.wp-playlist-tracks .wp-playlist-item.wp-playlist-playing a,
.wp-playlist-tracks .wp-playlist-item:hover a {
color: #fff;
opacity: 1;
}
.wp-playlist-tracks .wp-playlist-item-length {
right: 25px;
top: 20px;
color: #fff;
opacity: 0.5;
font-weight: 400;
}
.wp-playlist-tracks .wp-playlist-item:hover .wp-playlist-item-length,
.wp-playlist-tracks .wp-playlist-item.wp-playlist-playing .wp-playlist-item-length {
opacity: 1;
}
.wp-playlist.wp-audio-playlist {
padding: 0;
margin: 0;
}
.wp-playlist-item-title {
margin-left: 10px;
}
.wp-playlist-current-item {
background-color: #2B3844;
}
.wp-playlist-item-meta.wp-playlist-item-title {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
margin-top: 2px;
}
.playlist .wp-playlist-item-meta.wp-playlist-item-title {
display: none;
}
.wp-playlist .wp-playlist-prev,
.wp-playlist .wp-playlist-next {
cursor: pointer;
z-index: 10;
position: absolute;
bottom: 25px;
left: 125px;
}
.wp-playlist .wp-playlist-prev {
left: 20px;
}
.wp-playlist .mejs-inner .mejs-controls .mejs-time-rail span {
position: relative;
z-index: 10;
}
.wp-playlist .mejs-inner .mejs-controls .mejs-time-rail {
position: initial;
}
.wp-playlist .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total {
background-color: #435362;
position: absolute;
top: -37px;
left: 0;
height: 4px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
outline: none;
}
.wp-playlist .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-current {
background-color: #fb3a64;
position: absolute;
bottom: 0;
left: 0;
height: 4px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.wp-playlist .mejs-inner .mejs-controls .mejs-time-rail span {
height: 0;
border: none;
color: #fff;
bottom: 1px;
}
.wp-playlist .mejs-time-hovered.negative {
display: none;
}
.wp-playlist .wp-playlist-current-item {
margin-bottom: 0;
}
.wp-playlist .mejs-container .mejs-controls {
background-color: #2B3844;
}
.wp-playlist .mejs-currenttime {
position: absolute;
right: 150px;
font-size: 18px;
color: #fb3a64;
}
.wp-playlist .mejs-duration {
font-size: 18px;
color: rgba(255, 255, 255, 0.50);
}
.wp-playlist .mejs-currenttime:after {
content: "/";
color: rgba(255, 255, 255, 0.50);
margin: 0 10px;
}
.wp-playlist .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total,
.wp-playlist .mejs-inner .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.wp-playlist .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-loaded {
background-color: #435362;
height: 3px;
border-radius: 0;
}
.wp-playlist .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-loaded {
background-color: transparent;
}
span.mejs-time-float {
display: none !important;
}
.wp-playlist .mejs-inner .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background-color: #fb3a64;
border-radius: 3px;
}
.playlist .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-total {
background-color: #2b3844;
}
.playlist .wp-playlist .mejs-container .mejs-controls,
.playlist .wp-playlist-current-item,
.playlist .mejs-container {
background-color: transparent;
}
.playlist .wp-playlist.wp-audio-playlist.wp-playlist-light {
display: flex;
width: 100%;
flex-direction: column-reverse;
}
.playlist .wp-playlist-current-item {
margin-top: -65px;
}
.wp-playlist .wp-playlist-tracks {
margin-top: 0;
}
.playlist .wp-playlist .wp-playlist-current-item img {
width: 50px;
height: 50px;
object-fit: cover;
}
.wp-playlist-tracks .wp-playlist-item:last-child {
margin-bottom: 0;
}
.playlist .mejs-controls {
bottom: 10px;
}
.wp-playlist .mejs-inner .mejs-button>button {
background: none;
width: 22px;
}
.playlist .mejs-inner .mejs-button>button {
margin: 5px;
width: 42px;
height: 42px;
}
.wp-playlist .mejs-button.mejs-volume-button.mejs-mute>button:before,
.wp-playlist .mejs-button.mejs-volume-button.mejs-unmute>button:before,
.wp-playlist .mejs-button.mejs-playpause-button.mejs-play>button:before,
.wp-playlist .mejs-button.mejs-playpause-button.mejs-pause>button:before,
.wp-playlist .wp-playlist-prev:before,
.wp-playlist .wp-playlist-next:before {
content: "\f028";
font-family: "Font Awesome 5 Free";
font-size: 16px;
color: #fb3a64;
vertical-align: middle;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-weight: 900;
}
.wp-playlist .mejs-button.mejs-volume-button.mejs-unmute>button:before {
content: "\f6a9";
}
.wp-playlist .mejs-button.mejs-playpause-button.mejs-play>button:before {
content: "\f04b";
}
.wp-playlist .mejs-button.mejs-playpause-button.mejs-pause>button:before {
content: "\f04c";
}
.wp-playlist .wp-playlist-prev:before {
content: "\f048";
}
.wp-playlist .wp-playlist-next:before {
content: "\f051";
}
.playlist .mejs-button.mejs-playpause-button.mejs-play button,
.playlist .mejs-button.mejs-playpause-button.mejs-pause button {
background-color: #fb3a64;
border-radius: 50%;
}
.playlist .mejs-button.mejs-playpause-button.mejs-play button:before,
.playlist .mejs-button.mejs-playpause-button.mejs-pause button:before {
color: #fff;
}
.wp-playlist .mejs-inner .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
top: 18px;
left: 5px;
}
.playlist .mejs-inner .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
top: 14px;
}
.playlist .mejs-button.mejs-playpause-button.mejs-play button,
.playlist .mejs-button.mejs-playpause-button.mejs-pause>button {
left: 55px;
z-index: 10;
bottom: 5px;
}
.playlist .mejs-currenttime {
top: 12px;
}
.playlist .mejs-time {
padding-top: 12px;
display: none;
}
.wp-playlist .mejs-inner .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current:after {
content: "";
width: 9px;
height: 9px;
border-radius: 50%;
background-color: #fb3a64;
display: inline-block;
vertical-align: middle;
position: absolute;
right: 0;
top: -3px;
}
#featured-playlist .wp-playlist-item-album,
#featured-playlist .wp-playlist-item-meta.wp-playlist-item-artist {
display: none;
}
.wp-playlist .mejs-container {
height: 85px !important;
}
.wp-playlist-current-item img {
display: none;
}
.wp-playlist .mejs-controls .mejs-volume-button button {
bottom: 8px;
right: 10px;
}
.mejs-controls a.mejs-horizontal-volume-slider {
bottom: 10px;
right: 15px;
}
/*--------------------------------------------------------------
# Our Team
--------------------------------------------------------------*/
#our-team .team-item {
position: relative;
overflow: hidden;
}
#our-team .featured-image {
background-size: cover;
background-position: center center;
padding: 200px 0;
background-color: #12212F;
}
#our-team .featured-image:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #031322;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#our-team .team-item:hover .featured-image:before,
#our-team .team-item:focus .featured-image:before {
opacity: 0.95;
visibility: visible;
}
#our-team .entry-container {
position: absolute;
top: 100%;
left: 0;
right: 0;
text-align: center;
padding: 25px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#our-team .team-item:hover .entry-container,
#our-team .team-item:focus .entry-container {
opacity: 1;
visibility: visible;
top: 50%;
}
#our-team .entry-header {
margin-bottom: 15px;
}
#our-team .entry-content {
margin-bottom: 30px;
}
#our-team .entry-title {
font-size: 22px;
margin: 0 0 7px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}
#our-team .position {
margin: 0;
opacity: 1;
font-size: 14px;
font-weight: 500;
color: #fb3a64;
letter-spacing: 1px;
}
#our-team .social-icons {
margin-top: 20px;
}
#our-team .social-icons li {
margin: 0;
}
#our-team .social-icons li a {
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.5);
color: #fff;
opacity: 0.6;
text-decoration: none;
width: 35px;
height: 35px;
line-height: 35px;
border-radius: 100%;
}
#our-team .social-icons li a:hover,
#our-team .social-icons li a:focus {
color: #fff;
opacity: 1;
border-color: transparent;
}
/*--------------------------------------------------------------
# Our Gallery
--------------------------------------------------------------*/
#featured-playlist + #our-gallery {
padding-top: 0;
}
#our-gallery .gallery-item-wrapper {
position: relative;
}
#our-gallery .featured-image {
background-size: cover;
background-position: 50%;
padding: 150px 0;
background-color: #eee;
}
#our-gallery .featured-image:before {
content: "";
position: absolute;
background-color: #fb3a64;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 0;
height: 100%;
opacity: 0.5;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#our-gallery .featured-image:hover:before {
width: 100%;
}
#our-gallery a {
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
visibility: hidden;
background-color: #fb3a64;
color: #fff;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 100px;
transform: translate(-50%, -50%);
transition: all 0.5s ease-in-out;
}
#our-gallery .featured-image:hover a {
opacity: 1;
visibility: visible;
}
#our-gallery .entry-container {
position: absolute;
left: 0;
right: 0;
bottom: -15px;
background-color: #fff;
text-align: center;
padding: 35px 25px;
max-width: 240px;
margin: 0 auto;
border-radius: 3px;
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#our-gallery .gallery-item-wrapper:hover .entry-container,
#our-gallery .gallery-item-wrapper:focus .entry-container {
opacity: 1;
bottom: 30px;
}
#our-gallery .entry-title {
margin-bottom: 0;
}
/*--------------------------------------------------------------
# Our testimonial
--------------------------------------------------------------*/
#our-testimonial article {
padding: 0 15px;
}
#our-testimonial .testimonial-item {
background-color: #12212F;
padding: 50px 40px;
}
#our-testimonial .featured-image {
float: left;
width: 120px;
height: 120px;
margin-right: 30px;
border-radius: 100%;
background-size: cover;
background-position: center center;
}
#our-testimonial .entry-container {
display: table;
}
#our-testimonial .entry-content {
font-size: 14px;
font-weight: 600;
}
#our-testimonial .entry-title {
font-size: 14px;
margin: 0 0 15px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
}
#our-testimonial .slick-dots {
position: relative;
bottom: 0;
margin-top: 25px;
}
#our-testimonial .slick-dots li button {
background-color: #aaa;
}
#our-testimonial .slick-dots li.slick-active button {
background-color: #fb3a64;
}
/*--------------------------------------------------------------
# Latest Posts
--------------------------------------------------------------*/
#our-gallery + #blog {
padding-top: 0;
}
.blog-posts-wrapper .sticky .post-item a,
.blog-posts-wrapper .sticky .post-item .entry-content {
color: #fff;
}
.blog-posts-wrapper .sticky .post-item a:hover,
.blog-posts-wrapper .sticky .post-item a:focus {
color: #000;
}
.blog-posts-wrapper .sticky .post-item .entry-meta .date a {
background-color: #fff;
color: #000;
}
.blog-posts-wrapper .sticky .post-item .entry-meta .date a:hover,
.blog-posts-wrapper .sticky .post-item .entry-meta .date a:focus {
background-color: #000;
color: #fff;
opacity: 1;
}
.post-item {
background-color: #2A2B4C;
}
.post-item .entry-title {
font-size: 20px;
line-height: 28px;
font-weight: 600;
}
.post-item .entry-title a {
color: #fff;
}
.post-item .entry-title a:hover,
.post-item .entry-title a:focus {
color: #fff;
opacity: 0.8;
}
.post-item .entry-content {
margin-bottom: 25px;
}
.post-item .entry-meta a {
color: #9090a0;
}
.post-item .entry-meta a:hover,
.post-item .entry-meta a:focus {
color: #fff;
opacity: 1;
}
.post-item .entry-meta span {
margin: 0;
}
.blog-posts-wrapper a {
text-decoration: none;
}
.post-item .featured-image {
position: relative;
background-size: cover;
background-position: 50%;
padding: 120px 0;
}
.post-item .entry-container {
padding: 40px;
}
.post-item .entry-meta {
display: flex;
align-items: center;
justify-content: space-between;
}
.post-item .featured-image .entry-meta {
display: block;
margin-bottom: 0;
position: absolute;
bottom: 15px;
left: 15px;
}
.post-item .entry-meta a,
.post-item .entry-meta .cat-links:before {
font-size: 14px;
}
.post-item .entry-meta span.cat-links {
margin-right: 0;
color: #fff;
}
.post-item .read-more a {
text-decoration: none;
color: #fb3a64;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
}
.post-item .read-more a i {
font-size: 12px;
margin-left: 10px;
display: inline-block;
vertical-align: middle;
}
.post-item .read-more a:hover,
.post-item .read-more a:focus {
color: #000;
}
.entry-meta a,
.entry-meta a:before {
font-weight: 500;
font-size: 14px;
text-decoration: none;
color: #9090a0;
}
.entry-meta a:hover,
.entry-meta a:focus,
.entry-meta a:hover:before,
.entry-meta a:focus:before {
color: #fff;
}
.entry-meta > span {
margin-right: 20px;
}
#primary #main > article .entry-content {
margin-bottom: 25px;
}
/*--------------------------------------------------------------
# WooCommerce
--------------------------------------------------------------*/
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.added_to_cart,
.wp-block-button.wc-block-grid__product-add-to-cart a {
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: bold;
padding: 8px 60px;
position: relative;
letter-spacing: 0.05em;
text-transform: uppercase;
background-color: transparent;
border: 2px solid #fb3a64;
text-align: center;
line-height: 28px;
border-radius: 25px;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:focus,
.woocommerce a.button.alt:focus,
.woocommerce button.button.alt:focus,
.woocommerce input.button.alt:focus,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:focus,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus,
.woocommerce a.added_to_cart:hover,
.woocommerce a.added_to_cart:focus,
.wp-block-button.wc-block-grid__product-add-to-cart a:hover,
.wp-block-button.wc-block-grid__product-add-to-cart a:focus {
background-color: rgba(0, 0, 0, 0.3);
border-color: #fb3a64;
color: #fff;
}
.woocommerce ul.products li.product .button {
width: 100%;
}
.woocommerce a.added_to_cart,
.wp-block-button.wc-block-grid__product-add-to-cart a {
margin-top: 10px;
width: 100%;
}
.widget .wc-block-grid__products {
margin: 0 -8px;
}
.wc-block-grid__product-link,
.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
color: #333;
text-align: center;
}
.wc-block-grid__product-link:hover,
.wc-block-grid__product-link:focus,
.woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover,
.woocommerce-LoopProduct-link.woocommerce-loop-product__link:focus,
.woocommerce ul.products li.product a:hover h2,
.woocommerce ul.products li.product a:focus h2 {
color: #fb3a64;
}
.wc-block-grid__product .wc-block-grid__product-onsale,
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
position: absolute;
top: 20px;
left: 20px;
border: none;
background-color: #000;
color: #fff;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.01em;
font-family: 'Raleway', sans-serif;
margin: 0;
padding: 6px 12px;
line-height: 1;
}
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
min-width: auto;
min-height: auto;
right: auto;
border-radius: 3px;
}
.wc-block-grid__product .wc-block-grid__product-image {
margin: 0 0 25px;
}
.wc-block-grid__product-title,
.wc-block-grid__product .wc-block-grid__product-price,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
font-family: 'Raleway', sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 20px;
}
.wc-block-grid__product .wc-block-grid__product-price,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
font-size: 16px;
color: #9090a0;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
font-size: 22px;
margin-bottom: 20px;
}
.woocommerce-product-details__short-description {
margin-bottom: 20px;
}
.wc-block-grid__product .wc-block-grid__product-price del,
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
margin-right: 7px;
color: #aaa;
font-weight: 400;
opacity: 1;
}
.wc-block-grid__product .wc-block-grid__product-price ins,
.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
background-color: transparent;
font-weight: 500;
}
.wc-block-grid__product-rating .star-rating,
.woocommerce ul.products li.product .star-rating {
font-size: 1.3em;
letter-spacing: 0.2em;
width: 6.1em;
height: 1.618em;
line-height: 1.618;
margin: 0 auto;
}
.woocommerce ul.products li.product .star-rating {
font-size: 12px;
margin-top: 5px;
margin-bottom: 5px;
}
.wc-block-grid__product-rating .star-rating span:before,
.woocommerce .star-rating span::before {
color: #f77c29;
}
.wp-block-button.wc-block-grid__product-add-to-cart a {
width: 100%;
}
.woocommerce #content > .container {
padding-top: 40px;
padding-bottom: 40px;
}
.woocommerce.single-product #content > .container {
padding-bottom: 0;
}
.woocommerce .woocommerce-ordering select {
padding: 10px;
}
.woocommerce-tabs.wc-tabs-wrapper {
margin-bottom: 40px;
display: block;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border-bottom: 1px solid #eee;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
border: none;
background-color: transparent;
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
margin: 0 40px 0 0;
position: relative;
z-index: 1;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li:focus {
border-bottom: 2px solid #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
text-transform: uppercase;
font-size: 14px;
font-family: 'Raleway', sans-serif;
font-weight: bold;
color: #818692;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a,
.woocommerce div.product .woocommerce-tabs ul.tabs li:focus a {
color: #fff;
}
.woocommerce #comments {
margin-top: 0;
padding: 0;
}
.woocommerce #page-site-header .page-header {
display: none;
}
.comments-title,
.comment-reply-title {
font-family: 'Raleway', sans-serif;
}
.woocommerce.left-sidebar #primary,
.woocommerce.right-sidebar #primary {
padding: 0;
width: 100%;
float: none;
}
.woocommerce #reviews #comment {
height: 125px;
}
.woocommerce #reply-title {
font-size: 22px;
}
.related.products > h2 {
text-align: left;
text-transform: uppercase;
font-weight: bold;
border-bottom: 1px solid #fb3a64;
padding-bottom: 5px;
margin-bottom: 30px;
font-size: 16px;
color: #fff;
}
#cart-section {
position: absolute;
bottom: -40px;
right: 20px;
z-index: 1;
}
#cart-section a {
display: inline-block;
position: relative;
text-align: center;
padding: 0 10px;
}
#cart-section strong {
display: inline-block;
font-size: 11px;
width: 20px;
height: 20px;
color: #ffffff;
position: absolute;
top: -5px;
right: 0;
background: #cc1818;
border-radius: 50%;
line-height: 20px;
}
#cart-section svg {
width: 20px;
height: 20px;
}
.woocommerce-info {
border-top-color: #12212F;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
background-color: #12212F;
color: #fff;
border-top: 3px solid #12212F;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: #12212F;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
border-bottom-color: rgb(255 255 255 / 10%);
}
.woocommerce-info::before {
color: #fb3a64;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
border-top-color: rgb(255 255 255 / 10%);
}
/*--------------------------------------------------------------
# Typography Options
--------------------------------------------------------------*/
.header-font-1 h1,
.header-font-1 h2,
.header-font-1 h3,
.header-font-1 h4,
.header-font-1 h5,
.header-font-1 h6 {
font-family: 'Raleway', sans-serif;
}
.header-font-2 h1,
.header-font-2 h2,
.header-font-2 h3,
.header-font-2 h4,
.header-font-2 h5,
.header-font-2 h6 {
font-family: 'Poppins', sans-serif;
}
.header-font-3 h1,
.header-font-3 h2,
.header-font-3 h3,
.header-font-3 h4,
.header-font-3 h5,
.header-font-3 h6 {
font-family: 'Montserrat', sans-serif;
}
.header-font-4 h1,
.header-font-4 h2,
.header-font-4 h3,
.header-font-4 h4,
.header-font-4 h5,
.header-font-4 h6 {
font-family: 'Open Sans', sans-serif;
}
.header-font-5 h1,
.header-font-5 h2,
.header-font-5 h3,
.header-font-5 h4,
.header-font-5 h5,
.header-font-5 h6 {
font-family: 'Lato', sans-serif;
}
.header-font-6 h1,
.header-font-6 h2,
.header-font-6 h3,
.header-font-6 h4,
.header-font-6 h5,
.header-font-6 h6 {
font-family: 'Ubuntu', sans-serif;
}
.header-font-7 h1,
.header-font-7 h2,
.header-font-7 h3,
.header-font-7 h4,
.header-font-7 h5,
.header-font-7 h6 {
font-family: 'Playfair Display', serif;
}
.header-font-8 h1,
.header-font-8 h2,
.header-font-8 h3,
.header-font-8 h4,
.header-font-8 h5,
.header-font-8 h6 {
font-family: 'Lora', serif;
}
.header-font-9 h1,
.header-font-9 h2,
.header-font-9 h3,
.header-font-9 h4,
.header-font-9 h5,
.header-font-9 h6 {
font-family: 'Titillium Web', sans-serif;
}
.header-font-10 h1,
.header-font-10 h2,
.header-font-10 h3,
.header-font-10 h4,
.header-font-10 h5,
.header-font-10 h6 {
font-family: 'Muli', sans-serif;
}
.header-font-11 h1,
.header-font-11 h2,
.header-font-11 h3,
.header-font-11 h4,
.header-font-11 h5,
.header-font-11 h6 {
font-family: 'Oxygen', sans-serif;
}
.header-font-12 h1,
.header-font-12 h2,
.header-font-12 h3,
.header-font-12 h4,
.header-font-12 h5,
.header-font-12 h6 {
font-family: 'Nunito Sans', sans-serif;
}
.header-font-13 h1,
.header-font-13 h2,
.header-font-13 h3,
.header-font-13 h4,
.header-font-13 h5,
.header-font-13 h6 {
font-family: 'Maven Pro', sans-serif;
}
.header-font-14 h1,
.header-font-14 h2,
.header-font-14 h3,
.header-font-14 h4,
.header-font-14 h5,
.header-font-14 h6 {
font-family: 'Cairo', serif;
}
.header-font-15 h1,
.header-font-15 h2,
.header-font-15 h3,
.header-font-15 h4,
.header-font-15 h5,
.header-font-15 h6 {
font-family: 'Philosopher', sans-serif;
}
.header-font-16 h1,
.header-font-16 h2,
.header-font-16 h3,
.header-font-16 h4,
.header-font-16 h5,
.header-font-16 h6 {
font-family: 'Dosis', sans-serif;
}
.header-font-17 h1,
.header-font-17 h2,
.header-font-17 h3,
.header-font-17 h4,
.header-font-17 h5,
.header-font-17 h6 {
font-family: 'Sniglet', cursive;
}
.header-font-18 h1,
.header-font-18 h2,
.header-font-18 h3,
.header-font-18 h4,
.header-font-18 h5,
.header-font-18 h6 {
font-family: 'Gloria Hallelujah', cursive;
}
.header-font-19 h1,
.header-font-19 h2,
.header-font-19 h3,
.header-font-19 h4,
.header-font-19 h5,
.header-font-19 h6 {
font-family: 'Patrick Hand', cursive;
}
.header-font-20 h1,
.header-font-20 h2,
.header-font-20 h3,
.header-font-20 h4,
.header-font-20 h5,
.header-font-20 h6 {
font-family: 'Chivo', sans-serif;
}
.body-font-1 {
font-family: 'Raleway', sans-serif;
}
.body-font-2 {
font-family: 'Poppins', sans-serif;
}
.body-font-3 {
font-family: 'Montserrat', sans-serif;
}
.body-font-4 {
font-family: 'Open Sans', sans-serif;
}
.body-font-5 {
font-family: 'Lato', sans-serif;
}
.body-font-6 {
font-family: 'Ubuntu', sans-serif;
}
.body-font-7 {
font-family: 'Playfair Display', serif;
}
.body-font-8 {
font-family: 'Lora', serif;
}
.body-font-9 {
font-family: 'Titillium Web', sans-serif;
}
.body-font-10 {
font-family: 'Muli', sans-serif;
}
.body-font-11 {
font-family: 'Oxygen', sans-serif;
}
.body-font-12 {
font-family: 'Nunito Sans', sans-serif;
}
.body-font-13 {
font-family: 'Maven Pro', sans-serif;
}
.body-font-14 {
font-family: 'Cairo', serif;
}
.body-font-15 {
font-family: 'Philosopher', sans-serif;
}
.body-font-16 {
font-family: 'Dosis', sans-serif;
}
.body-font-17 {
font-family: 'Sniglet', cursive;
}
.body-font-18 {
font-family: 'Gloria Hallelujah', cursive;
}
.body-font-19 {
font-family: 'Quicksand', sans-serif;
}
.body-font-20 {
font-family: 'Chivo', sans-serif;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#colophon {
position: relative;
background-color: #2A2B4C;
}
#colophon .footer-widgets-area {
padding: 60px 0;
}
#colophon,
#colophon a,
#colophon p,
#colophon li,
#colophon h1,
#colophon h2,
#colophon h3,
#colophon h4,
#colophon h5,
#colophon h6 {
color: #fff;
}
#colophon a:hover,
#colophon a:focus {
text-decoration: underline;
color: #fff;
}
#colophon li a {
text-decoration: none;
}
#colophon .widget-title {
font-size: 24px;
font-weight: 600;
letter-spacing: 0.01em;
}
.site-info {
padding: 20px 0;
border-top: 1px solid rgb(255 255 255 / 20%);
}
.site-info span {
display: block;
text-align: center;
}
.footer-widgets-area .hentry {
margin-bottom: 45px;
padding: 0 15px;
}
.footer-widgets-area.col-1 .hentry {
text-align: center;
}
.footer-widgets-area.col-1 .hentry:last-child {
margin-bottom: 0;
}
.footer-widgets-area.col-1 .textwidget img {
margin-left: auto;
margin-right: auto;
}
.widget_recent_entries ul li span {
font-size: 12px;
display: block;
}
#colophon #wp-calendar caption {
font-weight: 600;
text-align: left;
}
.widget_nav_menu ul ul {
padding-left: 25px;
margin-top: 15px;
}
.widget_tag_cloud .tagcloud a {
font-size: 14px !important;
line-height: 1;
border: 1px solid #aaa;
padding: 5px 8px;
margin: 0 4px 8px 0;
display: inline-block;
text-decoration: none;
}
#secondary .widget_tag_cloud .tagcloud a:hover,
#secondary .widget_tag_cloud .tagcloud a:focus,
#colophon .widget_tag_cloud .tagcloud a:hover,
#colophon .widget_tag_cloud .tagcloud a:focus {
background-color: #fb3a64;
border-color: #fb3a64;
color: #fff;
}
#colophon .widget_search form.search-form button.search-submit {
background-color: #fb3a64;
}
#colophon .widget_recent_entries li:before {
float: left;
}
#colophon .widget_recent_entries li a,
#colophon .widget_recent_entries li span {
display: table-row;
}
.widget_block h1,
.widget_block h2,
.widget_block h3,
.widget_block h4,
.widget_block h5,
.widget_block h6 {
margin: 0;
}
.backtotop {
background-color: #fb3a64;
z-index: 300;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 20px;
text-align: center;
position: fixed;
bottom: -100px;
right: 25px;
cursor: pointer;
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.backtotop:hover {
background-color: #000;
}
#loader-wrapper {
overflow-x: hidden;
overflow-y: hidden;
vertical-align: middle;
background-color: #fff;
position:fixed;
width: 100%;
top:0;
height: 100%;
min-height: 100%;
z-index:9999;
}
#loader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 80px;
height: 80px;
}
.preloader-one #loader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #3498db;
-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
.preloader-one #loader:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #e74c3c;
-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
.preloader-one #loader:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #f9c922;
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#loader svg,
.preloader-disable #loader-wrapper {
display: none;
}
#loader svg {
width: 70px;
height: 70px;
fill: #000;
}
.preloader-two #loader .loader-two,
.preloader-three #loader .loader-three,
.preloader-four #loader .loader-four,
.preloader-five #loader .loader-five {
display: block;
}
/*--------------------------------------------------------------
# RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 567px) {
.col-2,
.col-3,
.col-4,
.col-5,
.col-6 {
margin: 0 -15px;
display: flex;
flex-wrap: wrap;
}
.col-2 article,
.col-3 article,
.col-4 article,
.col-5 article,
.col-6 article {
padding: 0 10px;
float: left;
width: 50%;
margin-bottom: 20px;
}
.col-2 article:nth-child(2n+1),
.col-3 article:nth-child(2n+1),
.col-4 article:nth-child(2n+1),
.col-5 article:nth-child(2n+1),
.col-6 article:nth-child(2n+1) {
clear: left;
}
.col-2 article:nth-last-child(-n+2),
.col-3 article:nth-last-child(-n+2),
.col-4 article:nth-last-child(-n+2),
.col-5 article:nth-last-child(-n+2),
.col-6 article:nth-last-child(-n+2) {
margin-bottom: 0;
}
.btn {
font-size: 14px;
padding: 15px 40px;
}
#featured-slider .featured-content-wrapper {
margin: 0;
text-align: left;
}
#featured-slider .entry-title {
font-size: 48px;
}
#about-us .featured-image {
padding: 200px 0;
}
#our-services article {
padding: 0 30px;
margin-bottom: 30px;
}
#our-services .section-content {
margin: 0 -30px;
}
.footer-widgets-area.col-2 .hentry,
.footer-widgets-area.col-4 .hentry {
width: 50%;
float: left;
}
.footer-widgets-area.col-2 .hentry:nth-child(2n+1),
.footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
clear: left;
}
.footer-widgets-area.col-2 .hentry:nth-child(odd),
.footer-widgets-area.col-4 .hentry:nth-child(odd) {
padding-right: 40px;
}
.footer-widgets-area.col-2 .hentry:nth-last-child(-n+2),
.footer-widgets-area.col-4 .hentry:nth-last-child(-n+2) {
margin-bottom: 0;
}
}
@media screen and (min-width: 767px) {
.wrapper {
width: 90%;
}
.col-5 article,
.col-6 article {
width: 33.33%;
}
.col-5 article:nth-child(2n+1),
.col-6 article:nth-child(2n+1) {
clear: none;
}
.col-5 article:nth-child(3n+1),
.col-6 article:nth-child(3n+1) {
clear: left;
}
.col-5 article:nth-last-child(-n+3),
.col-6 article:nth-last-child(-n+3) {
margin-bottom: 0;
}
.section-title {
font-size: 32px;
}
#featured-slider + #our-services {
padding-top: 0;
margin-top: -70px;
}
#featured-slider .entry-title {
font-size: 56px;
}
#featured-albums .featured-image {
padding: 190px 0;
}
#upcoming-events .event-item {
padding-bottom: 25px;
display: table;
width: 100%;
}
#upcoming-events .featured-image {
margin: 0;
display: table-cell;
width: 10%;
}
#upcoming-events .entry-container {
padding: 20px 0 20px 25px;
text-align: left;
display: flex;
flex-wrap: wrap;
align-items: center;
}
#upcoming-events .entry-header {
margin-bottom: 0;
float: left;
width: 33.33%;
}
#upcoming-events .event-date {
width: 33.33%;
text-align: center;
}
#upcoming-events .event-tickets {
text-align: right;
width: 33.33%;
}
#featured-playlist article {
position: relative;
display: table;
width: 100%;
}
#featured-playlist .featured-image {
width: 40%;
float: left;
display: table-cell;
padding: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
height: 100%;
}
#featured-playlist .entry-container {
width: 60%;
float: right;
display: table-cell;
}
#about-us article {
display: flex;
align-items: center;
}
#about-us .featured-image {
width: 45%;
float: left;
flex-wrap: wrap;
margin-bottom: 0;
text-align: right;
padding: 250px 0;
}
#about-us .entry-container {
width: 55%;
flex-wrap: wrap;
float: right;
padding: 60px;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
padding-right: 25px;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
padding-left: 25px;
}
.footer-widgets-area.col-3 .hentry {
width: 33.33%;
float: left;
margin-bottom: 0;
}
.footer-widgets-area.col-3 .hentry:not(:last-child) {
padding-right: 40px;
}
.site-info.col-2 span {
float: left;
width: 50%;
text-align: left;
}
.site-info.col-2 span:nth-child(2) {
float: right;
text-align: right;
}
}
@media screen and (min-width: 992px) {
.col-3 article {
width: 33.33%;
}
.col-4 article {
width: 25%;
}
.col-5 article {
width: 20%;
}
.col-6 article {
width: 16.66%;
}
.col-3 article:nth-child(2n+1),
.col-4 article:nth-child(2n+1),
.col-5 article:nth-child(3n+1),
.col-6 article:nth-child(3n+1) {
clear: none;
}
.col-3 article:nth-child(3n+1),
.col-4 article:nth-child(4n+1),
.col-5 article:nth-child(5n+1),
.col-6 article:nth-child(6n+1) {
clear: left;
}
.col-3 article:nth-last-child(-n+3),
.col-4 article:nth-last-child(-n+4),
.col-5 article:nth-last-child(-n+5),
.col-6 article:nth-last-child(-n+6) {
margin-bottom: 0;
}
#top-bar .widget + .widget {
margin-top: 0;
}
#top-bar .col-2 .widget {
float: left;
text-align: left;
}
#top-bar .col-2 .widget + .widget {
float: right;
text-align: right;
padding: 0;
}
nav.navigation.pagination {
margin-top: 63px;
}
#featured-slider .entry-title {
font-size: 68px;
line-height: 1.1;
margin-bottom: 40px;
}
#featured-slider .entry-subtitle {
margin-bottom: 40px;
}
#call-to-action .wrapper {
text-align: left;
}
#call-to-action .cta-wrapper {
padding: 60px 75px;
display: flex;
align-items: center;
}
#call-to-action .entry-header {
float: left;
max-width: 65%;
width: 65%;
padding-right: 25px;
}
#call-to-action .entry-title {
margin-bottom: 0;
}
#call-to-action .read-more {
float: right;
text-align: right;
max-width: 35%;
width: 35%;
}
.footer-widgets-area.col-4 .hentry {
width: 25%;
padding-right: 40px;
}
.footer-widgets-area.col-4 .hentry:last-child {
padding-right: 0;
}
.footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
clear: none;
}
.footer-widgets-area.col-4 .hentry:nth-child(4n+1) {
clear: left;
}
.footer-widgets-area.col-4 .hentry:nth-last-child(-n+4) {
margin-bottom: 0;
}
}
@media screen and (min-width: 1024px) {
#top-bar .wrapper {
display: block !important;
}
#top-bar .social-icons li {
width: auto;
}
#top-bar .social-icons li:not(:last-child) {
margin-right: 0;
}
.site-branding {
min-height: 88px;
display: flex;
align-items: center;
}
.section-gap {
padding: 80px 0;
}
.menu-sticky #masthead.nav-shrink {
position: sticky;
top: 0;
padding: 3px 0;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.10);
}
.customize-support.menu-sticky #masthead.nav-shrink {
top: 32px;
}
.main-navigation ul#primary-menu > li {
text-align: center;
}
.main-navigation ul.nav-menu > li.fa,
.main-navigation ul.nav-menu > li.fas,
.main-navigation ul.nav-menu > li.far,
.main-navigation ul.nav-menu > li.fal,
.main-navigation ul.nav-menu > li.fab {
padding: 15px 25px;
}
.main-navigation ul.nav-menu > li.fa > a,
.main-navigation ul.nav-menu > li.fas > a,
.main-navigation ul.nav-menu > li.far > a,
.main-navigation ul.nav-menu > li.fal > a,
.main-navigation ul.nav-menu > li.fab > a {
padding-top: 50px;
margin-top: -40px;
position: relative;
z-index: 9;
}
.main-navigation .menu-item-has-children > a:after {
content: "\f0d7";
padding-left: 8px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.main-navigation ul.nav-menu > li {
padding: 30px 15px;
}
.main-navigation ul ul .menu-item-has-children > a:after {
content: "\f0d9";
}
.main-navigation ul.nav-menu {
display: block !important;
height: auto !important;
}
.main-navigation ul ul {
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
right: 0;
display: block !important;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: auto;
right: 100%;
}
.main-navigation ul ul li:hover > a,
.main-navigation ul ul li.focus > a {
background-color: #fb3a64;
color: #fff;
}
.main-navigation ul.sub-menu > li:last-child > a {
border-bottom: none;
}
.main-navigation ul ul li {
border-bottom: 1px solid rgb(255 255 255 / 10%);
}
.main-navigation ul ul > li:last-child {
border-bottom: none;
}
.main-navigation ul ul ul {
top: 0;
}
.main-navigation ul ul li a:hover,
.main-navigation ul ul li.current-menu-ancestor:hover > a {
color: #fff !important;
}
.menu-toggle {
height: 80px;
position: absolute;
top: 50%;
right: 35px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
#search {
position: absolute;
z-index: 30;
right: 0;
top: 100%;
display: none;
}
.main-navigation .search-active .icon-search {
display: none;
}
.main-navigation .search-active .icon-close {
display: inline-block;
}
#search:before {
content: "";
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #111;
position: absolute;
top: -9px;
right: 5px;
}
button.dropdown-toggle {
display: none;
}
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
.main-navigation li {
display: inline-block;
}
.main-navigation .left-menu {
padding-left: 50px;
}
.main-navigation ul.nav-menu > li.left-menu > a,
.main-navigation ul.nav-menu > li.right-menu > a {
padding-left: 5px;
padding-right: 5px;
}
.main-navigation li.left-menu + li.right-menu:before {
content: "/";
position: absolute;
top: 50%;
margin-left: -6px;
color: #fff;
margin-top: -1px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.main-navigation form.search-form {
border: 20px solid #111;
}
.main-navigation form.search-form input {
background-color: #fff;
border-color: #fff;
color: #111;
}
.section-title {
font-size: 40px;
}
#featured-slider article {
padding: 300px 0;
}
#our-services .section-header {
margin-bottom: 70px;
}
#call-to-action .entry-title {
font-size: 32px;
}
.right-sidebar #primary,
.left-sidebar #primary {
width: 70%;
float: left;
padding-right: 70px;
}
.right-sidebar #secondary,
.left-sidebar #secondary {
width: 30%;
float: right;
}
.left-sidebar #primary {
float: right;
padding-right: 0;
padding-left: 70px;
}
.no-sidebar #primary {
width: 100%;
float: none;
padding-right: 0;
}
}
@media screen and (min-width: 1500px) {
.wrapper {
max-width: 1400px;
}
#featured-slider article {
padding: 400px 0;
}
#featured-slider .entry-title {
font-size: 85px;
}
#featured-albums .featured-image {
padding: 223px 0;
}
}
@media screen and (max-width: 1023px) {
#top-bar .wrapper {
display: none;
}
.topbar-toggle {
display: block;
}
.main-navigation ul ul {
border-top: 1px solid rgb(255 255 255 / 10%);
}
.main-navigation ul ul ul {
margin-top: 0;
}
.main-navigation ul.nav-menu li {
border-bottom: 1px solid rgb(255 255 255 / 10%);
display: block;
width: 100%;
}
.main-navigation ul.nav-menu li:last-child {
border-bottom: none;
}
.main-navigation ul#primary-menu > li {
width: 100%;
padding: 0;
}
.main-navigation ul.nav-menu > li {
padding: 15px 0;
}
.main-navigation ul ul li a {
padding-left: 35px;
}
.main-navigation ul ul ul li a {
padding-left: 60px;
}
.main-navigation ul ul ul ul li a {
padding-left: 80px;
}
.main-navigation ul ul a {
width: 100%;
}
.main-navigation ul ul,
.main-navigation ul ul ul {
box-shadow: none;
float: none;
position: relative;
top: 0;
left: 0;
margin-bottom: 0;
display: none;
}
.main-navigation ul.nav-menu > li.fa,
.main-navigation ul.nav-menu > li.fas,
.main-navigation ul.nav-menu > li.far,
.main-navigation ul.nav-menu > li.fal,
.main-navigation ul.nav-menu > li.fab {
padding: 15px 0;
}
.main-navigation ul#primary-menu > li:before {
display: none;
}
.main-navigation .menu-item-has-children > a:after {
padding-top: 3px;
}
.main-navigation ul.sub-menu li a {
border-left: none;
}
.main-navigation ul.nav-menu {
margin-right: 0;
background-color: #12212F;
margin-top: 25px;
border-top: 1px solid rgb(255 255 255 / 10%);
}
.main-navigation {
position: static;
}
.main-navigation a {
color: #fff;
padding: 10px 15px;
}
#masthead.site-header .main-navigation ul.nav-menu {
margin-top: 0;
position: absolute;
max-width: 400px;
top: 100%;
left: auto;
right: 0;
width: 100%;
}
.main-navigation .search-menu a {
display: none;
}
.main-navigation form.search-form input {
background-color: #fff;
border: none;
min-height: 55px;
}
.main-navigation form.search-form button.search-submit {
height: 59px;
}
.main-navigation form.search-form input {
padding-left: 25px;
}
#page-site-header {
padding: 250px 0;
}
}
@media screen and (max-width: 992px) {
#page-site-header {
padding: 200px 0;
}
.comments-title,
#reply-title {
font-size: 28px;
}
}
@media screen and (max-width: 767px) {
#masthead.site-header .main-navigation ul.nav-menu {
max-width: 100%;
}
#featured-slider button.slick-arrow,
#featured-slider:hover button.slick-arrow {
display: none;
opacity: 0;
visibility: hidden;
}
#about-us article {
text-align: center;
}
#page-site-header .page-title {
font-size: 32px;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous,
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
width: 100%;
margin: 15px 0;
}
.post-navigation span.previous-article b,
.post-navigations span.previous-article b,
.post-navigation span.next-article b,
.post-navigations span.next-article b {
font-size: 18px;
}
#respond {
margin-top: 40px;
}
.comment-meta img {
margin-right: 15px;
}
.comments-title,
#reply-title {
margin-bottom: 0;
}
#commentform p.comment-form-comment,
#commentform p.form-submit {
margin-top: 21px;
}
nav.navigation.pagination,
#secondary {
margin-top: 30px;
}
.comments-title,
#reply-title {
font-size: 26px;
}
#comments {
margin-top: 40px;
}
.tags-links {
margin-bottom: 25px;
}
}
@media screen and (max-width: 567px) {
#top-bar .widget_address_block ul li {
padding: 2px 10px;
}
#our-services .section-content {
padding-left: 0;
padding-top: 30px;
}
#our-services .icon-container {
float: none;
margin: 0;
text-align: center;
}
#our-services .entry-header, #our-services .entry-content {
display: block;
text-align: center;
}
#our-services .icon-container i {
margin: -60px auto 25px;
}
#our-services .service-item-wrapper {
padding: 0 25px 25px;
}
#our-services article {
margin-bottom: 60px;
}
#our-testimonial .featured-image {
float: none;
margin: 0 auto 25px;
}
#our-testimonial .entry-container {
display: block;
text-align: center;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
top: 0;
}
.pagination .prev.page-numbers:before,
.pagination .next.page-numbers:before {
width: 35px;
height: 10px;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
margin-left: 0;
margin-right: 0;
}
.trail-items li {
font-size: 12px;
}
#breadcrumb-list {
padding: 10px 0;
}
blockquote.alignright {
margin-left: 0;
}
.comment-meta img {
margin: 0 0 25px;
float: none;
}
.comment-meta .url,
.comment-meta .fn {
display: block;
}
.comment-content {
padding-left: 0;
}
#comments ol.children {
margin-left: 50px;
}
.reply {
padding-left: 0;
}
.footer-widgets-area .hentry:last-child,
.footer-widgets-area.col-3 .hentry:last-child {
margin-bottom: 0;
padding-right: 0;
}
.backtotop {
display: none;
}
}
@media screen and (max-width: 480px) {
#masthead {
padding: 0;
}
.site-logo,
#site-identity {
display: block;
}
.main-navigation {
float: none;
}
}