/*
Theme Name: Jungle Eco Tours
Theme URI: https://www.legacytheme.net/products/jungle-eco-tours
Author: LegacyThemes
Author URI: https://www.legacytheme.net/
Description: The Jungle Eco Tours WordPress Theme is a nature-inspired, visually rich website theme designed for eco-tour operators, jungle safari guides, forest lodges, and wildlife travel agencies. Built to elevate the online presence of nature-focused businesses, it combines stunning aesthetics with practical features that cater to wildlife safari tours, jungle adventures, and eco-tourism services. Crafted with adventure seekers and nature lovers in mind, the theme is perfect for showcasing jungle safari packages, bird watching tours, wildlife photography expeditions, and off-road 4x4 safaris. Whether you're offering an elephant safari through Indian forests, a jeep safari across African savannahs, or a guided jungle trekking experience in the Amazon, this theme has you covered. Visually, the theme includes immersive full-screen headers, parallax scrolling, gallery sliders for jungle photography, and nature-themed icons. It’s optimized for mobile viewing, fast loading, and SEO. Sections for safari destinations, jungle tour packages, and guest testimonials help convert visitors into bookings. It supports online booking integration, interactive maps of national parks and wildlife sanctuaries, and blogs for jungle survival tips or safari travel stories. Designed for sustainability-focused tourism businesses, this WordPress theme promotes green travel, eco adventures, and wilderness experiences. It’s an ideal choice for jungle lodges, nature trails, and anyone promoting raw jungle tours, forest explorations, or eco-conscious wildlife expeditions.
Requires at least: 5.5
Tested up to: 6.8
Requires PHP: 5.6
Version: 1.1
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: jungle-eco-tours
Tags: entertainment, photography, portfolio, custom-menu, featured-images, theme-options, custom-colors, custom-logo, flexible-header, threaded-comments, right-sidebar, left-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, full-width-template, sticky-post, custom-background, custom-header, footer-widgets, block-styles, rtl-language-support, translation-ready
*/

/**
====================================================================
  General Classes
====================================================================
*/

*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

html {
    overflow-x: hidden;
}

html,
body {
    color: #151519;

    font-size: 16px;
    height: 100%;
    margin: 0;
    padding: 0;
    text-rendering: geometricPrecision;
    width: 100%;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
}


body {
    line-height: 1.7em;
    overflow-x: clip;

}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #151519;
    clear: both;
    line-height: 1.4;
    margin: 0 0 0.75em;
    padding: 1.5em 0 0;
}

h1 {
    font-size: 32px;
    font-weight: 700;
}

h2 {
    font-size: 30px;
    font-weight: 700;
}

h3 {
    font-size: 24px;
    font-weight: 700;
}

h4 {
    font-size: 22px;
    font-weight: 700;
}

h5 {
    font-size: 18px;
    font-weight: 700;
}

h6 {
    font-size: 14px;
    font-weight: 700;
}

a {
    text-decoration: none;
    display: inline-block;
    transition: 0.5s;
    color: #151519;

}

a:hover {
    text-decoration: none;
    transition: 0.5s;
}

.textwidget p a, .widget_recent_comments a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .comment-content p a, .widget_text p a, .content-area article p a {
    text-decoration: underline;
}

img {
    max-width: 100%;
}


ol,
ul {
    list-style: none;
}

li {
    list-style-type: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"] {
    border: 1px solid #d0d0d0;
    color: #a1a1a1;
    height: 50px;
    padding: 0px 10px 0 20px;
    width: 100%;
    font-weight: 400;
}

textarea {
    border: 1px solid #d0d0d0;
    color: #151519;
    padding: 10px 10px 0 20px;
    width: 100%;
    font-weight: 400;
}

select {
    width: 100%;
    height: 50px;
    background: none;
    border: 1px solid #ccc;
    border-radius: 0;
}

blockquote {
    background: transparent url(img/bquote.png) no-repeat scroll 0 0;
    border: none;
    padding: 0 0 0 40px;
}

blockquote p {
    margin-top: 30px;
    overflow: hidden;
    margin-bottom: 8px !important;
}

table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
}

td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}

caption,
td {
    font-weight: normal;
    text-align: left;
}

tr {
    font-weight: 700;
}

ul {
    margin-left: 0;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-left: 20px;
}

address {
    font-style: italic;
}

p {
    margin: 0 0 1.5em;
    padding: 0;
    line-height: normal;
    font-family: inherit;
}

dd {
    margin: 0 0 1.5em 20px;
    padding: 0;
}

big {
    font-size: 125%;
}

small {
    font-size: 80%;
}

iframe {
    width: 100%;
}

.clearfix {
    clear: both;
}

/**
====================================================================
  Preloader
====================================================================
*/
.loader-wrapper {
    background: #fff;
    width: 100%;
    height: 100%;
    position: fixed !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100000;
}

#pre-loader {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 45%;
    left: 49%;
}

.loader-pulse,
.loader-pulse:before,
.loader-pulse:after {
    border-radius: 50%;
    width: 2.4em;
    height: 2.4em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

.loader-pulse {
    color: #151519;
    font-size: 7px;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loader-pulse:before,
.loader-pulse:after {
    content: '';
    position: absolute;
    top: 0;
}

.loader-pulse:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader-pulse:after {
    left: 3.5em;
}

@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

/**
====================================================================
  Scroll Top
====================================================================
*/
a.btntoTop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    font-size: 30px;
    background: #ffffff;
    color: #F28E5A;
    border-radius: 50%;
    padding: 10px;
    border: 3px solid #F28E5A;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

a.btntoTop.active {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 9;
}

a.btntoTop:hover {
    background: #F28E5A;
    color: #ffffff;
    border-color: #192136;
    text-transform: uppercase;
}

/**
====================================================================
  Header
====================================================================
*/
div#topbar {
    background: #192136;
}

.follow-us i {
    color: #ffffff;
    font-size: 15px;
}

i.mail-icon, i.map-icon {
    color: #F28E5A;
}

p.tbr-call-no, p.tbr-adrs {
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
}

a.hdr-btn {
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    background: #192136;
    border-radius: 50px;
    padding: 12px 40px;
    line-height: normal;
    border: 1px solid #F28E5A;
}

/* Search Icon Styles */
.search-container i {
    color: #202020;
    font-size: 20px;
}

.search-container i:hover {
    color: #F28E5A;
}

.search-container {
    position: relative;
}

.hdr-icns {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.search-icon {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    color: #F28E5A;
    padding: 0px;
}

span.cart-count {
    background: #FF4242;
    color: #ffffff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    top: -7px;
    right: -10px;
    line-height: 17px;
    font-size: 10px;
    padding: 0px 0px 0 5px;
}

/* Search Form Styles */
.search-form {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    width: 360px;
}

.search-form input[type="text"] {
    padding: 5px;
    width: 196px;
    border: 1px solid #ccc;
    margin-right: 5px;
}

.search-container input[type="submit"] {
    line-height: normal;
}

.copyrights a:hover {
    color: #192136;
}

a.hdr-btn:hover {
    background: #192136;
}

a.btn-slid.btn:hover {
    color: #ffffff;
    background: #F28E5A;
}

.follow-us i:hover {
    color: #F28E5A;
}

/**
====================================================================
  Logo
====================================================================
*/
.logo {
    display: flex;
    flex-direction: column;
}

.site-title {
    margin: 0;
}

.logo h1.site-title {
    font-size: 25px;
    padding: 0;
}

.has-logo h1.site-title,
.has-logo p.site-title {
    padding: 0;
}

p.site-title {
    padding: 1.5em 0 0;
}

header.style2 .logo h1.site-title a, header.style2 .logo p.site-description {
    color: #ffffff;
}

.site-description {
    margin: 0;
    font-size: 14px;
}

.logo img {
    max-width: 170px;
    height: auto;
    margin: 10px 0;
}

/**
====================================================================
  Navigation
====================================================================
*/
.main-navigation ul .menu-item.menu-item-has-children a,
.main-navigation ul .page_item.page_item_has_children a {
    position: relative;
}

.main-navigation .menu > li i, .menu li i {
    font-size: 10px;
}

.main-navigation ul .menu-item.menu-item-has-children .sub-menu a:after,
.main-navigation ul .page_item.page_item_has_children .children a:after {
    content: none;
}

.main-navigation .menu ul {
    margin-bottom: 0px;
    padding: 0px;
}

.main-navigation .menu li {
    display: inline;
    position: relative;
    list-style: none;
}

.main-navigation .menu > li > a,
.page_item a {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #202020;
    text-transform: uppercase;
}

.page_item_has_children ul li a, .main-navigation .menu .menu-item-has-children ul li a {
    font-size: 14px;
    position: relative;
    display: block;
    color: #F28E5A;
    text-align: left;
    padding: 12px 20px !important;
    line-height: 22px;
    font-weight: 500;
}

#site-navigation .menu ul.sub-menu li a,
#site-navigation .menu ul.children li a {
    line-height: 1.5;
}

nav#site-navigation {
    padding: 0;
}

.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus,
.main-navigation ul.children > li > a:hover, .main-navigation ul.children > li > a:focus {
    color: #444 !important;
    background-color: #eaeaea !important;
    border-radius: 5px;
}

.main-navigation .menu, .main-navigation .menu ul {
    display: flex;
    gap: 5px 40px;
    flex-wrap: wrap;
}

div#mySidenav {
    display: inline-flex;
}

.main-navigation .menu > li, .main-navigation .menu li {
    display: inline;
    position: relative;
}

.main-navigation li.current_page_item > a, .main-navigation li.current-menu-item > a {
    color: #F28E5A;
    font-weight: 800 !important;
}

.main-navigation .menu > li > a:hover {
    color: #F28E5A;
}

.main-navigation .sub-menu,
.main-navigation .children {
    background-color: #ffffff;
    list-style: none;
    padding-left: 0;
    position: absolute;
    opacity: 0;
    left: -9999px;
    z-index: 99999;
    width: 200px !important;
}

.main-navigation .sub-menu > li > a:hover,
.main-navigation .sub-menu > li > a:focus,
.main-navigation .children > li > a:hover,
.main-navigation .children > li > a:focus {
    background: #000;
    color: #fff;
}

.main-navigation .sub-menu li ul.sub-menu,
.main-navigation .children li ul.children {
    left: 200px !important;
    top: -1px !important;
}

.main-navigation .sub-menu > li,
.main-navigation .children > li {
    display: block;
    float: none;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
    display: inline-block;
    position: absolute;
    width: calc(24px + 1rem);
    right: 0;
    top: calc(.125 * 1rem);
    bottom: 0;
    color: white;
    line-height: 1;
    padding: calc(.5 * 1rem);
}

.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
    margin-right: 0;
}

.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > .menu-item-link-return {
    color: #fff;
    display: block;
    padding: 15px;
    font-weight: 600;
}

.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > .menu-item-link-return {
    width: 100%;
    font-size: 22px;
    font-weight: normal;
    text-align: left;
}

.main-navigation .sub-menu > li > a:empty,
.main-navigation .children > li > a:empty {
    display: none;
}

.main-navigation .sub-menu > li.mobile-parent-nav-menu-item,
.main-navigation .children > li.mobile-parent-nav-menu-item {
    display: none;
    font-size: 0.88889em;
    font-weight: normal;
}

@media screen and (min-width: 1001px) {
    .main-navigation .menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu, .main-navigation .menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu, .main-navigation .menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu, .main-navigation .menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu, .main-navigation .menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu, .main-navigation .menu .page_item_has_children:not(.off-canvas):hover > .children, .main-navigation .menu .page_item_has_children:not(.off-canvas):focus > .children, .main-navigation .menu .page_item_has_children.is-focused:not(.off-canvas) > .children, .main-navigation .menu .page_item_has_children:not(.off-canvas)[focus-within] > .children, .main-navigation .menu .page_item_has_children:not(.off-canvas):focus-within > .children {
        display: block;
        left: 0;
        margin-top: 0;
        width: auto;
        min-width: 100%;
        opacity: 1;
        top: 100%;
        border: 1px solid #f3f3f3;
    }
}

.main-navigation .sub-menu > li:last-child,
.main-navigation .children > li:last-child {
    border-bottom: none;
}

.toggle-nav, a.closebtn {
    display: none;
}

header.style1 header {
    border-bottom: 1px solid #dadada;
}

header.style2 ul.menu > li a {
    color: #fff;
}

.page-title p.main-title,
.page-title h1.main-title {
    text-align: center;
    margin: 0;
    color: #fff;
    padding: 35px 0;
    word-wrap: break-word;
}

.page-title.style1 p.main-title,
.page-title.style1 h1.main-title {
    padding: 50px 0;
}

.page-title.style2 p.main-title,
.page-title.style2 h1.main-title {
    padding: 180px 0 100px 0;
}

.page-title p.main-title {
    font-size: 32px;
    font-weight: 700;
}

