/*

Theme Name: X &ndash; Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

/* ********************************************** */
/* TEMPORAIRE */
/* ********************************************** */

.hp-home-blog-articles img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.hp-home-widget-categories-list img {
    width: 100%;
    height: 135px;
    object-fit: cover;
}

/* ********************************************** */
/* RECHERCHE */
/* ********************************************** */

.site.hp-home-blog-wrapper {
    width: 100%;
    max-width: 100%;
}

.masthead-stacked {
    background-size: cover !important;
}

.hp-home-widget-top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /*gap: 3em clamp(1.5rem, 3vw, 3rem);*/
}

.hp-home-widget-top > * {
    display: flex;
    flex-direction: column;
    flex: 1 0 25rem;
    max-width: 33%;
    align-items: center;
    justify-content: center;
}

/* ********************************************** */
/* INTRODUCTION */
/* ********************************************** */

.hp-home-widget-intro {
    text-align: center;
    margin-bottom: 5em;
}

.hp-home-widget-intro .textwidget p {
    color: black;
}

.hp-home-widget-intro-block-title {
    font-size: clamp(2.5rem, 6vw, 4.25rem);
    text-transform: uppercase;
}

/* ********************************************** */
/* DERNIERS ARTICLES */
/* ********************************************** */

.hp-home-blog-articles {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3em clamp(1.5rem, 5vw, 5rem);
    margin-bottom: 10em;
}

.hp-home-blog-articles article {
    display: flex;
    flex-direction: column;
    flex: 1 0 18em;
    max-width: 20em;
    margin-top: 0;
}

.hp-home-blog-articles .entry-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.hp-home-blog-articles article .entry-featured {
    margin-top: auto;
}

.hp-home-blog-articles .x-pagination {
    flex: 1 0 100%;
    max-width: 100%;
    display: none;
}

.hp-home-blog-articles .entry-title {
    font-size: 2rem;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: normal;
}

.hp-home-blog-articles .p-meta {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 90%;
    white-space: nowrap;
}

.hp-home-blog-articles .p-meta span:last-child {
    display: none;
}

/* ********************************************** */
/* CATEGORIES */
/* ********************************************** */

.hp-home-widget-categories-block-title {
    font-size: clamp(2.5rem, 6vw, 4.25rem);
    text-transform: uppercase;
    text-align: center;
}

.hp-home-widget-categories-list .textwidget p {
    color: black;
    text-align: center;
}

.hp-home-widget-categories-list ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 2.5em 0 0 0;
    padding: 0;
    gap: clamp(1.5rem, 3vw, 3rem);
}

.hp-home-widget-categories-list ul > li {
    display: flex;
    flex-direction: column;
    flex: 1 0 20rem;
    max-width: 25em;
    margin-top: 0;
}

.hp-home-widget-categories-list ul > li img {
    margin-top: auto;
}

.hp-home-widget-categories-list ul > li img + a {
    color: white;
    background-color: #00a8e4;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 0.25rem;
    padding: 0.5rem;
}

.hp-home-widget-categories-list ul li h3 {
    font-size: 2rem;
    margin-bottom: 1.65em;
    text-transform: uppercase;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: normal;
}

/* ********************************************** */
/* CATEGORIES */
/* ********************************************** */
.hp-blog-products-title,
.hp-blog-products-intro {
    text-align: center;
    color: black;
}

.hp-blog-products-title {
    font-size: clamp(2.5rem, 6vw, 4.25rem);
    text-transform: uppercase;
    text-align: center;
}

.hp-blog-products-intro {
    line-height: 130%;
}

.hp-blog-products ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 3em;
    gap: clamp(1.5rem, 3vw, 3rem);
}

.hp-blog-products figure {
    margin: 0;
}

.hp-blog-products ul li {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 0 20rem;
    max-width: 25em;
    margin-top: 0;
    margin-bottom: 2em;
}

.hp-blog-product-etiquette {
    position: absolute;
    top: 1em;
    left: 1em;
    background-color: #ce067a;
    text-transform: uppercase;
    font-size: 16px;
    padding: 0.2em 0.5em;
    display: inline-block;
    color: white;
}

.hp-blog-products figcaption {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.65em;
    padding: 0 0.5rem;
    gap: 0.75em;
}

.hp-blog-product-title {
    margin-top: 0;
    font-size: 16px;
    font-weight: normal;
}