header.style2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    border-bottom: none;
}

/**
====================================================================
  Banner
====================================================================
*/
.main-banner-inner-box {
    position: relative;
}

.overlay-slider {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 100%);
    position: absolute;
    top: 0;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: 9;
}

section#main-banner-wrap .main-banner-inner-box img {
    width: 100%;
    height: 650px;
    object-fit: cover;
}

.main-banner-content-box.content-left {
    text-align: left;
    left: 14%;
    right: 61%;
}

.main-banner-content-box.content-center {
    text-align: center;
    left: 25%;
    right: 25%;
}

.main-banner-content-box.content-right {
    text-align: right;
    left: 45%;
    right: 15%;
}

.main-banner-content-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}

h6.bnr-sm-hd {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}

h2.bnr-heading {
    color: #ffffff;
    font-size: 75px;
    font-weight: 400;
    font-family: "Alumni Sans Inline One", sans-serif;
    text-transform: uppercase;
    line-height: 70px;
}

a.btn-slid.btn {
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    background: #192136;
    padding: 15px 50px;
    border: 1px solid #F28E5A;
}

.main-banner-content-box.content-left h6.bnr-sm-hd:after, .main-banner-content-box.content-center h6.bnr-sm-hd:after, .main-banner-content-box.content-right h6.bnr-sm-hd:after {
    position: relative;
}

.main-banner-content-box.content-left h6.bnr-sm-hd:after {
    content: '';
    background-image: url(./img/slide-border.png);
    background-size: cover;
    position: absolute;
    top: 32px;
    right: 0;
    left: 0;
    height: 17px;
    display: block;
    width: 345px;
    background-repeat: no-repeat;
}

.main-banner-content-box.content-center h6.bnr-sm-hd:after {
    left: 30%;
    content: '';
    background-image: url(./img/slide-border.png);
    background-size: cover;
    position: absolute;
    top: 42px;
    right: 0;
    height: 17px;
    display: block;
    width: 345px;
    background-repeat: no-repeat;
}

.main-banner-content-box.content-right h6.bnr-sm-hd:after {
    right: 0;
    content: '';
    background-image: url(./img/slide-border.png);
    background-size: cover;
    position: absolute;
    top: 42px;
    height: 17px;
    display: block;
    width: 345px;
    background-repeat: no-repeat;
}

.slider-sec, .slider-sec .owl-dots button.owl-dot.active {
    position: relative;
}

.slider-sec .owl-dots button.owl-dot {
    display: block;
    height: 24px;
    width: 24px;
    border: 2px solid #ffffff;
    margin: 10px;
}

.slider-sec .owl-dots {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15%;
}

.slider-sec .owl-dots button.owl-dot.active:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #F28E5A;
    display: block;
    position: absolute;
    border-radius: 50%;
    left: 4px;
    top: 4px;
}

/**
====================================================================
 about us
====================================================================
*/
h6.abt-sm-hd {
    font-size: 20px;
    font-weight: 700;
    color: #192136;
    position: relative;
}

h6.abt-sm-hd:after {
    content: '';
    background-image: url(./img/abt-border.png);
    background-size: cover;
    position: absolute;
    top: 30px;
    left: 0;
    height: 10px;
    display: block;
    width: 100px;
    background-repeat: no-repeat;
}

h3.abt-main-hd {
    font-size: 42px;
    font-weight: 700;
    color: #192136;
    font-family: "Amatic SC", sans-serif;
    line-height: normal;
}

h3.abt-main-hd span {
    font-family: "Amatic SC", sans-serif;
}

p.abt-txt1, p.abt-txt2 {
    font-size: 15px;
    font-weight: 500;
    color: #262D2F;
    line-height: normal;
}

p.abt-txt1 {
    border-left: 3px solid #F28E5A;
    padding: 8px 0px 8px 20px;
}

.abt-right-imgs img, .abt-left-imgs img {
    width: 100%;
    border: 1px solid #00190A;
}

.abt-left-imgs img {
    height: 250px;
    object-fit: cover;
}

.abt-right-imgs img {
    height: 350px;
    object-fit: cover;
}

a.btn-abt.btn {
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    background: #192136;
    padding: 12px 50px;
    border: 1px solid #F28E5A;
}

a.btn-abt.btn:hover {
    background: #F28E5A;
}

/**
====================================================================
  Footer
====================================================================
*/
img.size-large, #footer img {
    width: 100%;
    height: auto;
}

.woocommerce.widget_shopping_cart .buttons a {
    background: #ffffff;
    color: #F28E5A;
}

#footer a.rsswidget.rss-widget-title, #footer select, #footer caption {
    color: #ffffff;
}

#footer {
    margin-top: 50px;
}

.footer-widgets-wrapper {
    display: flex;
    list-style-type: none;
    text-align: left;
    margin-bottom: 25px;
}

.footer-copyright {
    text-align: center;
    background: #000000;
    padding: 10px 0;
}

div.footer-widgets-wrapper #media_image-2 {
    max-width: 64%;
}

#footer .footer-widgets-wrapper .row {
    margin-top: 56px;
}

div.footer-widgets-wrapper p {
    margin-top: 26px;
    font-weight: 300;
    line-height: 23px;
}

.menu-quick-links-container,
.menu-feature-services-container,
.contact-footer {
    margin-top: 16%;
    line-height: 26px;
}

i.fa {
    padding-right: 12px
}

#footer {
    width: 100%;
    background-color: #F28E5A;
    color: white;
}

#footer h2 {
    color: #ffffff;
    border-bottom: double;
    border-top: double;
    padding: 10px 0px;
}

footer h4 {
    color: #ffffff;
    margin: 15px 0px;
    padding: 0;
    font-size: 28px;
    border-bottom: double;
    border-top: double;
}

#footer .wp-block-button__link {
    background: #fff;
    color: #F28E5A;
}

#footer table#wp-calendar td, #footer table#wp-calendar td a, #footer .wp-block-calendar caption, #footer span.wp-calendar-nav-prev a {
    color: #ffffff;
}

div.footer-widgets-wrapper p.wp-block-tag-cloud a, div.footer-widgets-wrapper .tagcloud a, p.wp-block-tag-cloud a, div.footer-widgets-wrapper .tag-cloud a {
    color: #F28E5A;
    display: inline-block;
    font-size: 16px !important;
    line-height: 1.5;
    margin-bottom: 7px;
    padding: 5px 15px;
    background: #ffffff;
    font-weight: 400;
    border: 2px solid #F28E5A;
    text-decoration: none;
}

div.footer-widgets-wrapper p.wp-block-tag-cloud a:hover, div.footer-widgets-wrapper .tagcloud a:hover, p.wp-block-tag-cloud a:hover, div.footer-widgets-wrapper .tag-cloud a:hover {
    background: #1d1d1d;
    color: #ffffff;
}

.footer-widgets-wrapper > ol {
    list-style-type: none;
}

#footer li a {
    color: #fff !important;
}

footer .copyrights p {
    margin: 15px 0;
}

.copyrights a {
    color: #fff;
    text-decoration: underline;
}

.copyrights a:hover {
    color: #F28E5A;
}

a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    background: #F28E5A;
    color: #ffffff;
}

/**
====================================================================
  Blog-section
====================================================================
*/
span.edit-link {
    padding: 0;
}

#blog-section #post-wrapper article {
    margin-bottom: 50px;
}

.archive.heading h1 {
    padding: 0;
}

#blog-section #post-wrapper .blog-post, #blog-section .blog-post {
    padding: 20px 20px 40px;
    border-radius: 20px;
    border: 1px solid #dadee2;
    border-bottom: 6px solid #dadee2;
}

#blog-section #post-wrapper .sticky .blog-post {
    border: 1px solid #F28E5A;
    border-bottom: 6px solid #F28E5A;
}

#blog-section #post-wrapper {
    padding: 0 20px;
    padding-left: 25px;
    margin-top: 70px;
}

.blog-post img {
    max-width: 100%;
    height: auto;
    margin-top: 15px;
}

.blog-content-wrapper {
    padding: 0 25px;
}

#blog-section h2.entry-title {
    position: relative;
    word-break: break-all;
    padding: 0;
    margin-bottom: 15px;
}

h2.entry-title a {
    text-decoration: none;
}

#blog-section .meta {
    margin-top: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dadee2;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#blog-section .meta i {
    margin-right: 8px;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #F28E5A;
    border-radius: 1e3px;
    text-align: center;
    line-height: 29px;
    font-size: 12px;
}

#blog-section #post-wrapper article .meta > span:not(:last-child) {
    padding-right: 16px;
    margin-right: 16px;
    position: relative;
}

#blog-section .meta a, #blog-section .meta span {
    color: #F28E5A;
}

#blog-section .meta span {
    color: #F28E5A;
    padding: 2px;
}

#blog-section .meta span a {
    color: #F28E5A;
    vertical-align: baseline;
    margin-left: 3px;
}

#blog-section .meta span .blog-post {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    row-gap: 50px;
    margin: 54px 110px 0 0px;
    padding: 5px 0px;
}

.blog-image-wrapper {
    position: relative;
}

#blog-section .meta.has-image {
    position: absolute;
    bottom: 7px;
    right: 0;
    width: auto;
    max-width: 80%;
    padding: 20px;
    background: rgb(34 34 34 / 70%);
    color: #fff;
    box-sizing: border-box;
    z-index: 1;
}

#blog-section .meta.has-image .meta-item {
    margin-bottom: 5px;
}

#blog-section .meta.has-image a,
#blog-section .meta.has-image span {
    color: #fff;
}

#blog-section .read-more a {
    background: #F28E5A;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    line-height: normal;
    font-weight: bold;
}

/**
====================================================================
  Single-blog-section
====================================================================
*/
.single .entry-title a {
    color: #9e6906;
    font-size: 21px;
    margin: -28px 0 0 0;
}

.single .entry-title {
    margin: 30px 0 10px 0;
    padding: 0;
    font-size: 28px;
    word-wrap: break-word;
}

.single .blog-post img {
    max-width: 100%;
    height: auto;
    margin-top: 38px;
}

.single .blog-post img {
    max-width: 100%;
    height: auto;
}

.single .meta {
    position: relative;
    margin: 10px 0px;
    padding: 15px 0;
    border-bottom: 1px solid #dadee2;
}

.single .meta > span {
    padding: 0 10px;
}

.single .meta span a {
    vertical-align: baseline;
    margin-left: 3px;
    text-decoration: none;
}

.single .blog-content-wrapper {
    background: #f8f8f8;
    padding: 55px;
    margin-top: -70px;
    padding-left: 30px;
}

.single #post-wrapper {
    padding: 50px;
    padding-top: 25px;
    padding: 0px 45px;
}

.single .blog-image-wrapper {
    padding-top: 39px;
    padding-bottom: 40px
}

.single .meta span .blog-post {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    row-gap: 50px;
    margin: 54px 110px 0 0px;
    padding: 5px 0px;
}

.single .blog .blog-content-wrapper h2.entry-title {
    margin: 0;
    padding-bottom: 20px;
    padding-top: 2px;
}

.single .post-categories {
    margin: 10px 0;
}

.single ul.post-categories {
    display: inline-block;
}

.single nav.post-navigation {
    margin: 40px 0;
}

/**
====================================================================
  Comments
====================================================================
*/
.single #comments {
    margin: 0 auto;
    padding-top: 80px;
}

.single.single-right-sidebar #comments,
.single.single-left-sidebar #comments {
    width: 90%;
}

#blog-section .col-md-12 {
    margin: 70px 0 0 0;
}

ol.comment-list {
    margin-top: 30px;
    list-style-type: none;
    margin-left: 0;
}

ol.children {
    list-style-type: none;
}

.comment-metadata {
    margin: 10px 0;
    padding: 0px 70px;
    border-radius: 45px;
}

#respond {
    margin-top: 50px;
}

.comment-meta .reply {
    margin: 10px 0;
    float: right;
}

.post-tags {
    margin: 70px 0 10px 0;
}

.post-tags a {
    background: #efefef;
    padding: 5px 15px;
    margin-right: 5px;
    margin-bottom: 10px;
}

.post-tags a:hover {
    background: #F28E5A;
    color: #fff;
}

.comment-meta b.fn {
    display: block;
    margin-left: 70px;
    margin-top: -50px;
}

.comment-meta span.says {
    margin-left: 70px;
}

#respond h3#reply-title {
    margin-bottom: 5px;
}

.children .comment {
    padding-left: 50px;
}

/**
====================================================================
  Pagination
====================================================================
*/
.blog .pagination {
    display: block;
    text-align: center;
    margin: 24px 0px;
    border-radius: 13px;
}

.blog .pagination .page-numbers {
    margin: 0px 8px;
}

.blog .pagination .nav-links .current {
    background: #F28E5A;
    color: #fff;
    padding: 10px 20px;
}

.nav-previous {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.single .nav-previous span > i {
    padding-right: 10px;
}

.single .nav-next i {
    padding-left: 10px;
}

.nav-previous a .post-title {
    padding: 7px 0;
    font-size: 20px;
    font-weight: 500;
    color: #F28E5A;
    margin: 0;
}

.nav-next a .post-title {
    padding: 7px 0;
    font-size: 20px;
    font-weight: 500;
    color: #F28E5A;
}

.nav-next {
    display: inline-block;
    text-align: right;
    width: 50%;
    vertical-align: top;
}

.nav-links {
    border-top: 1px solid #010101;
    padding: 12px;
    border-bottom: 1px solid #010101;
}

.nav-links a {
    text-decoration: none;
}

.post-title :hover {
    text-decoration: none;
}

.post-navigation .nav-links span.screen-reader-text {
    pointer-events: none;
}

/**
====================================================================
  Search
====================================================================
*/
.search form input[type="submit"],
.search label.search-icon {
    display: none;
}

.search #post-wrapper {
    margin-top: 70px;
}

.search h1.page-search {
    margin: 0;
    padding: 0;
}

/**
====================================================================
  404 page
====================================================================
*/
.error404 form input[type="submit"],
.error404 label.search-icon {
    display: none;
}

.error404 #post-wrapper {
    margin-top: 70px;
}

.error404 h1.page-error {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

/**
====================================================================
  Page
====================================================================
*/
.logo p.site-title {
    font-size: 25px;
    font-weight: 700;
    padding: 0;
}

.container .page-content-area {
    margin-top: 70px;
}

.container .page-content-area a {
    text-decoration: underline;
    font-size: 18px;
}

.single-entry-summary a, .textwidget a {
    text-decoration: underline;
}

/**
====================================================================
  block-page
====================================================================
*/
.blog-post .blocks-gallery-grid, .blog-post .wp-block-gallery {
    padding: 0px 10px 20px 0px;
}

/**
====================================================================
  Sidebar CSS
====================================================================
*/
#sidebar-wrapper, .inn-sidebar, div#inner-main .content-area, main#inner-detail .content-area, .detail-sidebar {
    margin-top: 70px;
}

#sidebar-wrapper .widget_pages ul,
#footer .widget_pages ul, .inn-sidebar .widget_pages ul, .detail-sidebar .widget_pages ul {
    display: block;
}

#sidebar-wrapper .search-form .search-submit, .inn-sidebar .search-form .search-submit, .detail-sidebar .search-form .search-submit {
    margin-top: 10px;
}

#sidebar-wrapper #calendar_wrap table, .inn-sidebar #calendar_wrap table, .detail-sidebar #calendar_wrap table {
    width: 100%;
}

#sidebar-wrapper h3.custom_title, .inn-sidebar h3.custom_title, .detail-sidebar h3.custom_title {
    margin-bottom: 25px;
    padding: 15px;
}

#sidebar-wrapper caption, .inn-sidebar caption, .detail-sidebar caption {
    color: #000000;
    font-size: 20px;
}

#sidebar-wrapper table, #sidebar-wrapper th, #sidebar-wrapper td, .inn-sidebar table, .inn-sidebar th, .inn-sidebar td, .detail-sidebar table, .detail-sidebar th, .detail-sidebar td {
    border: 1px solid #e1e1e1;
    text-align: center;
}

#sidebar-wrapper td, .inn-sidebar td, .detail-sidebar td {
    padding: 7px;
    color: #000000;
}

#sidebar-wrapper th, .inn-sidebar th, .detail-sidebar th {
    text-align: center;
    padding: 5px;
    color: #000000;
}

#sidebar-wrapper select, .woocommerce .woocommerce-ordering select, .inn-sidebar select, .detail-sidebar select {
    padding: 10px 5px;
    border: solid 1px #e1e1e1;
    color: #000000;
    background: transparent;
}

#sidebar-wrapper h3, #sidebar-wrapper .widget_block h3, #sidebar-wrapper h2, #sidebar-wrapper label.wp-block-search__label, .inn-sidebar label.wp-block-search__label, .inn-sidebar h2, .inn-sidebar h3, .inn-sidebar .widget_bloc h3, .detail-sidebar h3, .detail-sidebar .widget_block h3, .detail-sidebar h2, .detail-sidebar label.wp-block-search__label {
    padding: 20px 0 20px 24px;
    background-color: #F28E5A;
    color: #fff !important;
    font-size: 22px;
    text-transform: capitalize;
    line-height: 25px;
    font-weight: 500;
    border-radius: 15px;
    margin-bottom: 10px;
}

#sidebar-wrapper .widget_block h3, #sidebar-wrapper h2, .inn-sidebar h2, .inn-sidebar .widget_block h3, .detail-sidebar .widget_blockh3, .detail-sidebar h2 {
    padding: 15px;
}

#sidebar-wrapper .wp-block-latest-comments, .inn-sidebar .wp-block-search__inside-wrapper, .inn-sidebar .wp-block-latest-comments, .detail-sidebar .wp-block-search__inside-wrapper, .detail-sidebar .wp-block-latest-comments {
    margin-top: 20px;
}

#sidebar-wrapper .wp-block-search__inside-wrapper,
#footer .wp-block-search__inside-wrapper,
#sidebar-wrapper .search,
#footer .search, .inn-sidebar .wp-block-search__inside-wrapper, .inn-sidebar .search, .detail-sidebar .wp-block-search__inside-wrapper, .detail-sidebar .search {
    border-radius: 20px;
    padding: 5px 10px;
    border: 1px solid #dadee2;
    background: #ffffff;
}

#sidebar-wrapper .search,
#footer .search, .inn-sidebar .search, .detail-sidebar .search {
    display: flex;
}

#sidebar-wrapper input[type="search"]:focus,
#footer input[type="search"]:focus,
#sidebar-wrapper input[type="search"]:active,
#footer input[type="search"]:active,
#sidebar-wrapper input[type="search"]:focus-visible,
#footer input[type="search"]:focus-visible,
#sidebar-wrapper input[type="search"],
#footer input[type="search"],
#sidebar-wrapper input.search-field:focus-visible,
#footer input.search-field:focus-visible,
#sidebar-wrapper input[type="text"]:focus-visible,
#footer input[type="text"]:focus-visible, .inn-sidebar input[type="search"]:focus, .inn-sidebar input[type="search"]:active, .inn-sidebar input[type="search"]:focus-visible, .inn-sidebar input[type="search"], .inn-sidebar input.search-field:focus-visible, .inn-sidebar input[type="text"]:focus-visible, .detail-sidebar input[type="search"]:focus, .detail-sidebar input[type="search"]:active, .detail-sidebar input[type="search"]:focus-visible, .detail-sidebar input[type="search"], .detail-sidebar input.search-field:focus-visible, .detail-sidebar input[type="text"]:focus-visible {
    outline-color: #fff;
    border: none;
}

#sidebar-wrapper input[type="search"], #footer input[type="search"], #sidebar-wrapper input.search-field, #footer input.search-field, #sidebar-wrapper input[type="text"], #footer input[type="text"], .inn-sidebar input[type="search"], .inn-sidebar input.search-field, .inn-sidebar input[type="text"], .detail-sidebar input[type="search"], .detail-sidebar input.search-field, .detail-sidebar input[type="text"] {
    font-size: 15px;
    margin-bottom: 10px;
    border-radius: 20px;
    color: #000000;
    border: none;
    width: 100%;
    padding: 5px;
    margin: 0;
    height: 40px;
    background: transparent;
}

#sidebar-wrapper .wp-block-search__button,
#footer .wp-block-search__button,
#sidebar-wrapper input[type="submit"],
#footer input[type="submit"],
#sidebar-wrapper .search input .button,
#footer .search input .button,
#sidebar-wrapper aside form #searchsubmit,
#footer aside form #searchsubmit, .inn-sidebar button.wp-block-search__button.wp-element-button,
.inn-sidebar .wp-block-search__button,
.inn-sidebar input[type="submit"],
.inn-sidebar .search input .button,
.inn-sidebar aside form #searchsubmit, .detail-sidebar button.wp-block-search__button.wp-element-button,
.detail-sidebar .wp-block-search__button,
.detail-sidebar input[type="submit"],
.detail-sidebar .search input .button,
.detail-sidebar aside form #searchsubmit {
    margin: 0;
    border-radius: 20px;
    padding: 0 10px;
    height: 40px;
}

#sidebar-wrapper .serach_inner input.search-field::placeholder,
#footer .serach_inner input.search-field::placeholder, .inn-sidebar .serach_inner input.search-field::placeholder, .detail-sidebar .serach_inner input.search-field::placeholder {
    color: #000000;
}

#sidebar-wrapper input[type="search"],
#footer input[type="search"], .inn-sidebar input[type="search"], .detail-sidebar input[type="search"] {
    margin-bottom: 0;
}

#sidebar-wrapper label,
#footer label, .inn-sidebar label, .detail-sidebar label {
    margin-bottom: 0;
    width: 100%;
    font-weight: 700;
}

#sidebar-wrapper .widget, .inn-sidebar .widget, .detail-sidebar .widget {
    margin-bottom: 35px;
    border: 1px solid #dadee2;
    border-radius: 20px;
    padding: 9px;
}

#sidebar-wrapper .widget p, .inn-sidebar .widget p, .detail-sidebar .widget p {
    color: #000;
}

#sidebar-wrapper ul, .inn-sidebar ul, .detail-sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0 !important;
    margin-top: 12px;
    margin-bottom: 2px;
    position: relative;
    border: none;
}

div#sidebar-wrapper .wp-block-latest-comments__comment-author, div#sidebar-wrapper .wp-block-latest-comments__comment-link, .inn-sidebar .wp-block-latest-comments__comment-author, .inn-sidebar .wp-block-latest-comments__comment-link, .detail-sidebar .wp-block-latest-comments__comment-author, .detail-sidebar .wp-block-latest-comments__comment-link {
    color: #F28E5A;
}

#sidebar-wrapper article,
#footer .footer-widgets article, .inn-sidebar article, .detail-sidebar article {
    margin: 0;
}

#sidebar-wrapper .widget ul .dropdown i, #footer .footer-widgets .section ul .dropdown i,
#footer .footer-widgets .widget ul .dropdown i, .inn-sidebar .widget ul .dropdown i, .detail-sidebar .widget ul .dropdown i {
    display: none;
}

#sidebar-wrapper .widget ul li a, #footer .footer-widgets .section ul li a,
#footer .footer-widgets .widget ul li a, .inn-sidebar .widget ul li a, .detail-sidebar .widget ul li a {
    color: #F28E5A;
    z-index: 1;
    font-size: 15px;
    letter-spacing: .8px;
    font-weight: 400;
    display: inline-block;
    align-items: center;
    padding: 0 !important;
    position: relative;
}

#sidebar-wrapper .widget ul, #footer .footer-widgets .section ul,
#footer .footer-widgets .widget ul, .inn-sidebar .widget ul, .detail-sidebar .widget ul {
    list-style: none;
    padding: 0 !important;
    margin-top: 12px;
    margin-bottom: 2px;
    display: block;
    position: relative;
}

#footer .footer-widgets .widget ul, #footer .footer-widgets .section ul {
    border: none;
    background-color: transparent;
}

#sidebar-wrapper .widget ul li, #footer .footer-widgets .section ul li,
#footer .footer-widgets .widget ul li, .inn-sidebar .widget ul li, .detail-sidebar .widget ul li {
    padding: 10px 0;
    position: relative;
    background-color: transparent;
}

#sidebar-wrapper ul li:not(.recentcomments):hover a:before, .inn-sidebar ul li:not(.recentcomments):hover a:before, .detail-sidebar ul li:not(.recentcomments):hover a:before {
    transform: translateY(-50%) scale(1);
}

#sidebar-wrapper ul li:not(.recentcomments) a:before, .inn-sidebar ul li:not(.recentcomments) a:before, .detail-sidebar ul li:not(.recentcomments) a:before {
    position: absolute;
    content: '';
    top: 50%;
    left: -10px;
    transform: translateY(-50%) scale(0);
    width: 6px;
    height: 6px;
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    border-radius: 1e3px;
    background-color: #F28E5A;
}

#sidebar-wrapper ul li:hover, .inn-sidebar ul li:hover, .detail-sidebar ul li:hover {
    margin-left: 10px;
    transition: 0.5s;
    color: #F28E5A;
}

div#sidebar-wrapper p.wp-block-tag-cloud a:before, div#sidebar-wrapper .tagcloud a:before, div#sidebar-wrapper p.wp-block-tag-cloud a:before, .inn-sidebar p.wp-block-tag-cloud a:before, .inn-sidebar .tagcloud a:before, .inn-sidebar p.wp-block-tag-cloud a:before, .detail-sidebar p.wp-block-tag-cloud a:before, .detail-sidebar .tagcloud a:before, .detail-sidebar p.wp-block-tag-cloud a:before {
    position: absolute;
    content: '/';
    top: 0;
    right: 0;
    font-size: 15px !important;
    color: #F28E5A;
}