.hp-blog-product-prices span {
    display: block;
    text-align: right;
    line-height: 1;
}

.hp-blog-product-price-current {
    color: #1092ce;
    font-weight: bold;
}

.hp-blog-product-price-old {
    font-size: 14px;
    text-decoration: line-through;
}

.hp-blog-product-link {
    display: flex;
    justify-content: center;
    margin-top: 2em;
}

.hp-blog-product-link span {
    position: relative;
    display: inline-block;
    color: white;
    padding: 0.25em 1em;
    background-color: #1092ce;
}

.hp-blog-product-link span:before {
    opacity: 0.75;
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-3em, -50%);
    width: 2em;
    height: 2em;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' %3E%3Cpath d='M63.1 30.9C62.6 30.1 50 12.5 32 12.5S1.4 30.1.9 30.9L.1 32l.8 1.1c.5.8 13.1 18.4 31.1 18.4s30.6-17.6 31.1-18.4l.8-1.1zM32 47.5C18.5 47.5 8 35.8 5 32c3-3.8 13.5-15.5 27-15.5S56 28.2 59 32c-3 3.8-13.5 15.5-27 15.5z' fill='%23202020'%3E%3C/path%3E%3Cpath d='M32 19.5a12 12 0 1 0 12 12 12 12 0 0 0-12-12zm0 18a6 6 0 0 1-5.2-9 2 2 0 0 1 3.5 2 2 2 0 0 0-.3 1 2 2 0 0 0 2 2 2 2 0 1 1 0 4z' fill='%23202020'%3E%3C/path%3E%3C/svg%3E");
}

/* ********************************************** */
/* PREFOOTER NEWSLETTER */
/* ********************************************** */
.hp-blog-pre-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.hp-blog-pre-footer .wpcf7 {
    flex-grow: 1;
    max-width: 45em;
    flex-basis: 20em;
    padding: clamp(1em, 3vw, 3rem);
    background-color: #efeee6;
}

.hp-blog-pre-footer .hp-blog-pre-footer-bg {
    background-color: black;
    background-image: url('https://www.homepiscine.com/img/cms/bloc-newsletter.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    flex-basis: 25em;
    flex-grow: 1;
    min-height: 25em;
}

.hp-blog-pre-footer .form-control-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 1.5em 0;
    position: relative;
}

/* .hp-blog-pre-footer [data-status="invalid"] .form-control-wrapper{
  margin: 2.5em 0 1.5em 0;
} */

.hp-blog-pre-footer .form-control-wrapper input {
    margin: 0;
    height: 45px;
    line-height: 45px;
    border: none;
    padding: 0 1.5rem;
    font-size: 1.6rem;
}

.hp-blog-pre-footer .wpcf7-form {
    margin: 0;
}

.hp-blog-pre-footer .wpcf7-acceptance label {
    max-width: 30rem;
    font-size: 1.3rem;
    font-weight: bold;
    display: flex;
    align-items: flex-start;
    gap: 1em;
}

[data-status='init'] .wpcf7-response-output {
    display: none;
}

[data-status='invalid'] .wpcf7-response-output {
    display: block;
}

.hp-blog-pre-footer .wpcf7-not-valid-tip {
    display: none;
    /* position: absolute;
    top: 0;
    transform: translateY(-2.5rem);
    font-size: 1.4rem; */
}

.hp-blog-products + #hp-home-widget-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 7em 0;
    gap: 3em clamp(1.5rem, 3vw, 3rem);
}

.hp-blog-products + #hp-home-widget-top > * {
    display: flex;
    flex-direction: column;
    flex: 1 0 25em;
    max-width: 25em;
    /* justify-content: center; */
    align-items: center;
}

.hp-home-widget-bottom-block-title {
    font-size: clamp(2.5rem, 6vw, 4.25rem);
    text-align: center;
}


a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .x-comment-time:hover, #reply-title small a, .comment-reply-link:hover, .x-comment-author a:hover, .x-recent-posts a:hover .h-recent-posts {
    color: #1092ce;
}

a:hover, #reply-title small a:hover {
    color: rgb(12, 106, 150);
}

.entry-title:before {
    color: #dddddd;
}

a.x-img-thumbnail:hover, li.bypostauthor > article.comment {
    border-color: #1092ce;
}