#sidebar-wrapper .tagcloud a, .inn-sidebar .tagcloud a, .detail-sidebar .tagcloud a {
    font-size: 15px !important;
    color: #F28E5A;
    line-height: 20px;
    position: relative;
    z-index: 1;
    display: inline-block;
    border: none;
    padding: 0px 15px 0px 0px;
    margin-right: 8px;
}

.tagcloud a:hover {
    text-decoration: underline;
}

#sidebar-wrapper h3 a.rsswidget, .inn-sidebar h3 a.rsswidget, .detail-sidebar h3 a.rsswidget {
    color: #000;
}

#sidebar-wrapper .tag-cloud-link, .inn-sidebar .tag-cloud-link, .detail-sidebar .tag-cloud-link {
    font-size: 16px !important;
    color: #000 !important;
    border: 1px solid;
    padding: 4px;
    margin: 10px;
}

.nav-previous, .nav-next {
    margin: 1% 0 0 0;
}

.nav-next {
    float: right;
    text-align: right;
    font-size: 18px;
}

.nav-previous {
    text-align: left;
    font-size: 18px;
}

#footer #media_image-2 img {
    object-fit: contain;
    width: 110px;
    height: 100px !important;
}

#footer .text-2 {
    margin-top: 0;
}

/**
====================================================================
  Custom CSS for WooCommerce Inner Pages
====================================================================
*/
h1.woocommerce-products-header__title.page-title {
    padding: 20px;
    color: #ffffff;
}

.woocommerce .woocommerce-info .button, button.woocommerce-Button.button {
    background: #F28E5A;
    color: #ffffff;
}

.woocommerce a.added_to_cart {
    padding-left: 8px;
}

.yith-wcwl-share li.share-button i {
    padding: 0px;
}

nav.woocommerce-breadcrumb {
    margin-top: 10px !important;
}

.woocommerce span.onsale {
    background: #F28E5A;
    padding: 10px 15px;
}

/* Single Product Page */
.single-product .product-title {
    font-size: 24px;
    color: #333;
}

.single-product .price {
    font-weight: bold;
    color: #554b4d !important;
}

.woocommerce div.product form.cart .button {
    background: #F28E5A;
}

/* Shop Page */
.woocommerce ul.products li.product {
    background-color: #f8f8f8;
    padding: 10px;
    border: 1px solid #ddd;
}

.woocommerce ul.products li.product .button {
    background: #F28E5A;
    color: #ffffff;
}

.woocommerce ul.products li.product .price {
    color: #F28E5A;
}

.woocommerce ul.products li.product .star-rating, .woocommerce .star-rating span::before {
    color: #efab07;
}

.wc-block-grid__product-rating .star-rating span:before {
    color: #efab07 !important;
}

.woocommerce .woocommerce-ordering {
    margin: 0 0 3em;
}

.detail-sidebar ul li a:hover, .inn-sidebar ul li a:hover {
    color: #F28E5A;
}

/* Cart Page */
.woocommerce-cart table.cart th {
    background-color: #f1f1f1;
    text-transform: uppercase;
    font-size: 14px;
}

.woocommerce-cart table.cart td {
    border-bottom: 1px solid #ddd;
}

.wc-block-grid__product-add-to-cart .wp-block-button__link {
    background: #F28E5A;
    padding: 8px 25px;
}

/* My Account Page */
.woocommerce-account .woocommerce-MyAccount-content {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 10px;
}

nav.woocommerce-MyAccount-navigation ul li a {
    font-weight: 700;
    text-decoration: unset !important;
}

nav.woocommerce-MyAccount-navigation ul li {
    border: 3px solid #F28E5A;
    margin: 10px 0px;
    padding: 15px;
    border-radius: 4px;
}

.woocommerce-MyAccount-content a {
    color: #F28E5A;
}

/**
====================================================================
  Extra CSS
====================================================================
*/
button,
input[type="submit"] {
    padding: 10px 20px;
    background: #F28E5A;
    color: #fff;
    border: none;
}

/**
====================================================================
  Alignment CSS
====================================================================
*/
.bypostauthor img {
    border-radius: 50%;
}

.gallery-caption, figcaption.blocks-gallery-caption {
    font-weight: bold;
}

.wp-caption {
    background: #fff;
    border: 2px solid #efefef;
    max-width: 100%;
    padding: 10px 5px;
    text-align: center;
}

.wp-caption p {
    color: #000;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption p.wp-caption-text, .wp-caption-text {
    padding: 10px 10px 10px 0px;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}

/**
====================================================================
  Responsive CSS
====================================================================
*/
@media screen and (max-width: 1000px) {
    .main-navigation ul .menu-item.menu-item-has-children a:after,
    .main-navigation ul .page_item.page_item_has_children a:after {
        content: none;
    }

    .main-navigation .menu {
        display: inline-block;
        padding: 20px;
        margin-top: 65px;
    }

    .main-navigation .menu ul {
        display: inline-block;
    }

    .main-navigation .menu li {
        border: none;
    }

    ul#menu-testing-menu li.current-menu-item.current_page_item a {
        border: none;
        color: #ffffff;
    }

    .main-navigation ul.sub-menu li a,
    .main-navigation ul.children li a {
        color: #ffffff !important;
    }

    .main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus,
    .main-navigation ul.children > li > a:hover, .main-navigation ul.children > li > a:focus {
        background: transparent;
    }

    .slider-box-btn {
        margin: 17px 0;
    }

    .toggle-nav.mobile-menu {
        text-align: center;
    }

    .nav-box {
        outline: none;
        background: transparent;
    }

    .main-navigation .sub-menu > li,
    .main-navigation .children > li {
        border: none;
    }

    .toggle-nav {
        display: none;
        cursor: pointer;
        z-index: 999999;
    }

    .toggle-nav i {
        font-size: 30px;
        color: #000000;
    }

    .toggle-nav button {
        border: none;
        background: transparent;
        padding: 0;
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 99999999;
        right: 0;
        top: 0;
        overflow-x: hidden;
        transition: 0.5s;
        overflow-y: scroll;
        background: #1E192D;
        visibility: hidden;
    }

    .sidenav.show {
        visibility: visible;
        width: 300px;
    }

    .sidenav .closebtn {
        position: absolute;
        top: 20px;
        margin-left: 10px;
        display: block;
        font-size: 30px;
        color: #fff;
        text-align: center;
        right: 14px;
    }

    .sidenav #site-navigation {
        width: 100%;
        background-color: #212529;
        padding-left: 6px;
    }

    .toggle-nav,
    .toggle-nav.mobile-menu,
    a.closebtn.mobile-menu,
    .main-navigation ul ul li,
    .nav ul li a {
        display: block;
    }

    .nav ul li ul li a:before {
        content: "\00BB \00a0";
    }

    .nav ul li ul li a {
        padding-left: 20px !important;
    }

    .nav ul li ul li ul li a {
        padding-left: 30px !important;
    }

    .main-navigation li {
        padding: 0;
    }

    .main-navigation ul li a, .main-navigation .menu > li > a, .main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return,
    .main-navigation .menu > li > a, .main-navigation .children > li > a, .main-navigation .children > li > .menu-item-link-return, .menu ul li a {
        color: #ffffff !important;
        display: block;
        border: none;
        text-align: left;
        padding: 10px 0px;
        border-bottom: 1px solid rgba(255, 255, 255, .15);
    }

    #site-navigation .menu ul li a:hover {
        color: #F28E5A;
    }

    /*NEW*/
    .main-navigation .menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
        border: none;
    }

    .main-navigation .sub-menu li ul.sub-menu, .main-navigation .children li ul.children {
        left: 0px !important;
    }

    .navigation_header .nav, .navbar-expand-xl {
        display: inline-block;
    }

    .main-navigation .sub-menu, .main-navigation .children {
        background: transparent;
    }

    .caret {
        display: none;
    }

    /* mobile menu */
    .footer-widgets-wrapper .widget-column {
        margin: 70px 0;
    }

    .footer-widgets-wrapper .widget-column:last-child {
        margin-bottom: 0;
    }

    .main-navigation ul li ul a {
        background: 0 0
    }

    .main-navigation ul li ul li ul li a {
        background: 0 0;
        text-transform: uppercase;
        padding-left: 22px;
        font-size: 13px;
        color: rgba(255, 255, 255, .5)
    }

    .main-navigation a.current,
    .main-navigation li.current > a {
        color: #c5a47e
    }

    .main-navigation ul li {
        position: relative;
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, .15)
    }

    .main-navigation ul .dropdown:focus-within > ul {
        display: block !important
    }

    .main-navigation ul > li > ul {
        background-color: #2a2a2a
    }

    .main-navigation ul li a {
        background: 0 0;
        color: #fff;
        display: inline-block;
        font-weight: 400;
        text-transform: uppercase;
        padding: 12px 15px;
        position: relative;
        cursor: pointer;
        line-height: 24px;
        font-size: 12px;
        letter-spacing: 1px;
        width: 100%;
        text-align: left
    }

    .main-navigation ul.menu > li > ul > li > a {
        text-transform: uppercase;
        padding-left: 22px;
        font-size: 12px;
        color: rgba(255, 255, 255, .5)
    }

    .main-navigation ul.menu > li > ul > li.dropdown > a {
        padding-left: 22px
    }

    .main-navigation ul.menu > li > ul > li.dropdown {
        width: auto
    }

    .main-navigation ul li.dropdown .la {
        border-left: 1px solid rgba(130, 130, 130, .58);
        color: #fff;
        text-align: center;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .main-navigation .menu .dropdown-menu {
        position: relative;
        z-index: 1;
        display: none;
        float: none;
        min-width: 100%;
        padding: 5px 0;
        margin: 2px 50px 0 0;
        font-size: 14px;
        text-align: center;
        list-style: none;
        background-color: transparent;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: none;
        border-radius: 1px;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 1 !important;
        left: 0 !important;
    }

    #site-navigation .menu li.dropdown .bi, .main-navigation .menu li i, .menu li.page_item ul.children i {
        display: block;
        border-left: 1px solid rgba(255, 255, 255, .13);
        color: #b3b3b9;
        text-align: center;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    #site-navigation .menu li.dropdown .bi,
    .main-navigation ul li.dropdown .bi, .main-navigation .menu li i, ul.children.dropdown-menu li i, .menu li.page_item ul.children i {
        position: absolute;
        z-index: 99;
        width: 60px;
        right: 0;
        top: 0;
        line-height: 45px;
        font-size: 18px;
        cursor: pointer;
    }

    .menu li.page_item i {
        right: -254px !important;
        top: -10px !important;
        width: 40px !important;
    }

    .menu li.page_item ul.children li.page_item i {
        right: 0 !important;
    }

    .main-navigation ul.menu > li {
        padding: 0;
    }

    .main-navigation ul li:last-child,
    .main-navigation ul.menu > li > ul > li:last-child,
    .main-navigation .menu > li > ul > li:last-child,
    .main-navigation .menu > li > ul > li > ul > li:last-child {
        border-bottom: none;
    }

    .slider-box-btn {
        margin: 17px 0;
    }
}

@media (max-width: 991px) {
    .main-banner-content-box h3 {
        font-size: 20px;
        line-height: unset;
    }

    .style2 #header-main.sticky {
        margin-top: 0;
        border-bottom: 1px solid #f5f5f5;
        box-shadow: 0px 2px 4px -2px;
        -webkit-box-shadow: 0px 2px 4px -2px;
        -moz-box-shadow: 0px 2px 4px -2px;
    }

    .topbar-text p {
        margin: 0 10px 4px 0px;
        float: inline-end;
    }

    header.style1 {
        height: auto !important;
    }

    header.style1 ul.navigation > li a,
    header.style2 ul.navigation > li a {
        color: #fff;
    }

    .single .meta span a {
        vertical-align: baseline;
        margin-left: 3px;
    }

    .single .blog-post img {
        max-width: 100%;
        height: auto;
        margin-top: 38px;
    }

    .single #post-wrapper {
        padding: 30px;
    }

    .blog-post {
        max-width: 100%;
    }

    .bth-sidebars .container .col-left,
    .both-sidebars .container .col-right {
        float: none;
        width: 100%;
    }

    .both-sidebars .container .col-middle {
        width: 100%;
    }

    .single .title,
    .single .content {
        width: 100%;
        margin: 0 auto;
    }

    .single #comments {
        width: 100%;
        margin: 0 auto;
        padding-top: 0;
    }

    .footer-menu ul > li {
        width: 100%;
    }

    .footer-menu ul > li.dropdown {
        margin-top: 30px;
    }

    .footer-widgets-wrapper {
        display: inline-block;
        list-style-type: none;
    }

    .related-posts.archive article {
        width: auto;
    }

    .archive article {
        width: 100%;
    }

    .footer-widgets-wrapper .widget-column {
        margin: 70px 0;
    }

    .footer-widgets-wrapper .widget-column:last-child {
        margin-bottom: 0;
    }

    @keyframes slide-in {
        from {
            transform: translateX(-100%);
        }
        to {
            transform: translateX(0);
        }
    }
}