.flex-direction-nav a, .flex-control-nav a:hover, .flex-control-nav a.flex-active, .x-dropcap, .x-skill-bar .bar, .x-pricing-column.featured h2, .h-comments-title small, .x-pagination a:hover, .x-entry-share .x-share:hover, .entry-thumb, .widget_tag_cloud .tagcloud a:hover, .widget_product_tag_cloud .tagcloud a:hover, .x-highlight, .x-recent-posts .x-recent-posts-img:after, .x-portfolio-filters {
    background-color: #1092ce;
}

.x-portfolio-filters:hover {
    background-color: rgb(12, 106, 150);
}

.x-main {
    width: 61.79803%;
}

.x-sidebar {
    width: 31.79803%;
}

.x-topbar .p-info, .x-topbar .p-info a, .x-topbar .x-social-global a {
    color: #ffffff;
}

.x-topbar .p-info a:hover {
    color: #959baf;
}

.x-topbar {
    background-color: hsl(0, 0%, 100%);
}

.x-logobar {
    background-color: hsla(210, 29%, 24%, 0);
}

.x-navbar .desktop .x-nav > li:before {
    padding-top: 10px;
}

.x-navbar .desktop .x-nav > li > a, .x-navbar .desktop .sub-menu li > a, .x-navbar .mobile .x-nav li a {
    color: hsl(0, 0%, 100%);
}

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a, .x-navbar .desktop .sub-menu li > a:hover, .x-navbar .desktop .sub-menu li.x-active > a, .x-navbar .desktop .sub-menu li.current-menu-item > a, .x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a, .x-navbar .mobile .x-nav li > a:hover, .x-navbar .mobile .x-nav li.x-active > a, .x-navbar .mobile .x-nav li.current-menu-item > a {
    color: hsl(0, 0%, 85%);
}

.x-btn-navbar, .x-btn-navbar:hover {
    color: #ffffff;
}

.x-navbar .desktop .sub-menu li:before, .x-navbar .desktop .sub-menu li:after {
    background-color: hsl(0, 0%, 100%);
}

.x-navbar, .x-navbar .sub-menu {
    background-color: hsla(0, 0%, 27%, 0.8) !important;
}

.x-btn-navbar, .x-btn-navbar.collapsed:hover {
    background-color: #476481;
}

.x-btn-navbar.collapsed {
    background-color:;
}

.x-navbar .desktop .x-nav > li > a:hover > span, .x-navbar .desktop .x-nav > li.x-active > a > span, .x-navbar .desktop .x-nav > li.current-menu-item > a > span {
    box-shadow: 0 2px 0 0 hsl(0, 0%, 85%);
}

.x-navbar .desktop .x-nav > li > a {
    height: 40px;
    padding-top: 10px;
}

.x-navbar .desktop .x-nav > li ul {
    top: 40px;
}

.x-colophon.bottom {
    background-color: #2c3e50;
}

.x-colophon.bottom, .x-colophon.bottom a, .x-colophon.bottom .x-social-global a {
    color: #ffffff;
}

.h-landmark {
    font-weight: 400;
}

.x-comment-author a {
    color: #5d717e;
}

.x-comment-author a, .comment-form-author label, .comment-form-email label, .comment-form-url label, .comment-form-rating label, .comment-form-comment label, .widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar th, .x-accordion-heading .x-accordion-toggle, .x-nav-tabs > li > a:hover, .x-nav-tabs > .active > a, .x-nav-tabs > .active > a:hover {
    color: #38455b;
}

.widget_calendar #wp-calendar th {
    border-bottom-color: #38455b;
}

.x-pagination span.current, .x-portfolio-filters-menu, .widget_tag_cloud .tagcloud a, .h-feature-headline span i, .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #38455b;
}

@media (max-width: 979px) {
}

body {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #5d717e;
    background-color: hsl(0, 0%, 100%);
}

a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto #1092ce;
    outline-offset: -1px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
}

h1, .h1 {
    letter-spacing: -0.035em;
}

h2, .h2 {
    letter-spacing: -0.035em;
}

h3, .h3 {
    letter-spacing: -0.035em;
}

h4, .h4 {
    letter-spacing: -0.035em;
}

h5, .h5 {
    letter-spacing: -0.035em;
}

h6, .h6 {
    letter-spacing: -0.035em;
}

.w-h {
    font-weight: 700 !important;
}