@media (max-width: 767px) {
    .slider-sec .owl-dots {
        display: none;
    }

    .topbr-search-box form.woocommerce-product-search {
        width: 100%;
        margin-bottom: 15px;
    }

    .topbr-search-box input.search-field {
        width: 30%;
    }

    .topbr-search-box select#product_cat {
        width: 43%;
    }

    .alignfull {
        max-width: 100vw;
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
        width: auto;
    }

    .alignwide {
        max-width: 100vw;
        margin-right: calc(25% - 25vw);
        margin-left: calc(25% - 25vw);
        width: auto;
    }

    .alignfull img {
        width: 100vw;
    }

    .search-container .search-form {
        width: 305px;
        right: 0px;
        top: 50px;
    }

    .search-container input[type="submit"] {
        padding: 12px 22px;
    }

    .search-container .search-form input[type="text"] {
        width: 175px;
    }

    .hdr-icns {
        border: none;
    }

    .main-banner-content-box.content-left {
        left: 5%;
        right: 5%;
    }

    h2.bnr-heading {
        font-size: 32px;
    }

    h6.bnr-sm-hd {
        font-size: 13px;
    }

    h6.bnr-sm-hd:after {
        height: 10px;
        width: 270px;
    }

    section#main-banner-wrap .main-banner-inner-box img {
        height: 400px;
    }

    h6.abt-sm-hd:after {
        right: 36%;
    }
}

@media (max-width: 991px) and (min-width: 767px) {
    footer#footer div.col-md-3,
    footer#footer div.col-md-6 {
        width: 46%;
        display: inline-block;
        vertical-align: top;
        margin-right: 15px;
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    .topbr-search-box input.search-field {
        width: 30%;
    }

    .topbr-search-box select#product_cat {
        width: 43%;
    }

    .main-banner-content-box.content-left {
        left: 5%;
        right: 48%;
    }

    h2.bnr-heading {
        font-size: 60px;
    }

    section#main-banner-wrap .main-banner-inner-box img {
        height: 500px;
    }

    h6.abt-sm-hd:after {
        right: 43%;
    }

    p.tbr-call-no, p.tbr-adrs {
        font-size: 14px;
    }

    .slider-sec .owl-dots {
        right: 5%;
    }
}

@media (max-width: 1199px) and (min-width: 1024px) {
    .main-navigation .menu {
        gap: 5px 25px;
    }

    .main-navigation .menu > li > a, .page_item a {
        font-size: 13px;
    }

    p.tbr-call-no, p.tbr-adrs {
        font-size: 11px;
    }

    a.hdr-btn {
        font-size: 12px;
        padding: 12px 14px !important;
    }

    .main-banner-content-box.content-left {
        left: 5%;
        right: 52%;
    }

    section#main-banner-wrap .main-banner-inner-box img {
        height: 600px;
    }

    h6.abt-sm-hd:after {
        right: 45%;
    }

    h3.abt-main-hd {
        font-size: 30px;
    }

    p.abt-txt1, p.abt-txt2 {
        font-size: 12px;
    }

    a.btn-abt.btn {
        font-size: 14px;
        padding: 8px 40px
    }

    .slider-sec .owl-dots {
        right: 5%;
    }
}

@media (max-width: 1359px) and (min-width: 1200px) {
    p.tbr-call-no, p.tbr-adrs {
        font-size: 14px;
    }

    a.hdr-btn {
        padding: 12px 15px !important;
    }

    .main-banner-content-box.content-left {
        left: 5%;
        right: 58%;
    }

    h3.abt-main-hd {
        font-size: 35px;
    }

    p.abt-txt1, p.abt-txt2 {
        font-size: 12px;
    }

    a.btn-abt.btn {
        font-size: 14px;
        padding: 10px 40px;
    }

    .slider-sec .owl-dots {
        right: 4%;
    }
}

@media (max-width: 1439px) and (min-width: 1360px) {
    p.tbr-call-no, p.tbr-adrs {
        font-size: 14px;
    }

    a.hdr-btn {
        padding: 12px 15px !important;
    }

    .main-banner-content-box.content-left {
        left: 9%;
        right: 58%;
    }

    h3.abt-main-hd {
        font-size: 35px;
    }

    p.abt-txt1, p.abt-txt2 {
        font-size: 12px;
    }

    a.btn-abt.btn {
        font-size: 14px;
        padding: 10px 40px;
    }

    .slider-sec .owl-dots {
        right: 9%;
    }
}

@media (max-width: 1500px) and (min-width: 1440px) {
    .main-banner-content-box.content-left {
        left: 5%;
        right: 64%;
    }

    .slider-sec .owl-dots {
        right: 5%;
    }
}

@media (max-width: 2000px) and (min-width: 1920px) {
    .main-banner-content-box.content-left {
        left: 16%;
        right: 61%;
    }
}

@media (max-width: 2560px) and (min-width: 1024px) {
    ul.sub-menu.dropdown-menu i, ul.children i {
        display: none;
    }
}

@media (max-width: 2560px) and (min-width: 2001px) {
    .main-banner-content-box.content-left {
        left: 25%;
    }
}


@font-face {
    font-family: 'Sue';
    src: url('/web/20200427114317im_/http://head4arts.org.uk/wp-content/themes/head4arts/fonts/Sue.eot');
    src: url('/web/20200427114317im_/http://head4arts.org.uk/wp-content/themes/head4arts/fonts/Sue.eot#iefix') format('embedded-opentype'),
    url('/web/20200427114317im_/http://head4arts.org.uk/wp-content/themes/head4arts/fonts/Sue.woff') format('woff'),
    url('/web/20200427114317im_/http://head4arts.org.uk/wp-content/themes/head4arts/fonts/Sue.ttf') format('truetype'),
    url('/web/20200427114317im_/http://head4arts.org.uk/wp-content/themes/head4arts/fonts/Sue.svg#Sue') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #404040;
    font-family: sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

p {
    margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}

figure {
    margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, .8);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

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 {
    border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}

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 {
    color: #111;
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: royalblue;
}

a:visited {
    color: purple;
}

a:hover,
a:focus,
a:active {
    color: midnightblue;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

.menu-toggle {
    display: none;
}

.main-navigation ul {
    display: block;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    float: left;
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 1.5em;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}


.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    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 {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* 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;
}

/*--------------------------------------------------------------
# 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-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.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;
}

/***************************************************************
## HEAD4ARTS
***************************************************************/

/*--------------------------------------------------------------
## General settings
--------------------------------------------------------------*/
body {
    background: #ffffff;
}

#page {
    background: url("/wp-content/uploads/2025/09/pagebg.jpg");
    color: #660066;
    font-family: "Open Sans", "sans-serif";
}

#masthead-inner, #menu-inner, #content-inner, #colophon-1-inner, #colophon-2-inner {
    width: 980px;
    margin: 0 auto;
    padding: 0 10px;
}

#content {
    min-height: 350px;
    margin-top: -1px;
}

.section-subheading {
    font-family: "Fjalla One", "sans-serif";
    font-size: 22px;
}

.entry-header .entry-title {
    font-family: "Fjalla One", "sans-serif";
    font-size: 2em;
    color: #660066;
    text-transform: uppercase;
    border-bottom: 3px solid #ec008c;
    display: inline-block;
    margin-top: 1.8em;
}

.entry-content {
    margin-top: 0;
}

a, a:hover, a:visited, a:focus, a:active {
    color: #ec008c;
    text-decoration: none;
    font-weight: bold;
    outline: 0;
}

.content-bold-intro {
    font-size: 1.1em;
    font-weight: bold;
}

.pink-text {
    color: #ec008c;
}

.pink-sue-text {
    color: #ec008c;
    font-family: "Sue Ellen Francisco", cursive !important;
    font-size: 2em;
    text-transform: uppercase;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
#masthead-border {
    background: url("/wp-content/uploads/2025/09/top-border-1.jpg");
    height: 15px;
}

.site-branding {
    padding: 20px 0;
    width: 50%;
    float: left;
}

.site-header-right {
    width: 50%;
    float: right;
}

.site-search-en {
    background: url("/wp-content/uploads/2025/09/search-bg-4.png") no-repeat;
    width: 344px;
    height: 69px;
    float: right;
    text-align: right;
    margin-top: -2px;
}

.site-search-cy {
    background: url("/wp-content/uploads/2025/09/search-bg-cy-4.png") no-repeat;
    width: 344px;
    height: 69px;
    float: right;
    text-align: right;
    margin-top: -2px;
}

.site-search input[type="text"] {
    width: 180px;
    margin-top: 18px;
    padding: 0 0 0 5px;
    font-size: 16px;
}

.site-search input[type="submit"] {
    background: #5b145c;
    color: #fedf24;
    border: none;
    border-radius: 0;
    font-size: 16px;
    margin-right: 30px;
    padding: 5px;
}

.site-language {
    float: right;
}

.site-language ul {
    list-style: outside none none;
    margin: 0;
}

.topswitcher .lang-item-en a {
    background: url("/wp-content/uploads/2025/09/flag-en.png") no-repeat scroll center top;
    width: 50px;
    display: block;
    padding-top: 30px;
    margin-top: 10px;
    color: #5b145c;
    font-family: "Sue Ellen Francisco", cursive !important;
    text-transform: uppercase;
    font-size: 18px;
}

.topswitcher .lang-item-cy a {
    background: url("/wp-content/uploads/2025/09/flag-cy.png") no-repeat scroll center top;
    width: 50px;
    display: block;
    padding-top: 30px;
    margin-top: 10px;
    color: #5b145c;
    font-family: "Sue Ellen Francisco", cursive !important;
    text-transform: uppercase;
    font-size: 18px;
}

/*--------------------------------------------------------------
## Menu
--------------------------------------------------------------*/
#menu-banner {
    background: url("/wp-content/uploads/2025/09/navbg.png");
    height: 81px;
}

.main-navigation li {
    margin-right: 25px;
}

.main-navigation a {
    font-family: "Sue Ellen Francisco", cursive !important;
    color: #ffffff;
    font-size: 20px;
    padding: 26px 0;
    text-transform: uppercase;
    font-weight: normal;
}

.main-navigation .menu-main-menu-cy-container a {
    font-size: 16px;
    padding: 28px 0;
}

.main-navigation ul ul {
    background: #411744;
    top: 5em;
    padding-bottom: 10px;
    opacity: 0.9;
}

.main-navigation ul ul li {
    line-height: 1em;
    background: url("/wp-content/uploads/2025/09/dropdown-menu-sep.png") no-repeat scroll 12px bottom;
    padding: 0 10px;
}

.main-navigation ul ul a {
    padding: 1em 0;
}

.main-navigation a:hover {
    color: #ec008c;
}

/*--------------------------------------------------------------
## Responsive menu
--------------------------------------------------------------*/
.main-navigation button {
    background: transparent;
    border: none;
    color: #fedf24;
    padding: 28px 0;
    font-family: "Fjalla One", "sans serif";
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 24px !important;
    font-weight: normal !important;
}

.main-navigation.toggled .menu-main-menu-container, .main-navigation.toggled .menu-main-menu-cy-container {
    background: #411744;
}

.main-navigation.toggled li {
    float: none;
    text-align: center;
    margin-right: 0;
}

.main-navigation.toggled a {
    padding: 6px 0;
}

.main-navigation.toggled ul ul {
    position: relative;
    left: 0;
    top: 0;
    float: none;
    box-shadow: none;
}

.main-navigation.toggled ul ul li {
    background: transparent;
}

.main-navigation.toggled ul ul a {
    width: auto;
    color: #ec008c;
}

/*--------------------------------------------------------------
## HOME page: slider
--------------------------------------------------------------*/
.home #home-section-slider {
    background: url("/wp-content/uploads/2025/09/home-slider-bg.jpg");
    padding: 30px 0;
}

.home #home-section-slider #content-inner {
    padding-top: 40px;
}

.home #home-section-slider #home-slider-box {
}

#home-section-slider #slides {
    margin-bottom: 35px;
    color: #ffffff;
    box-shadow: 0 0 30px #111111;
}

#home-section-slider .homeslidercontainer {
    border: none;
}

#home-section-slider .slidesjs-container {
    height: 300px !important;
    border: 15px solid #ffffff;
    box-shadow: 0 0 15px #000000;
}

#home-section-slider .slide-image {
    width: 50%;
    height: 286px;
    float: left;
}

#home-section-slider .homeslidercontainer-inner {
    float: left;
    width: 50%;
    height: 286px;
    background: #28aae1;
}