.x-container.width {
    width: 90%;
}

.x-container.max {
    max-width: 1140px;
}

.site, .x-navbar.x-navbar-fixed-top.x-container.max.width {
    width: 90%;
    max-width: 1140px;
}

.x-main.full {
    float: none;
    display: block;
    width: auto;
}

@media (max-width: 979px) {
    .x-main.full, .x-main.left, .x-main.right, .x-sidebar.left, .x-sidebar.right {
        float: none;
        display: block;
        width: auto !important;
    }
}

.entry-header, .entry-content {
    font-size: 16px;
}

body, input, button, select, textarea {
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, blockquote {
    color: #38455b;
}

.cfc-h-tx {
    color: #38455b !important;
}

.cfc-h-bd {
    border-color: #38455b !important;
}

.cfc-h-bg {
    background-color: #38455b !important;
}

.cfc-b-tx {
    color: #5d717e !important;
}

.cfc-b-bd {
    border-color: #5d717e !important;
}

.cfc-b-bg {
    background-color: #5d717e !important;
}

.x-navbar-inner {
    min-height: 40px;
}

.x-logobar-inner {
    padding-top: 80px;
    padding-bottom: 80px;
}

.x-brand {
    font-family: "Lato", sans-serif;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.035em;
    color: #272727;
}

.x-brand:hover, .x-brand:focus {
    color: #272727;
}

.x-navbar .x-nav-wrap .x-nav > li > a {
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    letter-spacing: 0.085em;
}

.x-navbar .desktop .x-nav > li > a {
    font-size: 16px;
}

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 20px;
    padding-right: 20px;
}

.x-navbar .desktop .x-nav > li > a > span {
    margin-right: -0.085em;
}

.x-btn-navbar {
    margin-top: 0px;
}

.x-btn-navbar, .x-btn-navbar.collapsed {
    font-size: 20px;
}

@media (max-width: 979px) {
    .x-widgetbar {
        left: 0;
        right: 0;
    }
}

.x-btn, .button, [type="submit"] {
    color: #ffffff;
    border-color: #1092ce;
    background-color: #1092ce;
    text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);
}

.x-btn:hover, .button:hover, [type="submit"]:hover {
    color: #ffffff;
    border-color: rgb(14, 128, 181);
    background-color: rgb(14, 128, 181);
    text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);
}

.x-btn.x-btn-real, .x-btn.x-btn-real:hover {
    margin-bottom: 0.25em;
    text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.65);
}

.x-btn.x-btn-real {
    box-shadow: 0 0.25em 0 0 #a71000, 0 4px 9px rgba(0, 0, 0, 0.75);
}

.x-btn.x-btn-real:hover {
    box-shadow: 0 0.25em 0 0 #a71000, 0 4px 9px rgba(0, 0, 0, 0.75);
}

.x-btn.x-btn-flat, .x-btn.x-btn-flat:hover {
    margin-bottom: 0;
    text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.65);
    box-shadow: none;
}

.x-btn.x-btn-transparent, .x-btn.x-btn-transparent:hover {
    margin-bottom: 0;
    border-width: 3px;
    text-shadow: none;
    text-transform: uppercase;
    background-color: transparent;
    box-shadow: none;
}

.x-context-title {
    font-weight: 400;
}

.bbp-forum-title, .bbp-topic-permalink, .x-bbp-general-form legend {
    font-weight: 700;
    color: #38455b;
}

.x-bbp-item-info-header .x-item-info-permalink, .bbp-body .bbp-forum-freshness a, .bbp-body .bbp-topic-freshness a {
    color: #5d717e;
}

.x-bbp-item-info-content .x-bbp-item-info-author .bbp-author-name {
    color: #38455b;
}

.bbp-forum-title:hover, .bbp-topic-permalink:hover, .x-bbp-item-info-header .x-item-info-permalink:hover, .bbp-reply-header .bbp-admin-links a:hover, .x-bbp-item-info-content .x-bbp-item-info-author .bbp-author-name:hover, .bbp-body .bbp-forum-freshness a:hover, .bbp-body .bbp-topic-freshness a:hover, #bbp-user-navigation > ul > li a:hover, #bbp-user-navigation > ul > li.current a {
    color: #1092ce;
}