#home-section-slider .homeslidercontainer-inner-inner {
    position: absolute;
    width: 480px;
    height: 286px;
    box-shadow: inset 0px -8px 14px #222;
}

#home-section-slider .sliderdivider {
    position: absolute;
    margin: -5px;
}

#home-section-slider .slidetitle {
    font-family: "Fjalla One", "sans serif";
    text-transform: uppercase;
    font-size: 28px;
    color: #ffffff;
    margin: 28px 30px 0 30px;
    line-height: 34px;
}

#home-section-slider .sliderexcerpt {
    font-family: "Sue Ellen Francisco", cursive !important;
    margin: 0 30px;
    text-transform: uppercase;
    font-size: 22px;
}

#home-section-slider .content p {
    margin: 0 30px;
}

#home-section-slider .homereadmore1 {
    margin: 0 30px;
    font-family: "Fjalla One", "sans serif";
    text-transform: uppercase;
    background: #fedf24;
    padding: 5px;
    right: 0;
    bottom: 20px;
    position: absolute;
}

#home-section-slider .slidesjs-pagination {
    float: right;
    list-style: outside none none;
    margin: 15px 0 0;
    position: absolute;
    z-index: 2147483647;
    padding: 0;
}

#home-section-slider .slidesjs-pagination li {
    background: #ffffff;
    border-radius: 50px;
    float: left;
    margin: 0 1px;
}

#home-section-slider .slidesjs-pagination li a {
    background-position: 0 0;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 13px;
    width: 13px;
}

#home-section-slider .slidesjs-navigation {
    display: none;
}

/*--------------------------------------------------------------
## HOME page: past projects
--------------------------------------------------------------*/
.home #home-section-projects {
    background: url("/wp-content/uploads/2025/09/home-projects-bg.jpg");
    min-height: 100px;
}

.home #home-section-projects #content-inner {
    text-align: center;
    padding-bottom: 80px;
}

.home #home-section-projects .section-subheading {
    position: absolute;
    color: #ffffff;
    background: #5b145c;
    padding: 0.5em;
}

.home #home-section-projects .prev-work-image {
    margin-bottom: 20px;
}

.home #home-section-projects .prev-work {
    padding-top: 120px;
    display: inline-block;
    vertical-align: top;
    width: 287px;
    text-align: center;
    margin: 0 15px;
}

.home #home-section-projects .round-frame {
    position: absolute;
}

.home #home-section-projects .prev-thumbnail img {
    border-radius: 150px;
    height: 250px;
    width: 250px;
    margin-left: 16px;
    margin-top: 16px;
}

.home #home-section-projects .projectname {
    color: #ffffff;
    font-family: "Fjalla One", "sans-serif";
    font-size: 22px;
    text-transform: uppercase;
    text-align: left;
    font-weight: normal;
    padding: 7px 10px 0 10px;
    width: 100%;
}

.home #home-section-projects h1 {
    margin: 10px 0 0 0;
}

.home #home-section-projects .homeproj-1, .home #home-section-projects .homeproj-2, .home #home-section-projects .homeproj-3 {
    margin-left: 18px;
    width: 260px;
}

.home #home-section-projects .homeproj-1 .projectname {
    background: #ec008c;
}

.home #home-section-projects .homeproj-2 .projectname {
    background: #fedf24;
}

.home #home-section-projects .homeproj-3 .projectname {
    background: #00aeef;
}

.home #home-section-projects .homeproj-text {
    background: #5b145c;
    font-size: 14px;
    text-align: left;
    color: #ffffff;
    padding: 10px;
    height: 200px;
    position: relative;
}

.home #home-section-projects .homeproj-text p {
    margin: 0;
}

.home #home-section-projects .homeproj-link {
    font-family: "Fjalla One", "sans-serif";
    bottom: 10px;
    position: absolute;
}

/*--------------------------------------------------------------
## HOME page: quote
--------------------------------------------------------------*/
.home #home-section-quote {
    height: 567px;
    background: url("/wp-content/uploads/2025/09/home-quote-bg.jpg") repeat scroll center top;
}

.home #home-section-quote .section-subheading {
    position: absolute;
    color: #5b145c;
    background: #ffffff;
    padding: 0.5em;
}

.home #home-section-quote .homequotetext {
    color: #ffffff;
    font-family: "Fjalla One", "sans-serif";
    font-size: 40px;
    padding-top: 100px;
    padding-left: 60px;
    padding-right: 60px;
}

.home #home-section-quote .homequotetext p {
    margin: 0;
}

.home #home-section-quote .homequoteauthor {
    color: #fedf24;
    font-family: "Fjalla One", "sans-serif";
    font-size: 24px;
    padding-left: 60px;
    padding-right: 60px;
}

/*--------------------------------------------------------------
## HOME page: gallery
--------------------------------------------------------------*/
.home #home-section-gallery {
    height: 615px;
    background: url("/wp-content/uploads/2025/09/home-gallery-bg-1.jpg") repeat scroll center top;
}

.home #home-section-gallery .section-subheading {
    position: absolute;
    color: #ffffff;
    background: #ec008c;
    padding: 0.5em;
}

.home #home-section-gallery .homepegs {
    margin-top: 101px;
    position: absolute;
    z-index: 1000000;
}

.homegallerytext {
    padding: 60px 0 0;
    color: #ffffff;
    text-align: center;
}

.homegallerytext a, .homegallerytext a:active, .homegallerytext a:hover, .homegallerytext a:focus, .homegallerytext a:visited {
    color: #ec008c;
    text-decoration: none;
}

.homegal1 {
    margin: 85px 0 0 65px;
    position: absolute;
    transform: rotate(2deg);
}

.homegal2 {
    margin: 97px 0 0 377px;
    position: absolute;
    transform: rotate(-1deg);
}

.homegal3 {
    margin: 90px 0 0 671px;
    position: absolute;
    transform: rotate(-4deg);
}

.homegal1 img, .homegal2 img, .homegal3 img {
    height: 225px;
    width: 225px;
}

.home #home-section-gallery .homegal-thumb {
    font-family: "Sue Ellen Francisco", cursive !important;
    text-transform: uppercase;
    font-size: 1.4em;
    text-align: center;
}

/*--------------------------------------------------------------
## HOME page: keep up to date
--------------------------------------------------------------*/
.home #home-section-news {
    background: url("/wp-content/uploads/2025/09/home-projects-bg.jpg");
    min-height: 100px;
    font-size: 0.95em;
}

.home #home-section-news .section-subheading {
    position: absolute;
    color: #ffffff;
    background: #ec008c;
    padding: 0.5em;
}

.page-id-2 #home-section-news .news-content {
    background: url("/wp-content/uploads/2025/09/home-keepup-5.png") no-repeat scroll center top;
    height: 660px;
}

.page-id-560 #home-section-news .news-content {
    background: url("/wp-content/uploads/2025/09/home-keepup-5-cy.png") no-repeat scroll center top;
    height: 660px;
}

/*  Newsletter signup */
.home #home-section-news .newsletter-signup {
    width: 280px;
    float: left;
    margin: 200px 0 0 35px;
}

.home .news-signup-header {
    font-family: "Sue Ellen Francisco", cursive !important;
    font-size: 28px;
    color: #ec008c;
}

.nf-before-form-content {
    display: none;
}

.nf-field-container, #ninja_forms_required_items {
    margin-bottom: 0 !important;
}

.home #home-section-news input[type="text"], .home #home-section-news input[type="email"] {
    border: 2px solid #660066;
    border-radius: 0;
    width: 100%;
}

.home #home-section-news #mc_embed_signup #mce-success-response {
    color: #ec008c;
}

#mc_embed_signup .mc-field-group {
    min-height: auto;
}

.home #home-section-news button, .home #home-section-news input[type="submit"], .home #home-section-news input[type="button"] {
    background: #ec008c !important;
    color: #fedf24 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    text-transform: uppercase !important;
    border: none;
    font-size: 1.1em;
    font-family: "Fjalla One", "sans-serif";
    border-radius: 0;
}

.home #home-section-news ::-webkit-input-placeholder {
    color: #ec008c;
    font-family: "Sue Ellen Francisco", cursive !important;
    text-transform: uppercase;
    opacity: 1;
}

/* WebKit browsers */
.home #home-section-news :-moz-placeholder {
    color: #ec008c;
    font-family: "Sue Ellen Francisco", cursive !important;
    text-transform: uppercase;
    opacity: 1;
}

/* Mozilla Firefox 4 to 18 */
.home #home-section-news ::-moz-placeholder {
    color: #ec008c;
    font-family: "Sue Ellen Francisco", cursive !important;
    text-transform: uppercase;
    opacity: 1;
}

/* Mozilla Firefox 19+ */
.home #home-section-news :-ms-input-placeholder {
    color: #ec008c;
    font-family: "Sue Ellen Francisco", cursive !important;
    text-transform: uppercase;
    opacity: 1;
}

/* Internet Explorer 10+ */

/*  Latest news */
.home #home-section-news .home-latest-news {
    width: 260px;
    float: left;
    margin: 180px 0 0 35px;
}

.home #home-section-news .home-news-items {
    border-bottom: 8px dotted #570c57;
    padding-bottom: 10px;
}

.home #home-section-news .home-news-title {
    margin: 0;
    line-height: 1;
}

.home #home-section-news .home-news-title a {
    color: #ec008c;
    font-family: "Fjalla One", "sans-serif";
    font-size: 22px;
    text-transform: uppercase;
    font-weight: normal;
}

.home #home-section-news .home-news-excerpt p {
    margin: 0;
}

/*  Follow us */
.home #home-section-news .home-follow-us {
    width: 260px;
    float: left;
    margin: 180px 0 0 45px;
}

.home #home-section-news .home-follow-us .fa {
    color: #5b145c;
    background: #ec008c;
    font-size: 40px ! important;
    width: 50px;
    padding: 5px;
    border-radius: 50%;
    text-align: center;
    margin-top: 12px;
    margin-left: 25px;
    vertical-align: top;
}

.home #home-section-news .home-follow-facebook, .home #home-section-news .home-follow-twitter {
    margin-bottom: 20px;
    font-size: 1.3em;
    font-family: "Fjalla One", "sans-serif";
}

/*  .home #home-section-news .home-follow-us .fa-twitter { transform: rotate(-20deg); margin-top: 30px; } */
/*  .home #home-section-news .home-follow-us .fa-facebook { transform: rotate(20deg); margin-top: 50px; } */

/*--------------------------------------------------------------
## Mailchimp sign-up
--------------------------------------------------------------*/
#mc_embed_signup form {
    padding: 1em 0 !important;
}

#mc_embed_signup div#mce-responses {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

#mc_embed_signup div.response {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

#mc_embed_signup #mce-success-response {
    font-weight: normal !important;
}

#mc_embed_signup .mc-field-group input {
    padding: 4px 0 !important;
}

#mc_embed_signup .mc-field-group {
    min-height: auto !important;
    width: 100% !important;
}

/*--------------------------------------------------------------
## Page template: page with right image
--------------------------------------------------------------*/
#content-left-panel {
    float: left;
    width: 62%;
}

#content-right-image {
    float: right;
    width: 35%;
    position: relative;
    margin-top: 4em;
}

.frame {
    position: absolute;
}

.image-in-frame {
    height: 400px;
}

.thumbnail-in-frame {
}

.thumbnail-in-frame img {
    transform: rotate(3deg);
    margin-top: 39px;
    margin-left: 27px;
}

/*--------------------------------------------------------------
## Page template: page with right menu
--------------------------------------------------------------*/
#content-left-with-menu {
    float: left;
    width: 70%;
}

#content-right-menu {
    float: right;
    width: 28%;
    position: relative;
    margin-top: 4em;
}

#content-left-with-menu .entry-header .entry-title {
    background: url("/wp-content/uploads/2025/09/title-line.png") no-repeat scroll left bottom;
    margin-top: 0;
    border-bottom: none;
}

#content-left-with-menu .entry-header .entry-title .part-title {
    color: #ec008c;
    text-transform: uppercase;
    font-family: "Sue Ellen Francisco", cursive !important;
    font-weight: normal;
    font-size: 1.2em;
}

#content-right-menu {
    margin-top: 4em;
    text-align: left;
}

#content-left-with-menu {
    margin-top: 4em;
    background: url("/wp-content/uploads/2025/09/panel-separator.png") no-repeat scroll right top;
    padding-right: 20px;
}

#content-right-menu .entry-header .entry-title {
    color: #5b145c;
    text-transform: uppercase;
    font-size: 2.5em;
    font-family: "Sue Ellen Francisco", cursive !important;
    font-weight: normal;
    border-bottom: none;
    margin-top: 0;
}

.right-panel-single-link {
    margin-bottom: 1em;
}

/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.wp-pagination {
    padding: 2em 0;
    color: #ec008c;
    padding: 5px;
    margin: 5em 0;
    font-weight: bold;
}