.x-bbp-count, .x-btn-bbp, .bbp-topic-tags a, .bbp-row-actions a, .x-bbp-header .actions a, .quicktags-toolbar input.button, .bbp-submit-wrapper button[type="submit"] {
    background-color: #1092ce;
}

.x-btn-bbp:hover, .bbp-topic-tags a:hover, .bbp-row-actions a:hover, .x-bbp-header .actions a:hover, .quicktags-toolbar input.button:hover, .bbp-submit-wrapper button[type="submit"]:hover {
    background-color: rgb(12, 106, 150);
}

.buddypress .x-item-list-tabs-nav > ul > li > a:hover, .buddypress .x-item-list-tabs-nav > ul > li.current > a, .buddypress .x-item-list-tabs-nav > ul > li.selected > a, .buddypress .x-item-list-tabs-subnav > ul > li > a:hover, .buddypress .x-item-list-tabs-subnav > ul > li.current > a, .buddypress .x-list-item-meta-inner > a:hover, .buddypress .x-list-item-meta-inner > .generic-button > a:hover, .buddypress .x-list-item-meta-inner > .meta > a:hover, .buddypress .activity-list .activity-comments .ac-form a:hover {
    color: #1092ce;
}

.buddypress .x-bp-count, .buddypress .x-item-list-tabs-nav > ul > li > a span, .buddypress .button-nav a, .buddypress #item-buttons a, .buddypress .x-btn-bp, .buddypress #whats-new-form #aw-whats-new-submit, .buddypress #search-groups-form #groups_search_submit, .buddypress .activity-list .activity-comments .ac-form input[type="submit"], .buddypress .standard-form input[type="submit"], .buddypress .standard-form div.submit input[type="button"], #wpadminbar .quicklinks li#wp-admin-bar-my-account a span.count, #wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar a span.count, #wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications, #wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications.alert {
    background-color: #1092ce;
}

.buddypress .button-nav a:hover, .buddypress #item-buttons a:hover, .buddypress .x-btn-bp:hover, .buddypress #whats-new-form #aw-whats-new-submit:hover, .buddypress #search-groups-form #groups_search_submit:hover, .buddypress .activity-list .activity-comments .ac-form input[type="submit"]:hover, .buddypress .standard-form input[type="submit"]:hover {
    background-color: rgb(12, 106, 150);
}

.buddypress .x-list-item-header .activity, .buddypress .x-list-item-header .time-since, .buddypress .x-list-item-meta-inner > a, .buddypress .x-list-item-meta-inner > .generic-button > a, .buddypress .x-list-item-meta-inner > .meta, .buddypress .x-list-item-meta-inner > .meta > a, .buddypress .activity-list .activity-comments .ac-form a, .buddypress .activity-list .x-activity-comments-inner > ul .acomment-options > a:after {
    color: #5d717e;
}

/*Sommaire*/
.entry-content nav#sommaire-article {
    background-color: #ebeded;
    border: 1px solid #cc157a;
    padding: 40px 5px 5px;
    position: relative;
    /*width: 50%; margin-left: 10px; float: right;*/
}

.entry-content nav#sommaire-article::before {
    background-color: #cc157a;
    color: #fff;
    content: "Au Sommaire";
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    font-size: 18px;
    left: 0;
    top: 0;
    padding: 1px 5px;
    width: 100%;
}

.entry-content nav#sommaire-article::after {
    clear: both;
}

.entry-content nav#sommaire-article a {
    line-height: 16px;
}

.entry-content nav#sommaire-article a.title_lvl2 {
    font-weight: bold;
}

.entry-content nav#sommaire-article a.title_lvl3 {
    padding-left: 15px;
}

.entry-content nav#sommaire-article a.title_lvl4 {
    padding-left: 25px;
    display: inline-block;
    font-style: italic;
}

.single .entry-featured,
.entry-title:before {
    display: none;
}

.x-colophon.bottom {
    font-size: 14px;
}

.x-breadcrumbs-wrap {
    text-align: left;
}

.x-header-landmark {
    padding: 10px 0;
}

.x-breadcrumbs {
    font-size: 12px;
    text-transform: none;
}

p#breadcrumbs {
    font-size: 13px;
    margin: 0;
}

.x-btn-navbar.collapsed, .x-btn-navbar, .x-btn-navbar.collapsed:hover {
    background-color: transparent;
}

.x-btn-navbar {
    box-shadow: none;
}