/*--------------------------------------------------------------
## Page template: page with two text columns
--------------------------------------------------------------*/
#content-left-text {
    float: left;
    width: 45%;
}

#content-right-text {
    float: right;
    width: 45%;
    margin-top: 8em;
}

/*--------------------------------------------------------------
## GET INVOLVED page
--------------------------------------------------------------*/
.page-template-page-get-involved #content, .page-id-137 .entry-header .entry-title {
    background: url("/wp-content/uploads/2025/09/purple-bg.jpg");
    color: #ffffff;
}

.purple-text {
    font-style: italic;
    font-weight: bold;
    color: #5b145c;
}

.page-template-page-get-involved #content-right-image {
    margin-top: 100px;
}

.page-template-page-get-involved7 #content-right-image #get-involved-link-1 {
    padding-left: 60px;
    margin-bottom: 40px;
    transform: rotate(-4deg);
    text-align: left;
}

.page-template-page-get-involved #content-right-image #get-involved-link-2 {
    padding-right: 80px;
    margin-bottom: 40px;
    transform: rotate(4deg);
    text-align: right;
}

.page-template-page-get-involved #content-right-image #get-involved-link-3 {
    padding-left: 30px;
    margin-bottom: 40px;
    transform: rotate(-4deg);
    text-align: left;
}

.page-template-page-get-involved #content-right-image #get-involved-link-4 {
    padding-right: 30px;
    margin-bottom: 40px;
    transform: rotate(4deg);
    text-align: right;
}

.page-template-page-get-involved #content-right-image #get-involved-link-5 {
    padding-left: 60px;
    margin-bottom: 40px;
    transform: rotate(-4deg);
    text-align: left;
}

.page-template-page-get-involved #content-right-image a {
    color: #ffffff;
    font-family: "Sue Ellen Francisco", cursive !important;
    font-size: 2em;
    font-weight: normal;
    background: #5b145c;
    padding: 5px 10px;
}

.page-template-page-get-involved #content-right-image a:hover {
    background: #ec008c
}

/*--------------------------------------------------------------
## PAST PROJECTS and NEWS pages
--------------------------------------------------------------*/
.post-type-archive-projects #content, .page-template-page-news #content {
    background: url("/wp-content/uploads/2025/09/home-projects-bg.jpg");
}

.post-type-archive-projects #content-inner, .page-template-page-news #content-inner {
    background: #ffffff;
    box-shadow: 0 0 30px #111111;
}

.post-type-archive-projects #news-items-inner, .page-template-page-news #news-items-inner {
    padding: 5px 50px 40px 50px;
    margin: 40px 0;
}

#projects-page-title h1, #news-page-title h1 {
    background: #ec008c;
    color: #ffffff;
    text-transform: uppercase;
    width: 300px;
    font-family: "Fjalla One", "sans-serif";
    padding: 10px 50px;
    margin-left: -80px;
    transform: rotate(-15deg);
}

.news-items {
    background: #f2ecf2;
    padding: 20px;
    margin: 20px 0;
}

.news-items-title {
    margin: 0 0 10px 0;
}

.news-items-title a {
    color: #660066;
    text-transform: uppercase;
    font-family: "Sue Ellen Francisco", cursive !important;
    font-weight: normal;
}

.news-items-thumb {
    float: left;
    width: 230px;
}

.news-items-thumb img {
    width: 220px;
    border: 10px solid #ec008c;
}

.news-items-separator {
    background: url("/wp-content/uploads/2025/09/past-projects-separator-1.png") no-repeat scroll left bottom;
    height: 20px;
}

.news-items-details {
    font-size: 0.95em;
}

.news-items-readmore {
    background: #ec008c;
    color: #fedf24 !important;
    font-family: "Fjalla One", "sans-serif";
    font-size: 18px;
    padding: 5px;
}

.news-items-content {
    margin-left: 20px;
    float: right;
    width: 560px;
}

.news-items-excerpt {
    background: url("/wp-content/uploads/2025/09/past-projects-separator-1.png") no-repeat scroll right top;
    height: 30px;
    font-weight: bold;
    padding-top: 5px;
}

.news-items-text {
    position: relative;
    background: url("/wp-content/uploads/2025/09/past-projects-separator-1.png") no-repeat scroll right top;
    padding-top: 5px;
}

/*--------------------------------------------------------------
## Single PAST PROJECTS and NEWS
--------------------------------------------------------------*/
.single-projects #content, .single-post #content {
    background: url("/wp-content/uploads/2025/09/home-slider-bg.jpg");
    color: #ffffff;
}

.single-projects #content-inner, .single-post #content-inner {
    margin-top: 40px;
    margin-bottom: 40px;
}

.single-projects .news-items-title, .single-post .news-items-title {
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Sue Ellen Francisco", cursive !important;
    font-weight: normal;
}

/*--------------------------------------------------------------
## GALLERY page
--------------------------------------------------------------*/
.page-template-page-gallery #content-left-panel {
    margin-top: 4em;
}

.page-template-page-gallery .entry-header .entry-title {
    background: url("/wp-content/uploads/2025/09/title-line.png") no-repeat scroll left bottom;
    margin-top: 0;
    border-bottom: none;
}

.page-template-page-gallery .entry-header .entry-title .part-title {
    color: #ec008c;
    text-transform: uppercase;
    font-family: "Sue Ellen Francisco", cursive !important;
    font-weight: normal;
    font-size: 1.2em;
}

.page-template-page-gallery .gallery-subhead {
    color: #ec008c;
    text-transform: uppercase;
    font-size: 2em;
    font-family: "Sue Ellen Francisco", cursive !important;
}

.page-template-page-gallery #content-right-image {
    padding: 0 30px;
}

.page-template-page-gallery #content-right-image {
    margin-top: 100px;
}

.page-template-page-gallery #content-right-image #gallery-link-1 {
    padding-left: 20px;
    margin-bottom: 40px;
    transform: rotate(-6deg);
    text-align: left;
}

.page-template-page-gallery #content-right-image #gallery-link-2 {
    padding-right: 20px;
    margin-bottom: 40px;
    transform: rotate(6deg);
    text-align: right;
}

.page-template-page-gallery #content-right-image a {
    color: #ffffff;
    font-family: "Fjalla One", "sans serif";
    font-size: 2.8em;
    font-weight: normal;
    background: #ec008c;
    padding: 5px 10px;
}

.page-template-page-gallery #content-right-image a:hover {
    background: #5b145c;
}

/*--------------------------------------------------------------
## PHOTO GALLERY page
--------------------------------------------------------------*/
.page-template-page-photo-gallery #content {
    padding: 60px 0;
}

.page-template-page-photo-gallery #content {
    background: url("/wp-content/uploads/2025/09/home-projects-bg.jpg");
}

.page-template-page-photo-gallery #content-inner {
    padding: 0 40px;
    background: url("/wp-content/uploads/2025/09/gallery-pegline-1.png") repeat-y scroll 0 0;
    text-align: center;
}

.photo-album {
    width: 210px;
    background: #ffffff;
    display: inline-block;
    position: relative;
    margin: 10px 2px 45px;
}

.photo-album-image img {
    width: 100%;
    border: 10px solid #ffffff;
}

.photo-album-title {
    color: #5b145c;
    text-transform: uppercase;
    font-family: "Sue Ellen Francisco", cursive !important;
    font-weight: normal;
    font-size: 1.5em;
    text-align: center;
    padding-bottom: 10px;
}

/*--------------------------------------------------------------
## SINGLE PHOTO page
--------------------------------------------------------------*/
.single-easy-photo-album #content {
    background: url("/wp-content/uploads/2025/09/home-slider-bg.jpg");
    color: #ffffff;
}

.single-easy-photo-album #content-inner {
    padding: 40px 0;
}

.single-easy-photo-album #content-inner img {
    border: 10px solid #ffffff;
}

.single-easy-photo-album .photo-album-title {
    color: #ffffff;
    text-align: left;
    font-size: 2em;
}

/*--------------------------------------------------------------
## VIDEO GALLERY page
--------------------------------------------------------------*/
.page-template-page-videos #content {
    background: url("/wp-content/uploads/2025/09/home-projects-bg.jpg");
}

.page-template-page-videos #content-inner {
    margin-bottom: 40px;
}

.page-template-page-videos iframe {
    margin-bottom: 30px;
}

/*--------------------------------------------------------------
## GET INVOLVED sub-pages
--------------------------------------------------------------*/
.page-template-page-blaenau-gwent #content, .page-template-page-caerphilly #content, .page-template-page-merthyr-tydfil #content, .page-template-page-torfaen #content,
.page-template-page-regional #content {
    margin-bottom: 40px;
}

.getinvolved {
    margin-bottom: 30px;
}

.getinvolved-thumb {
    float: left;
    width: 230px;
}

.getinvolved-thumb img {
    width: 220px;
    border: 10px solid #ec008c;
}

.getinvolved-text {
    float: right;
    width: 410px;
}

.getinvolved-title {
    text-transform: uppercase;
    font-family: "Sue Ellen Francisco", cursive !important;
    font-weight: normal;
    font-size: 2em;
    margin: 0;
}

.getinvolved-content {
    font-size: 0.9em;
}

.getinvolved-content p {
    margin: 0;
}

/*--------------------------------------------------------------
## WORK WITH US sub-pages
--------------------------------------------------------------*/
.page-template-page-targeted-projects #content, .page-template-page-be-a-partner #content, .page-template-page-artworks #content {
    margin-bottom: 40px;
}

.purple-subhead {
    color: #5b145c;
    text-transform: uppercase;
    font-size: 2.5em;
    font-family: "Sue Ellen Francisco", cursive !important;
}

.page-template-page-be-a-partner .frame {
    position: absolute;
}

.page-template-page-be-a-partner .image-in-frame {
    height: 400px;
}

.page-template-page-be-a-partner .thumbnail-in-frame img {
    transform: rotate(3deg);
    margin-top: 47px;
    margin-left: 37px;
}

/*--------------------------------------------------------------
## COMMUNITIES & VOLUNTEERS sub-pages
--------------------------------------------------------------*/
.page-template-page-training-for-trainers #content, .page-template-page-mentoring-volunteering #content, .page-template-page-community-resources #content,
.page-template-page-advice #content {
    margin-bottom: 40px;
}

.page-id-145 #training-box, .page-id-614 #training-box {
    background: #ffffff;
    box-shadow: 0 0 30px #111111;
    padding: 0 20px 10px;
    margin-top: 60px;
}

.page-id-145 #training-box-header h2, .page-id-614 #training-box-header h2 {
    background: #ec008c;
    color: #ffffff;
    text-transform: uppercase;
    width: 450px;
    font-family: "Fjalla One", "sans-serif";
    padding: 10px 30px;
    margin-left: -40px;
    transform: rotate(-5deg);
}

/*--------------------------------------------------------------
## CONTACT page
--------------------------------------------------------------*/
.page-template-page-contact #content {
    background: url("/wp-content/uploads/2025/09/home-projects-bg.jpg");
}

.page-id-411 #content-inner {
    background: url("/wp-content/uploads/2025/09/contact-bg-3.png") no-repeat scroll left top;
    height: 794px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.page-id-773 #content-inner {
    background: url("/wp-content/uploads/2025/09/contact-bg-3-cy.png") no-repeat scroll left top;
    height: 794px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.page-template-page-contact .entry-title {
    color: #ec008c;
    text-transform: uppercase;
    font-family: "Sue Ellen Francisco", cursive !important;
    font-weight: normal;
    font-size: 2.5em;
    border-bottom: none;
    margin: 40px 0 0 0;
}

.page-template-page-contact #contact-panel-left {
    float: left;
    width: 42%;
    padding: 60px 40px;
}

.page-template-page-contact #contact-panel-right {
    float: right;
    width: 55%;
    padding: 60px 40px;
}

.page-template-page-contact p {
    margin-top: 0;
}

.page-template-page-contact #colophon-1 {
    display: none;
}

.page-template-page-contact #content-inner input[type="text"], .page-template-page-contact #content-inner input[type="email"], .page-template-page-contact #content-inner textarea {
    border: 2px solid #660066;
    border-radius: 0;
}

.page-template-page-contact #content-inner button, .page-template-page-contact #content-inner input[type="submit"], .page-template-page-contact #content-inner input[type="button"] {
    background: #ec008c !important;
    color: #fedf24 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    text-transform: uppercase !important;
    border: none;
    font-size: 1.1em;
    font-family: "Fjalla One", "sans-serif";
    border-radius: 0;
}

.page-template-page-contact #content-inner ::-webkit-input-placeholder {
    color: #ec008c;
    font-family: "Sue Ellen Francisco", cursive !important;
    text-transform: uppercase;
    opacity: 1;
}

/* WebKit browsers */
.page-template-page-contact #content-inner :-moz-placeholder {
    color: #ec008c;
    font-family: "Sue Ellen Francisco", cursive !important;
    text-transform: uppercase;
    opacity: 1;
}

/* Mozilla Firefox 4 to 18 */
.page-template-page-contact #content-inner ::-moz-placeholder {
    color: #ec008c;
    font-family: "Sue Ellen Francisco", cursive !important;
    text-transform: uppercase;
    opacity: 1;
}

/* Mozilla Firefox 19+ */
.page-template-page-contact #content-inner :-ms-input-placeholder {
    color: #ec008c;
    font-family: "Sue Ellen Francisco", cursive !important;
    text-transform: uppercase;
    opacity: 1;
}

/* Internet Explorer 10+ */
.page-template-page-contact .contact-right-1-1 {
    float: left;
    width: 60%;
}

.page-template-page-contact .contact-right-1-2 {
    float: right;
    width: 38%;
}

.page-template-page-contact .contact-right-1-2 img {
    border: 2px solid #660066;
}

.page-template-page-contact .contact-right-2-1 {
    float: left;
    width: 30%;
}

.page-template-page-contact .contact-right-2-2 {
    float: right;
    width: 60%;
    padding-left: 10px;
    border-left: 1px solid #ec008c;
    margin-top: 20px;
}

.page-template-page-contact .contact-right-2-1 .fa {
    color: #660066;
    background: #fedf24;
    font-size: 25px ! important;
    width: 35px;
    padding: 5px;
    border-radius: 50%;
    text-align: center;
    margin-top: 12px;
    margin-left: 25px;
}

.page-template-page-contact .contact-right-2-2 .entry-title {
    font-size: 1.5em;
}

/*--------------------------------------------------------------
## ERROR404 page
--------------------------------------------------------------*/
.error404 .error-404 {
    padding: 50px 0;
}

.error404 .error-404 .page-title {
    font-size: 2.5em;
    font-family: "Sue Ellen Francisco", cursive !important;
    text-transform: uppercase;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#colophon-1 {
    background-image: url("/wp-content/uploads/2025/09/footerbg.jpg");
    font-family: "Sue Ellen Francisco", cursive !important;
    font-size: 20px;
    color: #ffffff;
}

#colophon-1 .section-subheading {
    position: absolute;
    color: #333333;
    background: #fedf24;
    padding: 0.5em;
}

#colophon-1 {
    text-transform: uppercase;
}

#colophon a, #colophon a:hover, #colophon a:visited, #colophon a:active, #colophon a:focus {
    color: #ffffff;
    font-weight: normal;
    font-decoration: none;
}

/* Colophon 1 - section 1 */
.colophon-1-section-1, .colophon-1-section-2, .colophon-1-section-3 {
    float: left;
    width: 25%;
    font-size: 14px;
    margin-top: 60px;
    margin-bottom: 30px;
    margin-right: 2%;
}

.colophon-1-section-4 {
    float: left;
    width: 17%;
    font-size: 14px;
    margin-top: 60px;
    margin-bottom: 30px;
}

.colophon-1-section-3, .colophon-1-section-4 {
    padding-left: 10px;
}

.colophon-1-header {
    color: #fedf24;
    font-size: 1.8em;
}

.colophon-1-text-large {
    font-size: 1.6em;
}

/* Colophon 1 - section 2 */
.colophon-1-section-2 .newsletter-signup {
    font-size: 1em;
    text-transform: uppercase;
}

#colophon-1 input[type="text"], #colophon-1 input[type="email"] {
    border: 2px solid #fedf24;
    border-radius: 0;
}

#colophon-1 button, #colophon-1 input[type="submit"], #colophon-1 input[type="button"] {
    background: #ec008c !important;
    color: #fedf24 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    text-transform: uppercase !important;
    border: none;
    font-size: 1.1em;
    font-family: "Fjalla One", "sans-serif";
    border-radius: 0;
}

/* Styling the placeholders */
#colophon-1 ::-webkit-input-placeholder {
    color: #333333;
    font-family: "Sue Ellen Francisco", cursive !important;
    text-transform: uppercase;
    opacity: 1;
}

/* WebKit browsers */
#colophon-1 :-moz-placeholder {
    color: #333333;
    font-family: "Sue Ellen Francisco", cursive !important;
    text-transform: uppercase;
    opacity: 1;
}

/* Mozilla Firefox 4 to 18 */
#colophon-1 ::-moz-placeholder {
    color: #333333;
    font-family: "Sue Ellen Francisco", cursive !important;
    text-transform: uppercase;
    opacity: 1;
}

/* Mozilla Firefox 19+ */
#colophon-1 :-ms-input-placeholder {
    color: #333333;
    font-family: "Sue Ellen Francisco", cursive !important;
    text-transform: uppercase;
    opacity: 1;
}

/* Internet Explorer 10+ */

/* Colophon 1 - section 3 */
.colophon-1-section-3, .colophon-1-section-4 {
    border-left: 2px solid #aaaaaa;
}

/* Colophon 1 - section 4 */
.colophon-1-section-4 .fa {
    color: #333333;
    background: #ffffff;
    font-size: 25px ! important;
    width: 35px;
    padding: 5px;
    border-radius: 50%;
    text-align: center;
    margin-top: 12px;
    margin-left: 25px;
}

/* Colophon 2 */
#colophon-2 .section-subheading {
    position: absolute;
    color: #ffffff;
    background: #ec008c;
    padding: 0.5em;
}

#colophon-2-inner {
    text-align: center;
}

#colophon-2 .footer-links {
    padding: 60px 0 30px 0;
}

#colophon-2-inner img {
    margin: 10px;
    max-height: 50px;
}

/*--------------------------------------------------------------
## Cookie consent
--------------------------------------------------------------*/
#catapult-cookie-bar {
    background-color: #5b145c !important;
}

.has-cookie-bar #catapult-cookie-bar {
    padding: 15px 30px;
}

/*--------------------------------------------------------------
## Responsive layout
--------------------------------------------------------------*/
@media ( max-width: 979px ) {
    #masthead-inner, #menu-inner, #content-inner, #colophon-1-inner, #colophon-2-inner {
        width: 100%;
    }

    .site-branding {
        width: 100%;
        text-align: center;
    }

    .not-on-mobile {
        display: none;
    }

    .main-navigation ul {
        display: none;
    }

    .menu-toggle, .main-navigation.toggled ul {
        display: block;
    }

    .home #home-section-projects .prev-work {
        display: block;
        margin: 0 auto;
        padding: 20px 0;
    }

    .home #home-section-gallery {
        height: auto;
        background: url("/wp-content/uploads/2025/09/home-projects-bg.jpg");
    }

    .home #home-section-gallery .homepegs {
        display: none;
    }

    .homegal1, .homegal2, .homegal3 {
        position: relative;
        transform: none;
        margin: 10px auto;
    }

    .home #home-section-news, .home #home-section-news .news-content {
        background: #ffffff;
        height: auto;
    }

    .home #home-section-news .newsletter-signup, .home #home-section-news .home-latest-news {
        float: none;
        width: 100%;
        margin: 40px 0;
    }

    .colophon-1-section-1 {
        text-align: center;
        width: 100%;
    }

    #content-left-panel, #content-left-with-menu, #content-left-text, #content-right-text {
        float: none;
        width: 100%;
    }

    #content-right-image {
        float: none;
        width: 100%;
        max-width: 340px;
        margin: 0 auto;
    }

    #content-right-text {
        margin-top: 0;
    }

    #content-left-with-menu {
        background: transparent;
    }

    .post-type-archive-projects #content, .post-type-archive-projects #content-inner, .page-template-page-news #content, .page-template-page-news #content-inner {
        background: #ffffff;
        box-shadow: none;
    }

    .post-type-archive-projects #news-items-inner, .page-template-page-news #news-items-inner {
        padding: 20px;
        margin: 10px;
    }

    #projects-page-title h1, #news-page-title h1 {
        transform: none;
        margin-left: 0;
    }

    .news-items-thumb, .getinvolved-thumb {
        float: none;
    }

    .news-items-content, .getinvolved-text {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .page-template-page-get-involved #content-right-image, .page-template-page-photo-gallery #content-right-image {
        margin-top: 0;
    }

    .page-template-page-photo-gallery #content-inner {
        background: transparent;
    }

    .page-template-page-training-for-trainers #training-box {
        background: transparent;
        padding: 10px;
        border: 3px solid #ec008c;
        height: auto;
    }

    .page-id-411 #content, .page-id-411 #content-inner {
        background: #ffffff;
        height: auto;
        margin-top: 0;
    }

    .page-id-411 #colophon-1 {
        display: block;
    }

    .page-id-411 #contact-panel-left {
        float: none;
        width: 100%;
        padding: 0;
    }

    .page-id-411 #contact-panel-right {
        display: none;
    }
}

@media ( max-width: 679px ) {
    .home #home-section-quote .homequotetext {
        font-size: 24px;
    }

    .epa-album .epa-image {
        float: none;
        margin: 10px auto;
        width: 100% !important;
    }

    .page-template-page-community-resources #content-left-with-menu .entry-content img {
        float: none;
    }
}

@media ( min-width: 768px ) {
    .container {
        max-width: 980px !important;
        width: 100% !important;
    }
}

.py-3 {
    padding-bottom: 0 !important;
}
.elementor-menu-anchor{
    display: none;
}
#about-wrap{
    display: none;
}

p, p a span, p a, p span, #content-right-menu a, em, #page ul li{
    font-family: "Open Sans", sans-serif !important;
}
#page {
    
    font-family: "Open Sans", "sans-serif" !important;
}
h1, h2, h3, h4, h5, h6{
    padding: 0 !important;
}
#content-left-with-menu, #content-right-menu {
    margin-top: 10px;
}
#page h1, #page h2, #page h3, .news-items-excerpt, .author-name{
    text-transform: uppercase;
}
a.btntoTop, nav.woocommerce-MyAccount-navigation ul li, .wp-block-file .wp-block-file__button, .wp-block-button.is-style-outline .wp-block-button__link, .wp-block-pullquote blockquote, .wp-block-quote:not(.is-large):not(.is-style-large), div.footer-widgets-wrapper p.wp-block-tag-cloud a, div.footer-widgets-wrapper .tagcloud a, p.wp-block-tag-cloud a, div.footer-widgets-wrapper .tag-cloud a, p.abt-txt1, a.btn-abt.btn, a.btn-slid.btn, a.hdr-btn {
    border-color: transparent !important;
}
#page li {
    list-style-type: disc;
}
.main-navigation .menu, .main-navigation .menu ul {
    gap: 5px 10px;
}
.home #home-section-news .home-follow-us .fa {
    color: #5b145c;
    background: #ec008c;
    font-size: 40px ! important;
    width: 50px !important;
    padding: 5px;
    border-radius: 50%;
    text-align: center;
    margin-top: 12px;
    margin-left: 25px;
    vertical-align: top;
    display: block;
    height: 50px;
}
.colophon-1-section-4 .fa {
    color: #333333;
    background: #ffffff;
    font-size: 25px ! important;
    width: 35px;
    padding: 5px;
    border-radius: 50%;
    text-align: center;
    margin-top: 12px;
    margin-left: 25px;
    height: 35px;
    display: block;
}
#scrolltop{
    border-radius: 9999px;
    color: #000 !important;
}
a.btntoTop{
    padding: 0 10px !important;
}
.homegallerytext {

    text-transform: uppercase;
}
.post-author-box{
    margin-bottom: 20px;
}
.casino-list.wrapper, .casino-center, .casino-bonus, .casino-name, .casino-right a{
    font-family: Tahoma, sans-serif !important;
}
.py-3 {
    padding-top: 0 !important;
}
.main-navigation ul .menu-item.menu-item-has-children a, .main-navigation ul .page_item.page_item_has_children a {
    position: relative;
    color: #fff;
}
.main-navigation .menu > li > a, .page_item a {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}
.main-navigation .menu > li > a, .page_item a {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
     
    text-transform: uppercase;
}
.main-navigation .menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu{
    border: none !important;
    background: #411744 !important;
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul > li > a:hover{
    background: transparent !important;
    color: #ec008c !important;
}
.main-navigation ul ul li {
    padding: 0;
}
.main-navigation ul.sub-menu > li > a, .main-navigation ul > li > a{
    color: #fff !important;
    font-size: 16px !important;
}
.main-navigation .sub-menu > li{
    border-bottom: none;
}
.main-navigation ul.sub-menu{
    padding: 5px;
}

@media (max-width: 767px) {
    #menu-banner{
         height: auto;
    }
    .main-navigation .menu > li, .main-navigation .menu li, .main-navigation ul.sub-menu > li {
        display: contents;
        position: relative;
    }
    .main-navigation ul li.dropdown .bi{
        display: none !important;
    }
    #new-style{
        position: relative;
    }
    .top-menu-wrapper{
        position: absolute;
        top: 20px;
        right: 20px;
    }
}