/*
Theme Name: my_theme
Theme URI: https://rarathemes.com/wordpress-themes/preschool-and-kindergarten/
Author: Rara Theme
Author URI: https://rarathemes.com/
Description: Preschool and Kindergarten is a beautiful educational WordPress theme suitable for Kindergarten, Schools, Elementary, Primary Schools, Universities, Academy, Secondary School, LMS, Training Center and Educational institutions. Preschool and Kindergarten is also suitable for education and children activities. It is mobile responsive and translation ready. The theme is very flexible and versatile. In other words, it is multipurpose theme. It can be used to build various types of websites for business, corporate, charity, food, recipe, travel, photography, feminine, lifestyle, events, etc. The theme is highly customizable with various features and personalization options. Preschool and Kindergarten comes with several features to make a user-friendly, interactive and visually stunning website. Such features include custom menu, attractive slider, about section, courses section, testimonial section, featured programs, Banner with Call to Action Button (CTA), and social media. The theme is SEO friendly with optimized codes, which make it easy for your site to rank on Google and other search engines. The theme is properly tested and optimized for speed and faster page load time and has a secure and clean code. The theme is also translation ready. Designed with visitor engagement in mind, Preschool and Kindergarten theme helps you to easily and intuitively create professional and appealing websites. If your preschool, kindergarten, school, college or university needs an online home that is dynamic and multi-functional, Preschool and Kindergarten theme is a good place to start. Check the demo at https://rarathemes.com/previews/?theme=preschool-and-kindergarten, documentation at https://docs.rarathemes.com/docs/preschool-and-kindergarten/, and get support at https://rarathemes.com/support-ticket/.
Version: 1.2.4
Requires at least: 6.2
Requires PHP: 7.3
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: preschool-and-kindergarten
Tags: translation-ready, custom-background, theme-options, custom-menu, custom-logo, post-formats, threaded-comments, blog, two-columns, right-sidebar, footer-widgets, education, e-commerce, one-column, full-width-template

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Preschool and Kindergarten is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@font-face {
    font-family: 'reckoner_boldcondensed_bold';
    src: url('fonts/reckoner_bold-webfont.woff2') format('woff2'),
        url('fonts/reckoner_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html {
    font-family: 'PT Serif', 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 {
    text-decoration: none;
    color: #bbbcc1;
    outline: none;
}

a:active,
a:hover {
    text-decoration: underline;
    color: #bbbcc1;
}

a:focus {
    outline: none;
}

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: 0 0 30px;
}

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-appearance: textfield;
    box-sizing: content-box;
}

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: #616161;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    margin-top: 0;
}

p {
    margin-bottom: 1.5em;
    margin-top: 0
}

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

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #f9f9f9;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 16px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.5em;
    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 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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/ */
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    color: #616161;
    font: 18px/24px 'Lato', sans-serif;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
    min-width: 320px;
}

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

ul {
    list-style: square;
    padding: 0 0 0 22px;
}

ol {
    list-style: decimal;
    padding: 0 0 0 22px;
}

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

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. */
}

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 2px solid #41aad4;
    float: left;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 28px;
    padding: 8px 28px;
    text-transform: uppercase;
    background: none;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background: #41aad4;
    color: #fff;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background: #41aad4;
    color: #fff;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    outline: thin dotted;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    color: #666;
    border: 1px solid #dbdbdb;
    border-radius: 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
    outline: thin dotted;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 10px 15px;
}

textarea {
    padding: 10px 15px;
    width: 100%;
    height: 155px;
    resize: none;
}

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

a:hover,
a:focus,
a:active {
    color: #41aad4;
    text-decoration: underline;
}

a:focus {
    outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
    float: right;
    /*margin: 6px 0px 0 0;*/
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
    font-size: 16px;
    font-weight: 700;
}

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

.main-navigation ul li:first-child {
    margin-left: 0;
}

.main-navigation a {
    display: block;
    text-decoration: none;
    padding: 0 0 16px;
}

.main-navigation ul ul {    
    float: left;
    position: absolute;
    top: 100%;
    left: -22px;
    z-index: 99999;
    width: 180px;
    /*background: #41aad4;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);*/
    margin-left: -9999px;
}


.main-navigation ul li.menu-item-has-children::before {
    position: absolute;
    top: 7px;
    right: -18px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg class='svg-inline--fa fa-angle-down fa-w-10' aria-hidden='true' data-prefix='fas' data-icon='angle-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' data-fa-i2svg=''%3E%3Cpath fill='%2341aad4' d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 10px;
    height: 12px;
    font-weight: 400;
	display: none;
}

.main-navigation ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children::before {

    background-image: url("data:image/svg+xml,%3Csvg class='svg-inline--fa fa-angle-down fa-w-10' aria-hidden='true' data-prefix='fas' data-icon='angle-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' data-fa-i2svg=''%3E%3Cpath fill='white' d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z'%3E%3C/path%3E%3C/svg%3E");
    top: 20px;
    right: 14px;
    transform: rotate(-270deg);
    -webkit-transform: rotate(-270deg);
}

/* .main-navigation ul ul:before {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #105087f5;
    content: '';
    position: absolute;
    top: -10px;
    left: 30px;
}
*/
.main-navigation ul ul ul {
    left: -100%;
    top: 0;
}

.main-navigation ul ul ul:before {
    display: none;
}

.main-navigation ul ul a {
	border-radius: 10px;
   /* background: #105087f5;*/
	width: 99%;
    color: #fff;
    border-bottom: 1px solid #fff;
    padding: 10px 23px;
}

.main-navigation ul ul li a:hover,
.main-navigation ul ul li a:focus {
    background: #4c96d7;
    color: #fff;
}

.main-navigation ul ul li {
    float: none;
    display: block;
    margin: 0;
}

.main-navigation li:hover>a,
.main-navigation li:focus>a,
.main-navigation li.focus>a {
    color: #105087;
	background: #fff
}

.main-navigation ul ul :hover>a,
.main-navigation ul ul :focus>a,
.main-navigation ul ul .focus>a,
.main-navigation ul ul .current-menu-item>a {
    background: #10508782;
    color: #fff;
}

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

.main-navigation ul li:hover>ul {
    margin-left: 0;
}

.main-navigation ul li:focus-within>ul {
    margin-left: 0;
}

.main-navigation ul li.focus>ul {
    margin-left: 0;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
    display: block;
}

.main-navigation .current_page_item>a,
.main-navigation .current-menu-item>a,
.main-navigation .current_page_ancestor>a,
.main-navigation .current-menu-ancestor>a,
.main-navigation ul li a:hover,
.main-navigation ul li a:focus {
    color: #105087;
	background: #fff;
}


/*.main-navigation ul li a:focus {
    background: #fff;
}*/

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

@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }

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

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

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


/* 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;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
## 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;
    background: #41aad4;
    color: #fff;
    display: block;
    padding: 5px 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
    margin-left: -15px;
    margin-right: -15px;
}

.gallery-item {
    float: left;
    text-align: center;
    vertical-align: top;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

.gallery-item img {
    width: 100%;
    vertical-align: top;
}

.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;
    background: #41aad4;
    color: #fff;
    padding: 5px 0;
    text-align: center;
}

.site {
    background: #fff;
}

.custom-background .site {
    margin: 20px;
}

/*common site style*/
.container {
    width: 75%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container:after {
    content: '';
    display: block;
    clear: both;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.row:after {
    content: '';
    display: block;
    clear: both;
}

/*header style*/
.header-t {
    background: #f9f9f9 url(images/line.png) repeat-x 0 100%;
    padding: 8px 0 17px;
}

.header-t .contact-info {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    font-size: 16px;
}

.header-t .contact-info li {
    float: left;
    margin-right: 38px;
}

.header-t .contact-info li a {
    color: #919191;
}

.header-t .contact-info li a:hover,
.header-t .contact-info li a:focus {
    color: #41aad4;
    text-decoration: none;
}

.header-t .contact-info li a svg {
    font-size: 15px;
    margin-right: 5px;
}

.header-t .social-networks {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    font-size: 15px;
}

.header-t .social-networks li {
    float: left;
    margin-left: 19px;
}

.header-t .social-networks li:first-child {
    margin-left: 19px;
}

.header-t .social-networks li a {
    color: #919191;
}

.header-t .social-networks li a:hover,
.header-t .social-networks li a:focus {
    text-decoration: none;
    color: #41aad4;
}

.header-b {
    padding: 23px 0 30px;
}

.site-branding {
    float: left;
}

.site-branding .custom-logo-link {
    float: left;
    margin-right: 10px;
}

.site-branding .custom-logo-link a {
    display: block;
    height: 100%;
}



.site-branding .custom-logo-link img {
    vertical-align: top;
}

.site-branding .text-logo {
    float: left;
}

.site-branding .site-title {
    font-size: 32px;
    /*line-height: 58px;*/
    margin: 0;
    font-weight: 600;
	font-family:  cursive;
}

.site-branding .site-title a{
    color : #fff;
	display: block;
    height: 48px;
    align-content: center;
}

.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
    text-decoration: none;
}

.site-branding .site-description {
    font-size: 14px;
    line-height: 17px;
    color: #919191;
    margin: 0;
}

/*banner style*/
.banner {
    position: relative;
    background: #000;
}

/*.banner:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}*/

.banner .flexslider .slides>li {
    position: relative;
}

.banner img {
    width: 100%;
    vertical-align: top;
    opacity: 0.5;
}

.banner .banner-text {
    position: absolute;
    top: 24.5%;
    left: 0;
    width: 100%;
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    z-index: 2;
}

.banner .banner-text .text-holder {
    max-width: 454px;
    float: left;
}

.banner .banner-text .title {
    font-size: 60px;
    line-height: 64px;
    display: block;
    margin: 0 0 13px;
}

.banner .banner-text .btn-enroll {
    background: #41aad4;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    float: left;
    padding: 13px 42px 14px 42px;
}

.banner .banner-text .btn-enroll:hover,
.banner .banner-text .btn-enroll:focus {
    text-decoration: none;
    background: #3995ba;
}

.banner .banner-text p {
    margin: 0 0 26px;
}


.banner .owl-nav .owl-prev {
    background: url(images/btn-prev.png) no-repeat;
    width: 55px;
    height: 55px;
    text-indent: -9999px;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -55px;
    opacity: 0.5;
}

.banner .owl-nav .owl-prev:hover {
    background: url(images/btn-prev.png) no-repeat;
    opacity: 1;
}

.banner .owl-nav .owl-next {
    background: url(images/btn-next.png) no-repeat;
    width: 55px;
    height: 55px;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -55px;
    opacity: 0.5;
}

.banner .owl-nav .owl-next:hover {
    background: url(images/btn-next.png) no-repeat;
    opacity: 1;
}

.banner .owl-nav .owl-prev:focus,
.banner .owl-nav .owl-next:focus {
    outline: thin dotted #fff;
}

.banner .owl-carousel .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 40px;
    text-align: center;
    display: inline-block;
}

.banner .owl-carousel .owl-dots .owl-dot {
    display: inline-block;
}

.banner .owl-carousel .owl-dots .owl-dot:focus {
    outline: thin dotted #fff;
}

.banner .owl-carousel .owl-dots span {
    background: none;
    width: 13px;
    height: 13px;
    border: 2px solid #fff;
    margin: 0 5px;
    display: inline-block;
    border-radius: 50%;
}

.banner .owl-carousel .owl-dots .active span,
.banner .owl-carousel .owl-dots .owl-dot:hover span {
    background: #fff;
}

/*welcome section style*/
.welcome {
    padding: 75px 0 83px;
}

.welcome .img-holder {
    float: left;
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 3px;
}

.welcome .img-holder img {
    vertical-align: top;
}

.welcome .text-holder {
    float: left;
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
}

.welcome .text-holder .title {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    color: #f380b2;
    margin: 0 0 10px;
}

.welcome .text-holder .btn-more {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    border: 2px solid #41aad4;
    float: left;
    padding: 11px 58px 12px 58px;
}

.welcome .text-holder .btn-more:hover,
.welcome .text-holder .btn-more:focus {
    text-decoration: none;
    background: #41aad4;
    color: #fff;
}

.welcome .text-holder .btn-more:focus {
    outline: thin dotted #000;
    outline-offset: 2px;
}

/*section-2 style*/
.section-2 {
    background: #f9f9f9;
    padding: 63px 0 26px;
    text-align: center;
}

.section-2 .header {
    max-width: 780px;
    margin: 0 auto 48px;
    font-size: 24px;
    line-height: 32px;
}

.section-2 .header .title {
    font-size: 42px;
    line-height: 48px;
    color: #f380b2;
    margin: 0 0 21px;
    font-weight: 400;
}

.section-2 .col {
    float: left;
    width: 33.3333%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

.section-2 .col .img-holder {
    margin: 0 0 33px;
}

.section-2 .col .img-holder .svg-holder svg {
    width: 185px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.section-2 .col .img-holder img {
    vertical-align: top;
    -webkit-border-radius: 100px;
    border-radius: 50%;
}

.section-2 .col .text-holder {
    padding: 0 40px;
}

.section-2 .col .text-holder .title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    color: #313131;
    margin: 0 0 18px;
}

.section-2 .col .text-holder .title a {
    color: #313131;
}

.section-2 .col .text-holder .title a:hover,
.section-2 .col .text-holder .title a:focus {
    text-decoration: none;
    color: #41aad4;
}

/*sectioni-3 style*/
.section-3 {
    padding: 66px 0 0;
}

.section-3 .header {
    font-size: 24px;
    line-height: 32px;
    max-width: 780px;
}

.section-3 .header .title {
    color: #f380b2;
    font-size: 42px;
    font-weight: 400;
    line-height: 48px;
    margin: 0 0 10px;
}

.section-3 .header p {
    margin: 0 0 23px;
}

.section-3 .text-holder {
    float: left;
    width: 66.6667%;
    padding-left: 15px;
    padding-right: 15px;
}

.section-3 ul {
    margin: 0 -15px 50px;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.section-3 ul li {
    float: left;
    padding-left: 60px;
    padding-right: 15px;
    padding-top: 8px;
    width: 50%;
    position: relative;
}

.section-3 ul li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234fbba9' viewBox='0 0 512 512'%3E%3Cpath d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E") center center no-repeat;
}

.section-3 ul li .title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #313131;
    margin: 0 0 7px;
}

.section-3 .text-holder .btn-detail {
    border: 2px solid #41aad4;
    float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding: 11px 58px 12px;
    text-transform: uppercase;
}

.section-3 .text-holder .btn-detail:hover,
.section-3 .text-holder .btn-detail:focus {
    text-decoration: none;
    background: #41aad4;
    color: #fff;
}

.section-3 .img-holder {
    float: left;
    width: 33.3333%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: -107px;
}

.section-3 .img-holder img {
    vertical-align: top;
}

/*promotional-block style*/
.promotional-block {
    background: url(images/img37.jpg) no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    padding: 130px 0 119px;
    position: relative;
}

.promotional-block:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.promotional-block .container {
    position: relative;
    z-index: 1;
}

.promotional-block .title {
    font-size: 60px;
    line-height: 66px;
    font-weight: 700;
    margin: 0 0 20px;
}

.promotional-block .btn-detail {
    border: 2px solid #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding: 11px 58px 12px;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
}

.promotional-block .btn-detail:hover,
.promotional-block .btn-detail:focus {
    text-decoration: none;
    background: #fff;
    color: #313131;
}

.promotional-block .btn-detail:focus {
    outline-offset: 2px;
    outline: thin dotted #fff;
}

/*featured section stlyle*/
.featured {
    background: #f9f9f9;
    padding: 70px 0;
    text-align: center;
}

.featured .header {
    font-size: 24px;
    line-height: 32px;
    margin: 0 auto 90px;
    max-width: 780px;
}

.featured .header .title {
    color: #f380b2;
    font-size: 42px;
    font-weight: 400;
    line-height: 48px;
    margin: 0 0 21px;
}

.featured .col {
    float: left;
    width: 33.3333%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

.featured .col .holder {
    background: #fff;
    padding: 0 40px 50px;
}

.featured .col .img-holder {
    margin: 0 0 33px;
}

.featured .col .img-holder svg {
    width: 220px;
    border: 10px solid #fff;
    vertical-align: top;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: -45px 0 0;
}

.featured .col .img-holder img {
    vertical-align: top;
    -webkit-border-radius: 100px;
    border-radius: 50%;
    border: 10px solid #fff;
    margin: -45px 0 0;
}

.featured .col .text-holder {
    /*padding: 0 40px;*/
}

.featured .col .text-holder .title {
    color: #313131;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    margin: 0 0 18px;
}

.featured .col .text-holder .btn-detail {
    border: 2px solid #41aad4;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding: 11px 10px 12px;
    text-transform: uppercase;
}

.featured .col .text-holder .btn-detail:hover,
.featured .col .text-holder .btn-detail:focus {
    text-decoration: none;
    background: #41aad4;
    color: #fff;
}

.featured .col .text-holder .btn-detail:focus {
    outline: thin dotted #000;
    outline-offset: 2px;
}

/*testimonial style*/
.testimonial {
    padding: 70px 0;
}

.testimonial .table {
    display: table;
    width: 100%;
    background: #3ca4d0;
}

.testimonial .table .table-row {
    display: table-row;
}

.testimonial .text-holder,
.testimonial .img-holder {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}

.testimonial .img-holder img {
    vertical-align: top;
}

.testimonial .text-holder {
    color: #fff;
    padding: 50px;
}

.testimonial .text-holder .header {
    font-size: 24px;
    line-height: 32px;
}

.testimonial .text-holder .header .title {
    font-size: 42px;
    font-weight: 400;
    line-height: 48px;
    margin: 0 0 10px;
}

.testimonial .text-holder .header p {
    margin: 0 0 26px;
}

.testimonial .text-holder .name {
    display: block;
    font-weight: 700;
}

ul.owl-carousel {
    margin: 0;
    padding: 0;
    list-style: none;
}

.testimonial .owl-carousel .owl-nav [class*="owl-"] {
    width: 45px;
    height: 45px;
    display: block;
    top: 50%;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.5;
    filter: alpha(opacity=50);
    text-indent: 55px;
    overflow: hidden;
    -webkit-transition: all linear 0.35s;
    -moz-transition: all linear 0.35s;
    transition: all linear 0.35s;
}

.testimonial .owl-carousel .owl-nav .owl-next {
    background: url(images/btn-next2.png) no-repeat;
    right: 0;
}

.testimonial .owl-carousel .owl-nav .owl-prev {
    background: url(images/btn-prev2.png) no-repeat;
    left: 0;
}

.testimonial .owl-carousel .owl-nav [class*="owl-"].disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: not-allowed;
}

/*our-staff style*/
.our-staff {
    background: #f9f9f9;
    padding: 70px 0 40px;
}

.our-staff .header {
    font-size: 24px;
    line-height: 32px;
    margin: 0 auto 48px;
    max-width: 780px;
    text-align: center;
}

.our-staff .header .title {
    color: #f380b2;
    font-size: 42px;
    font-weight: 400;
    line-height: 48px;
    margin: 0 0 21px;
}

.our-staff .col {
    float: left;
    width: 33.3333%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

.our-staff .col .img-holder img {
    width: 100%;
    vertical-align: top;
}

.our-staff .col .text-holder {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 23px 30px;
}

.our-staff .col .text-holder .name {
    display: block;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #313131;
    margin: 0 0 5px;
}

.our-staff .col .text-holder .name a {
    color: #313131;
}

.our-staff .col .text-holder .name a:hover,
.our-staff .col .text-holder .name a:focus {
    text-decoration: none;
    color: #41aad4;
}

.our-staff .col .text-holder .designation {
    font-size: 18px;
    line-height: 22px;
    color: #919191;
    display: block;
}

/*news section style*/
.news {
    padding: 70px 0 40px;
}

.news .header {
    font-size: 24px;
    line-height: 32px;
    margin: 0 auto 48px;
    max-width: 780px;
    text-align: center;
}

.news .header .title {
    color: #f380b2;
    font-size: 42px;
    font-weight: 400;
    line-height: 48px;
    margin: 0 0 21px;
}

.news .post {
    float: left;
    width: 33.3333%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

.news .post .posted-on {
    float: left;
    width: 65px;
    margin-right: 30px;
    border: 1px solid #4fbba9;
    text-align: center;
    color: #4fbba9;
    padding: 10px 0;
}

.news .post .posted-on strong {
    display: block;
    font-size: 32px;
    line-height: 33px;
    font-weight: 400;
}

.news .post .posted-on span {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 15px;
}

.news .post .text-holder {
    overflow: hidden;
}

.news .post .entry-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #616161;
    margin: 0 0 15px;
}

.news .post .entry-title a {
    color: #616161;
}

.news .post .entry-title a:hover,
.news .post .entry-title a:focus {
    text-decoration: none;
    color: #41aad4;
}

.news .post .entry-content {
    margin: 0;
}

.news .post .entry-footer {
    overflow: hidden;
}

.news .post .readmore {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

/*blog style*/
.top-bar {
	position: sticky;
	top: 48px;
	z-index: 698;
    background: #f9f9f9;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 6px 0 6px;
}

.page-header {
    float: left;
}

.page-header .page-title {
    font-size: 28px;
    line-height: 43px;
    font-weight: 700;
    color: #87104F;
    margin: 0;
}

#crumbs {
    float: right;
    font-size: 14px;
    line-height: 17px;
    color: #919191;
    padding: 15px 2px 0 0;
}

#crumbs .separator {
    margin: 0 5px;
}

#crumbs span:last-child .separator {
    display: none;
}

#content {
    padding: 43px 0;
}

#primary {
    float: left;
    width: 72%;
    background: #fff;
    padding: 20px 25px;
}

#primary .site-main {
    /*padding-right: 15px;*/
}

#primary .post,
.search #primary .page {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 37px;
    margin-bottom: 40px;
}

#primary .post .post-thumbnail,
.search #primary .page .post-thumbnail {
    display: block;
    height: 100%;
    margin: 0 0 23px;
}

#primary .post .post-thumbnail img,
.search #primary .page .post-thumbnail img {
    vertical-align: top;
}

#primary .post .entry-header,
.search #primary .page .entry-header {
    margin: 0 0 21px;
}

#primary .post .entry-header .entry-title,
.search #primary .page .entry-header .entry-title {
    font-size: 28px;
    line-height: 38px;
    font-weight: 400;
    color: #313131;
    margin: 0 0 14px;
}

#primary .post .entry-header .entry-title a,
.search #primary .page .entry-header .entry-title a {
    color: #313131;
}

#primary .post .entry-header .entry-title a:hover,
#primary .post .entry-header .entry-title a:focus,
.search #primary .page .entry-header .entry-title a:hover,
.search #primary .page .entry-header .entry-title a:focus {
    text-decoration: none;
    color: #41aad4;
}

#primary .post .entry-meta {
    font-size: 16px;
    color: #6c6c6c;
}

#primary .post .entry-meta span {
    display: inline-block;
    margin-right: 23px;
}

#primary .post .entry-meta a:hover,
#primary .post .entry-meta a:focus {
    text-decoration: none;
    color: #6c6c6c;
}

#primary .post .entry-meta .comments-link a:before {
    content: '';
    margin-right: 5px;
    color: #6c6c6c;
    vertical-align: top;
    width: 13px;
    height: 13px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236c6c6c' viewBox='0 0 512 512'%3E%3Cpath d='M256 32C114.6 32 0 125.1 0 240c0 49.6 21.4 95 57 130.7C44.5 421.1 2.7 466 2.2 466.5c-2.2 2.3-2.8 5.7-1.5 8.7S4.8 480 8 480c66.3 0 116-31.8 140.6-51.4 32.7 12.3 69 19.4 107.4 19.4 141.4 0 256-93.1 256-208S397.4 32 256 32z'/%3E%3C/svg%3E") center center no-repeat;
    display: inline-block;
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px);
}

#primary .post .entry-content,
.search #primary .page .entry-content,
#primary .page .entry-content {
    margin: 0;
}

#primary .post .entry-footer,
.search #primary .page .entry-footer {
    overflow: hidden;
}

#primary .post .btn-readmore,
.search #primary .page .btn-readmore {
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 2px solid #41aad4;
    float: left;
    padding: 8px 28px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.edit-link {
    float: right;
}

#primary .post .btn-readmore:hover,
#primary .post .btn-readmore:focus,
.search #primary .page .btn-readmore:hover,
.search #primary .page .btn-readmore:focus,
.edit-link a:hover,
.post .edit-link a:focus {
    text-decoration: none;
    background: #41aad4;
    color: #fff;
}

#primary .post .btn-readmore:focus,
.search #primary .page .btn-readmore:focus {
    outline-offset: -2px;
    outline: thin dotted #fff;
}

#primary .post .entry-content iframe,
#primary .page .entry-content iframe {
    width: 100%;
    height: 475px;
    vertical-align: top;
    margin: 0 0 30px;
}

#primary .post.format-status .entry-header .entry-title,
#primary .post.format-aside .entry-header .entry-title,
#primary .post.format-link .entry-header .entry-title {
    display: none;
}

#primary .post .entry-content h1,
#primary .page .entry-content h1 {
    font-size: 60px;
    line-height: 72px;
    font-weight: 400;
    color: #313131;
    margin: 0 0 10px;
}

#primary .post .entry-content h2,
#primary .page .entry-content h2 {
    font-size: 30px;
    line-height: 50px;
    font-weight: 400;
    color: #313131;
    margin: 0 0 13px;
}

#primary .post .entry-content h3,
#primary .page .entry-content h3 {
    font-size: 36px;
    line-height: 43px;
    font-weight: 400;
    color: #313131;
    margin: 0 0 17px;
}

#primary .post .entry-content h4,
#primary .page .entry-content h4 {
    font-size: 24px;
    line-height: 29px;
    font-weight: 400;
    color: #313131;
    margin: 0 0 20px;
}

#primary .post .entry-content h5,
#primary .page .entry-content h5 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    color: #313131;
    margin: 0 0 18px;
}

#primary .post .entry-content h6,
#primary .page .entry-content h6 {
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    color: #313131;
    margin: 0 0 18px;
}

#primary .post .entry-content blockquote,
#primary .page .entry-content blockquote {
    margin: 0 0 1.5em;
    background: #f9f9f9 url(images/bg-quote.png) no-repeat 50px 20px;
    padding: 50px 50px 30px;
    border-left: 2px solid #4fbba9;
    color: #919191;
    font-style: italic;
}

#primary .post .entry-content blockquote cite,
#primary .page .entry-content blockquote cite {
    font-size: 16px;
    font-style: normal;
    text-transform: uppercase;
    color: #313131;
    font-weight: 700;
}

#primary .post .entry-content .pull-right,
#primary .page .entry-content .pull-right {
    float: right;
    text-align: right;
    width: 263px;
    margin-left: 15px;
    margin-bottom: 30px;
    border-top: 3px solid #f1f1f2;
    padding-top: 10px;
}

#primary .post .entry-content .pull-left,
#primary .page .entry-content .pull-left {
    float: left;
    text-align: left;
    width: 263px;
    margin-right: 15px;
    margin-bottom: 30px;
    border-top: 3px solid #f1f1f2;
    padding-top: 10px;
}

#primary .post .entry-content .dropcap,
#primary .page .entry-content .dropcap {
    font-size: 115px;
    line-height: 100px;
    float: left;
    margin-right: 15px;
}

#primary .post .entry-content .highlight,
#primary .page .entry-content .highlight {
    background: #72c9ba;
    color: #fff;
}

#primary .post .entry-content table,
#primary .page .entry-content table {
    color: #919191;
	border-radius: 10px;
	border: 0;
	background: #fafafa;
}

#primary .post .entry-content table thead,
#primary .page .entry-content table thead {
    background: #e9e9e9;
    font-weight: 700;
    color: #616161;
}

#primary .post .entry-content table thead th,
#primary .page .entry-content table thead th {
    font-weight: 700;
    color: #616161;
}

#primary .post .entry-content table th,
#primary .page .entry-content table th,
#primary .post .entry-content table td,
#primary .page .entry-content table td {
    padding: 1vw 0vw;
    text-align: left;
	border: 0;
}

#primary .post .entry-content table tr,
#primary .page .entry-content table tr {
    /*border: 0;*/
}

.author {
    margin: 0 0 40px;
    background: #f9f9f9;
    padding: 30px 26px;
}

.author .img-holder {
    float: left;
    width: 105px;
    margin-right: 20px;
}

.author .text-holder {
    overflow: hidden;
}

.author .name {
    font-size: 21px;
    line-height: 28px;
    font-weight: 400;
    color: #313131;
}

/*pagination style*/
.pagination {
    margin: 0 0 30px;
}

.pagination .nav-links {
    overflow: hidden;
}

.pagination a,
.pagination .current {
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    float: left;
    color: #bebebe;
    margin: 0 3px 0 0;
    padding: 0 14px;
    /*border: 2px solid #dadada;*/
}

.pagination .current,
.pagination a:hover,
.pagination a:focus {
    background: #919191;
    /*border-color: #2a89d2;*/
    color: #fff;
    text-decoration: none;
}

.pagination a:focus {
    outline: thin dotted #fff;
    outline-offset: -2px;
}

.pagination .dots {
    float: left;
    margin: 0 3px 0 0;
    line-height: 36px;
}

.search #primary .search-form {
    width: 100%;
    margin: 0 0 42px;
    background: #f8f8f8;
}

/*comments area style*/
.comments-area {
    margin: 0 0 40px;
}

.comments-area .comments-title,
.comments-area .comment-reply-title {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    color: #313131;
}

.comments-area ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.comments-area .comment-body .avatar {
    float: left;
    margin-right: 20px;
	width: 20%;
	margin: 0 4px 0 0;
}

.comments-area .comment-body .fn {
    float: left;
    font-weight: 700;
    font-size: 18px;
    line-height: 15px;
    color: #313131;
    margin-right: 15px;
}

.comments-area .comment-body .says {
    display: none;
}

.comments-area .comment-body .comment-metadata {
    float: left;
    font-size: 14px;
    color: #919191;
}

.comments-area .comment-body .comment-metadata a {
    color: #919191;
}

.comments-area .comment-body .comment-metadata a:hover,
.comments-area .comment-body .comment-metadata a:focus {
    text-decoration: none;
    color: #41aad4;
}

.comment-author {
    float: left;
}

.comment-meta {
    overflow: hidden;
}

.comments-area .comment-body .comment-content {
    margin-left: 97px;
    /* margin-top: -42px; */
}

.comments-area .comment-body .reply {
    margin-left: 97px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.comments-area .comment-body {
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.comments-area .comment-list .children {
    padding-left: 97px;
}

.comments-area .comment-form label {
    display: none;
}

.comments-area .comment-form .comment-form-author {
    float: left;
    width: 267px;
    margin-right: 15px;
}

.comments-area .comment-form .comment-form-email {
    float: left;
    width: 267px;
    margin-right: 15px;
}

.comments-area .comment-form .comment-form-url {
    float: left;
    width: 267px;
}

.comments-area .comment-form input[type="text"],
.comments-area .comment-form input[type="email"],
.comments-area .comment-form input[type="url"] {
    width: 100%;
    padding: 10px 15px;
}

.comments-area .comment-form label[for="wp-comment-cookies-consent"] {
    display: inline-block;
    margin-left: 5px;
}


.full-width #primary {
    width: 100%;
}

/*sidebar style */
#secondary {
	position: sticky;
	top: 148px;
    float: right;
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
}

.search #primary .search-form {
    background: #f8f8f8;
    margin: 0 15px 42px 0;
    overflow: hidden;
    padding: 15px;
}

.search #primary .search-form label {
    float: left;
    width: 85%
}

.search #primary .search-form input[type="search"] {
    background: none;
    border: 0;
    border-radius: 0;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 15px;
}

.search #primary .search-form input[type="submit"] {
    float: right;
    background: url(images/bg-search.png) no-repeat;
    width: 17px;
    height: 18px;
    border: 0;
    border-radius: 0;
    text-indent: -9999px;
}

/*search-form*/
.widget_search .search-form {
    background: #f8f8f8;
    margin: 0;
    overflow: hidden;
    padding: 15px;
}

.widget_search .search-form label {
    float: left;
    width: 85%
}

.widget_search .search-form input[type="search"] {
    background: none;
    border: 0;
    border-radius: 0;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 15px;
}

.widget_search .search-form input[type="submit"] {
    float: right;
    background: url(images/bg-search.png) no-repeat;
    width: 17px;
    height: 18px;
    border: 0;
    border-radius: 0;
    text-indent: -9999px;
    padding: 0;
}

.widget_search .search-form input[type="submit"]:focus {
    outline: thin dotted #000;
}

/*general widget style*/
.widget .widget-title {
    font-size: 14px;
    line-height: 28px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

.widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    line-height: 20px;
    color: #919191;
}

.widget ul li {
    padding-left: 17px;
    margin: 0 0 15px;
    position: relative;
}

/*.widget ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 5px;
    height: 20px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23919191' viewBox='0 0 192 512'%3E%3Cpath d='M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z'/%3E%3C/svg%3E") center center no-repeat;
} */

.footer-t .widget ul li a {
	color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
}

.widget ul li a:hover,
.widget ul li a:focus {
    text-decoration: none;
    color: #41aad4;
}

/*widget flickr style*/
.widget.widget_flickr_photo ul {
    margin-left: -1px;
    margin-right: -1px;
    overflow: hidden;
}

.widget.widget_flickr_photo ul li {
    padding-left: 1px;
    padding-right: 1px;
    float: left;
    margin-bottom: 2px;
    width: 25%;
    text-align: center;
}

.widget.widget_flickr_photo ul li:before {
    display: none;
}

.widget.widget_flickr_photo ul li img {
    vertical-align: top;
}

/*widget latest post*/
.widget.widget_preschool_and_kindergarten_recent_post ul li {
    padding-left: 0;
    margin-bottom: 28px;
    overflow: hidden;
}

.widget.widget_preschool_and_kindergarten_recent_post ul li:before {
    display: none;
}

.widget.widget_preschool_and_kindergarten_recent_post ul li .post-thumbnail {
    float: left;
    width: 60px;
    margin-right: 19px;
}

.widget.widget_preschool_and_kindergarten_recent_post ul li .post-thumbnail img {
    vertical-align: top;
}

.widget.widget_preschool_and_kindergarten_recent_post ul li .entry-header {
    overflow: hidden;
}

.widget.widget_preschool_and_kindergarten_recent_post ul li .entry-header .entry-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #313131;
    margin: 0 0 3px;
}

.widget.widget_preschool_and_kindergarten_recent_post ul li .entry-header .entry-title a {
    color: #313131;
}

.widget.widget_preschool_and_kindergarten_recent_post ul li .entry-header .entry-title a:hover,
.widget.widget_preschool_and_kindergarten_recent_post ul li .entry-header .entry-title a:focus {
    color: #41aad4;
    text-decoration: none;
}

.widget.widget_preschool_and_kindergarten_recent_post ul li .entry-header .posted-on {
    display: block;
    font-size: 14px;
    color: #919191;
}

/*end latest post*/

/*widget popular post*/
.widget.widget_preschool_and_kindergarten_popular_post ul li {
    padding-left: 0;
    margin-bottom: 28px;
    overflow: hidden;
}

.widget.widget_preschool_and_kindergarten_popular_post ul li:before {
    display: none;
}

.widget.widget_preschool_and_kindergarten_popular_post ul li .post-thumbnail {
    float: left;
    width: 60px;
    margin-right: 19px;
}

.widget.widget_preschool_and_kindergarten_popular_post ul li .post-thumbnail img {
    vertical-align: top;
}

.widget.widget_preschool_and_kindergarten_popular_post ul li .entry-header {
    overflow: hidden;
}

.widget.widget_preschool_and_kindergarten_popular_post ul li .entry-header .entry-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #313131;
    margin: 0 0 3px;
}

.widget.widget_preschool_and_kindergarten_popular_post ul li .entry-header .entry-title a {
    color: #313131;
}

.widget.widget_preschool_and_kindergarten_popular_post ul li .entry-header .entry-title a:hover,
.widget.widget_preschool_and_kindergarten_popular_post ul li .entry-header .entry-title a:focus {
    color: #41aad4;
    text-decoration: none;
}

.widget.widget_preschool_and_kindergarten_popular_post ul li .entry-header .posted-on {
    display: block;
    font-size: 14px;
    color: #919191;
}

/*widget tag cloud*/
.widget.widget_tag_cloud .tagcloud {
    overflow: hidden;
}

.widget.widget_tag_cloud .tagcloud a {
    font-size: 14px;
    line-height: 17px;
    color: #919191;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px 8px;
    border: 2px solid #dbdbdb;
}

.widget.widget_tag_cloud .tagcloud a:hover,
.widget.widget_tag_cloud .tagcloud a:focus {
    background: #41aad4;
    border-color: #41aad4;
    color: #fff;
    text-decoration: none;
}

/*widget calendar style*/
.widget.widget_calendar caption {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    background: #4fbba9;
    padding: 12px 0;
    font-weight: 700;
}

.widget.widget_calendar table {
    position: relative;
    font-family: 'Lato', sans-serif;
}

.widget.widget_calendar thead th {
    font-size: 14px;
    background: #fff;
    color: #616161;
    font-weight: 400;
    height: 35px;
}

.widget.widget_calendar tbody {
    background: #f9f9f9;
}

.widget.widget_calendar tbody td {
    text-align: center;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    color: #919191;
}

.widget_calendar .calendar_wrap .wp-calendar-nav-prev a,
.widget_calendar table #prev a {
    left: 15px;
    position: absolute;
    top: 16px;
    background: url(images/btn-prev-month.png) no-repeat;
    width: 7px;
    height: 11px;
    text-indent: -9999px;
}

.widget_calendar .calendar_wrap .wp-calendar-nav-next a,
.widget.widget_calendar table #next a {
    position: absolute;
    right: 15px;
    top: 16px;
    background: url(images/btn-next-month.png) no-repeat;
    width: 7px;
    height: 11px;
    text-indent: -9999px;
}

.widget.widget_calendar table tbody td a {
    display: block;
    height: 100%;
    color: #41aad4;
}

.widget_calendar .calendar_wrap {
    position: relative;
}

/*text-widget*/
.widget.widget_text {
    font-size: 16px;
    line-height: 22px;
    color: #616161;
}

/*widget social networks*/
.widget.widget_preschool_and_kindergarten_social_links ul:after {
    content: '';
    display: block;
    clear: both;
}

.widget.widget_preschool_and_kindergarten_social_links li:before {
    display: none;
}

.widget.widget_preschool_and_kindergarten_social_links li {
    float: left;
    padding: 0;
    margin-right: 20px;
    margin-bottom: 15px;
}

.widget.widget_preschool_and_kindergarten_social_links li a {
    font-size: 17px;
    color: #5d5f61;
}

.widget.widget_preschool_and_kindergarten_social_links li a:hover,
.widget.widget_preschool_and_kindergarten_social_links li a:focus {
    text-decoration: none;
}

/*footer style*/
.container-footer{
	width: 70%;
}
.site-footer {
    background: #052a49;
}

.site-footer .footer-t {
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 0 0;
}

.site-footer .column {
    float: left;
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

.site-info {
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
    padding: 0 0 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-info a {
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
    padding:  0;
}


.site-footer .site-info a.privacy-policy-link {
    display: inline-block;
    margin-left: 25px;
}

#mobile-header {
    display: none;
}

/*error page style*/
.error-holder {
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
}

/*.error-holder*/

.error-holder h2 {
    font-size: 90px;
    line-height: 90px;
    margin: 0 0 30px;
    color: #41aad4;
}

.error-holder .search-form {
    background: #f8f8f8;
    overflow: hidden;
    padding: 15px;
    max-width: 450px;
    margin: 0 auto;
    border-radius: 50px;
}

.error-holder .search-form label {
    float: left;
    width: 85%
}

.error-holder .search-form input[type="search"] {
    background: none;
    border: 0;
    border-radius: 0;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 15px;
}

.error-holder .search-form input[type="submit"] {
    float: right;
    background: url(images/bg-search.png) no-repeat;
    width: 17px;
    height: 18px;
    border: 0;
    border-radius: 0;
    text-indent: -9999px;
    padding: 0;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    z-index: 699;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: ease 0.35s;
    -moz-transition: ease 0.35s;
    transition: ease 0.35s;
}

body.menu-open .overlay {
    opacity: 1;
    visibility: visible;
}

body.menu-open {
    overflow-y: hidden;
}

.mobile-header {
    display: none;
}

.svg-holder svg {
    width: 100%;
    vertical-align: top;
}

/*responsive style*/
@media only screen and (max-width: 1199px) {
   
    .banner .banner-text {
        top: 10%;
    }

    .banner .banner-text .title {
        font-size: 40px;
        line-height: 44px;
    }

    .banner .banner-text p {
        margin: 0 0 15px;
    }

    .section-3 .img-holder {
        margin-top: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .site-header {
        display: none !important;
    }

    .mobile-header {
		position : sticky;
		top: 0;
		z-index : 700;
        display: block;
        /*padding: 12px 0;*/
        background: #105087;
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
    }

    .mobile-header .container:after {
        display: none;
    }

    .mobile-header .container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    .mobile-header .site-branding {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        max-width: 90%;
    }
	
	.site-branding .site-title {
		font-size: 24px;		
		font-weight: 550;		
	}

    .menu-opener {
        width: 25px;
        height: 20px;
        cursor: pointer;
    }

    .menu-opener span {
        display: block;
        width: 100%;
        height: 2px;
        background: #fff;
        border-radius: 10px;
        margin-bottom: 5px;
    }

    .menu-opener span:last-child {
        margin-bottom: 0;
    }

    .mobile-menu {
        position: fixed;
        top: 0;
        right: 0;
        width: 320px;
        height: 100%;
        background: #fff;
        z-index: 2;
        padding-top: 80px;
        /* -webkit-transform: translateX(420px);
        -moz-transform: translateX(420px);
        transform: translateX(420px);
        -webkit-transition: ease 0.35s;
        -moz-transition: ease 0.35s;
        transition: ease 0.35s;  */
        overflow-y: auto;
        display: none;

    }

    body.menu-open .mobile-menu {
        /* -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);  */
        display: block;
    }

    .primary-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 0.9rem;
    }

    .primary-menu ul li {
        position: relative;
    }

    .primary-menu ul li .angle-down {
        position: absolute;
        top: 0;
        right: 4px;
        width: 45px;
        height: 45px;
        background: transparent;
        cursor: pointer;
        -webkit-transition: ease 0.2s;
        -moz-transition: ease 0.2s;
        transition: ease 0.2s;
    }

    .primary-menu ul li .angle-down.active {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .primary-menu ul li .angle-down:after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 25px;
        height: 20px;
        content: '';
        background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 256 512'%3E%3Cpath d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z'/%3E%3C/svg%3E") center center no-repeat;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .primary-menu ul li a {
        color: #000;
        /*text-transform: uppercase;*/
        display: block;
        padding: 10px 25px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .primary-menu ul li a:hover,
    .primary-menu ul li a:focus,
    .primary-menu ul li:hover>a,
    .primary-menu ul li:focus>a,
    .primary-menu ul .current-menu-item>a,
    .primary-menu ul .current-menu-ancestor>a,
    .primary-menu ul .current_page_item>a,
    .primary-menu ul .current_page_ancestor>a {
        text-decoration: none;
        color: #41aad4;
    }

    .primary-menu ul ul {
        display: none;
    }

    .mobile-menu .contact-info {
        margin: 50px 25px 0;
        padding: 0;
        list-style: none;
    }

    .mobile-menu .contact-info li {
        margin: 0 0 20px;
    }

    .mobile-menu .contact-info li:last-child {
        margin: 0;
    }

    .mobile-menu .contact-info li a {
        color: #000;
        -webkit-transition: ease 0.2s;
        -moz-transition: ease 0.2s;
        transition: ease 0.2s;
    }

    .mobile-menu .contact-info li a:hover,
    .mobile-menu .contact-info li a:focus {
        text-decoration: none;
        color: #41aad4;
    }

    .mobile-menu .contact-info li a svg {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .mobile-menu .social-networks {
        margin: 50px 25px 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .mobile-menu .social-networks li {
        margin: 0 5px 5px 0;
    }

    .mobile-menu .social-networks li a {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(0, 0, 0, 0.1);
        color: rgba(0, 0, 0, 0.5);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        -webkit-transition: ease 0.2s;
        -moz-transition: ease 0.2s;
        transition: ease 0.2s;
    }

    .mobile-menu .social-networks li a:hover,
    .mobile-menu .social-networks li a:focus {
        text-decoration: none;
        color: #fff;
        border-color: #41aad4;
        background: #41aad4;
    }

    .mobile-menu .btn-close-menu {
        position: absolute;
        top: 28px;
        right: 30px;
        width: 25px;
        height: 20px;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238d8d8d' viewBox='0 0 320 512'%3E%3Cpath d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'/%3E%3C/svg%3E") center center no-repeat;
        cursor: pointer;
    }

    body.admin-bar .mobile-menu {
        padding-top: 100px;
    }

    body.admin-bar .mobile-menu .close {
        top: 50px;
    }

    body.menu-open {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }
}



@media only screen and (max-width: 991px) {
    .container {
        max-width: 750px;
    }

    .banner .banner-text {
        font-size: 20px;
        line-height: 26px;
    }

    .banner .banner-text .title {
        font-size: 30px;
        line-height: 34px;
    }

    .banner .banner-text .text-holder {
        padding-left: 46px;
        max-width: 470px;
    }

    .welcome .img-holder,
    .section-3 .text-holder {
        width: 100%;
        margin-bottom: 30px;
    }

    .welcome .text-holder,
    .section-2 .col {
        width: 100%;
    }

    .section-3 .img-holder {
        width: 100%;
        margin-top: 0;
    }

    .featured .col {
        width: 100%;
        margin-bottom: 90px;
    }

    .testimonial .text-holder,
    .testimonial .img-holder {
        display: block;
        width: 100%;
    }

    .testimonial .img-holder img {
        width: 100%;
    }

    .our-staff .col {
        width: 100%;
    }

    .news .post {
        width: 100%;
    }

    .site-footer .widget {
        width: 50%;
    }

    .widget.widget_flickr_photo ul li img {
        width: 100%;
    }

    #primary,
    #secondary {
        width: 100%;
    }

    .site-footer .column {
        width: 50%;
    }

}

@media only screen and (max-width: 767px) {
    .container {
        width: 100%;
    }

    .header-t .contact-info {
        width: 100%;
        text-align: center;
    }

    .header-t .contact-info li {
        float: none;
        display: inline-block;
        margin: 0 6px;
    }

    .header-t .social-networks {
        width: 100%;
        text-align: center;
    }

    .header-t .social-networks li {
        float: none;
        display: inline-block;
        margin: 0 5px;
    }

    .banner .banner-text {
        position: relative;
        top: 0;
        padding: 25px 0 55px;
    }

    .banner .flex-direction-nav a {
        top: 50px;
    }

    .banner .banner-text .text-holder {
        padding-left: 0;
    }

    .welcome,
    .section-2,
    .promotional-block,
    .featured,
    .testimonial,
    .our-staff,
    .news {
        padding: 20px 0;
    }

    .section-3 .header,
    .section-2 .header,
    .promotional-block,
    .featured .header,
    .testimonial .text-holder .header,
    .our-staff .header,
    .news .header {
        font-size: 18px;
        line-height: 24px;
    }

    .welcome .text-holder .title,
    .section-2 .header .title,
    .section-3 .header .title,
    .promotional-block .title,
    .featured .header .title,
    .testimonial .text-holder .header .title,
    .our-staff .header .title,
    .news .header .title {
        font-size: 24px;
        line-height: 32px;
    }

    .section-3 {
        padding-top: 20px;
    }

    .section-3 ul li {
        width: 100%;
    }

    .testimonial .text-holder {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .news .post .posted-on {
        margin-right: 15px;
    }

    .site-footer .widget {
        width: 100%;
    }

    .site-footer .column {
        width: 100%;
    }
}


/* Custom Css */

@media(max-width:1024px) {
    .mobile-header .menu-opener {
        border: 0;
        outline: 0;
        padding: 0;
        background: transparent;
    }

    .mobile-header .menu-opener:focus {
        outline: 1px dotted #41aad4;
    }

    .mobile-menu .close {
        position: static;
        top: 28px;
        right: 30px;
        width: 25px;
        height: 20px;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238d8d8d' viewBox='0 0 320 512'%3E%3Cpath d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'/%3E%3C/svg%3E") center center no-repeat;
        cursor: pointer;
        border: 0;
        outline: 0;
        /*padding: 0;*/
    }

    .mobile-menu .close:focus {
        outline: 1px solid #105087;
    }

    .mobile-menu .angle-down {
        border: 0;
        outline: 0;
        padding: 0;
    }

    .mobile-menu .angle-down:focus {
        outline: 1px dotted #41aad4;
    }

    .mobile-menu .contact-info li a {
        border: 0;
    }

    .mobile-menu .contact-info {
        margin: 50px 0px 0px;
    }

    .mobile-menu .contact-info li a {
        display: flex;
        align-items: center;
    }

    .mobile-menu .social-networks {
        margin: 50px 20px 0px;
    }

    .mobile-menu .social-networks li a {
        padding: 18px;
    }
}

@media only screen and (max-width:28.125em) {
    .mobile-menu {
        width: 100%;
    }
}

/* Underline fixes on post and pages */
.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a,
.widget .textwidget a {
    color: #616161;
    text-decoration: underline;
}

.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover,
.widget .textwidget a:hover {
    color: #105087;
    text-decoration: none;
}

html {
    position: unset !important;
}

body {
    padding: 0 !important;
}

body.admin-bar.menu-open {
    padding-top: 46px !important;
}

@media only screen and (min-width:782px) {
    body.admin-bar.menu-open {
        padding-top: 32px !important;
    }
}


/**
 * Styles pour la liste des sous-catégories (category-parent.php)
 *
 * - Chaque sous-catégorie apparaît sous forme de "carte" arrondie
 *   avec effet cartoon (bordure, ombre, survol).
 * - Le design met en avant la couleur principale (#108748).
 */

.subcategories {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  list-style: none;
  padding: 0;
  margin: 2rem 0;
}

.subcategories li {
  flex: 1 1 200px;
  background: #F5F5F5; /* gris clair neutre */
  border: 3px solid #108748; /* vert principal */
  border-radius: 1rem;
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 3px 3px 0px #0B5C32; /* ombre cartoon */
}

.subcategories li a {
  display: block;
  padding: 1.2rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #108748;
  text-decoration: none;
}

.subcategories li:hover {
  transform: translateY(-5px);
  box-shadow: 5px 5px 0px #0B5C32;
  background: #C3E7D5; /* vert pâle (accent clair) */
}

.subcategories li a:hover {
  color: #0B5C32;
}


/*******************************************************/

.archive-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 15px;
}

.archive-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 15px;
    border: 2px solid #ccc;
    overflow: hidden;
    text-decoration: none;
    color: #333;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
    text-align: center;
}

.archive-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.12);
    border-color: #999;
}

.archive-card-image {
    width: 100%;
    flex-shrink: 0;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #f5f5f5;
}

.archive-card-image .archive-img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

.archive-card-content {
    padding: 10px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.archive-card-title {
    font-size: 1.2rem; /* titre plus grand */
    font-weight: 600;
    margin: 0 0 5px;
}

.archive-card-excerpt {
    font-size: 0.85rem;
    color: #555;
    margin: 0;
}

/* Supprime tout surlignement ou changement de couleur au hover */
.archive-card:hover,
.archive-card:hover .archive-card-title,
.archive-card:hover .archive-card-excerpt {
    color: #333;
    text-decoration: none;
}

/********************************************************************************/

/* Conteneur collapsible */
.collapsible {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin: 20px 0;
  clear: both;              
}

/* Bouton */
.collapsible-btn {
  display: block;
  width: auto;          /* auto par défaut */
  max-width: 600px;     /* limite la largeur */
  padding: 12px 20px;
  font-size: 1rem;
  font-weight: 700;
  background: #105087;
  color: white;
  border: 2px solid #ccc;
  border-radius: 15px;
  cursor: pointer;
  text-align: left;
  transition: all 0.6s cubic-bezier(.68,-0.55,.27,1.55);
  transform-origin: left center;
  outline: none;
}

/* Hover bouton fermé */
.collapsible-btn:not(.open):hover {
  background: #1b85e2;
  color: white;
}

/* Supprime focus et active */
.collapsible-btn:focus,
.collapsible-btn:active {
  background: #105087;
  color: white;
  outline: none;
}

/* Bouton ouvert */
.collapsible-btn.open {
  width: 100%;          /* bouton prend toute la largeur du conteneur à l'ouverture */
  font-size: 1.2rem;
  border-radius: 10px;
  background: #105087;
  animation: bounceOpen 0.6s ease;
}

.collapsible-content {
  display: block;
  width: 100%;
  max-width: 600px;
  margin: 2px 0 0 0;
  padding: 0 20px;
  background: #1b85e233;
  color: black;
  border-radius: 10px;
  overflow: hidden;
  opacity: 0;
  max-height: 0;
  transform-origin: top;
  transform: scaleY(0);
  transition: 
    max-height 0.2s ease-in-out,
    opacity 0.2s ease-in-out,
    transform 0.2s ease-in-out;
}

/* Rideau qui descend (fade in) */
.collapsible-content.show {
  opacity: 1;
  max-height: 600px; /* ajuste selon contenu */
  padding: 16px 20px;
  transform: scaleY(1);
}


/* Animations */
@keyframes bounceOpen { 0%{transform:scale(1);} 40%{transform:scale(1.1,0.9);} 70%{transform:scale(0.95,1.05);} 100%{transform:scale(1);} }
@keyframes popContent { 0%{opacity:0; transform:scale(0.9);} 60%{opacity:1; transform:scale(1.05);} 100%{opacity:1; transform:scale(1);} }
@keyframes bounceClose { 0%{transform:scale(1);} 30%{transform:scale(1.05,0.95);} 60%{transform:scale(0.95,1.05);} 80%{transform:scale(1.02,0.98);} 100%{transform:scale(1);} }

/* Responsive : garde width auto et max-width */
@media (max-width: 768px) {
  .collapsible-btn,
  .collapsible-btn.open,
  .collapsible-content {
    max-width: 90%;
  }
}

@media (max-width: 480px) {
  .collapsible-btn,
  .collapsible-btn.open,
  .collapsible-content {
    max-width: 95%;
  }
}



/* ------------------------------ */
/* WooCommerce : produits en carré */
/* ------------------------------ */
/* WooCommerce : produit carré bord à bord avec l'image */
/* WooCommerce : produit carré avec image pleine largeur */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    float: left;
    width: 20%;               /* réduit la taille du carré */
    margin: 0 2% 2.992em 0;   /* espace entre cartes */
    padding: 0;               /* pas d’espace interne */
    position: relative;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

/* Supprimer padding/marge du lien contenant l'image */
.woocommerce ul.products li.product a,
.woocommerce-page ul.products li.product a {
    display: block;
    /*padding: 0;
    margin: 0;*/
}

/* Image produit pleine largeur */
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
	max-width: 100%;	
    height: auto;
    display: block;
    border-radius: 0;
    transition: transform 0.3s ease;
	margin: 0 !important;
	border-radius: 10px 10px 0px 0px !important;
}

/* Hover */
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.4);
}

.woocommerce ul.products li.product:hover a img,
.woocommerce-page ul.products li.product:hover a img {
    transform: scale(1.05);
}

/* Titre et prix centrés */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    text-align: center;
    margin: 10px 0;
}

/* Responsive : tablette */
@media (max-width: 768px) {
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 48%;
        margin: 0 2% 2em 0;
    }
}

/* Responsive : mobile */
@media (max-width: 480px) {
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 95%;
        margin: 0 0 2em 0;
    }
}

/* Titre du produit */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    color: #333;
    margin: 10px 0 5px 0;
    line-height: 1.2em;
}

/* Prix du produit */
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    font-size: 1.1rem;
    font-weight: 700;
    color: #105087; /* accent couleur bleu */
    text-align: center;
    margin-bottom: 10px;
    display: block;
}

/* Bouton Ajouter au panier - plein largeur */
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce-page ul.products li.product .button.add_to_cart_button {
    display: block;
    width: 94%;
    padding: 12px 0;
    margin: 10px auto;
    font-size: 0.75rem;
    font-weight: 600;
    color: #fff;
    background-color: #105087;
    border: none;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    text-decoration: none;
}

/* Hover effet Shopify */
.woocommerce ul.products li.product .button.add_to_cart_button:hover,
.woocommerce-page ul.products li.product .button.add_to_cart_button:hover {
    background-color: #1b85e2;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

/* Bouton Aperçu rapide - centré et harmonisé */
.woolentor-quickview-btn {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto;
    padding: 6px 12px;
    font-size: 0.9rem;
    font-weight: 600;
    background-color: #105087;
    color: #fff;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 5px auto 0 auto; /* centrer horizontalement */
}

/* Hover Aperçu rapide */
.woolentor-quickview-btn:hover {
    background-color: #1b85e2;
    transform: translateY(-1px);
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
	color: white;
}

/* Centrer le bouton Aperçu rapide */
.woolentor-quickview-btn-area {
    display: flex;           /* active le flex pour le conteneur */
    justify-content: center; /* centre horizontalement le bouton à l'intérieur */
    width: 100%;             /* prend toute la largeur du produit */
    margin-top: 5px;         /* petit espace au-dessus */
}

/* Conteneur boutons alignés sous le produit */
.woocommerce ul.products li.product .buttons,
.woocommerce-page ul.products li.product .buttons {
    display: flex;
    flex-direction: column; /* empile verticalement */
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    margin-top: 5px;
}

.woocommerce #respond input#submit, .woocommerce a.added_to_cart, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    background: #105087 !important;
	text-align: center;
	width: 94%;
	margin: 5px auto;
}

/* style pour le bouton transformé après ajout au panier */
.added-to-cart-button {
  display: block;
  text-align: center;
  background: #28a745;
  color: #fff !important;
  font-weight: 700;
  padding: 10px 12px;
  border-radius: 8px;
  transition: background 0.25s ease, transform 0.12s ease;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}
.added-to-cart-button:hover {
  background: #218838;
  transform: translateY(-2px);
  text-decoration: none;
  color: #fff !important;
}

.added-to-cart-button {
  display: block !important;
  width: 100% !important;
  padding: 14px 18px !important;
  text-align: center !important;
  background-color: #1b85e2 !important;
  color: #fff !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  transition: all 0.3s ease !important;
  font-size: 1rem !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
}

.added-to-cart-button:hover {
  background-color: #105087 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 12px rgba(0,0,0,0.15) !important;
}

/*************************************  Menu  *******************************************************/

/* ================================
   CONTENEUR GLOBAL (HEADER + MENU)
   ================================ */
   
.site-header {
  padding: 0 !important;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
  
}   
   
.site-header,
.header-b {
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 1000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 20px;
  background: #105087;
  box-sizing: border-box;
}

.header-b .container {
  margin: 0;
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* ================================
   NAVIGATION PRINCIPALE
   ================================ */
.main-navigation {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  /* height: 66px;*/
  width: 100%;
}

/*.menu-menu-container {
  height: 66px;
}*/

/* UL principale */
.main-navigation ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
  gap: 10px;
}

/* LI */
.main-navigation li {
  position: relative;
  margin: 0;
  padding: 0;
}

/* ================================
   LIENS PRINCIPAUX
   ================================ */
.main-navigation a {
  display: block;
  padding: 12px 18px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.menu-item.menu-item-20 a {  
  transition: none;
}

/* Effets hover fun */
.main-navigation a:hover,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
  background: #fff;
  color: #105087;
  box-shadow: 0 3px 6px rgba(0,0,0,0.08);
}

/* ================================
   SOUS-MENUS
   ================================ */
.main-navigation .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #eee;
  min-width: 200px;
  box-shadow: 0 6px 12px rgba(0,0,0,0.1);
  padding: 8px 0;
  z-index: 1000;
}

.main-navigation .sub-menu li {
  position: relative;
}

.main-navigation .sub-menu a {
  padding: 10px 16px;
  font-size: 15px;
  font-weight: 500;
  color: #444;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.main-navigation .sub-menu a:hover {
  background: #105087f5;
  color: #fff;
  /*transform: translateX(5px);*/
}

/* Affichage sous-menu au survol */
.main-navigation li:hover > .sub-menu {
  display: block;
  animation: fadeIn 0.3s ease-in-out;
}

/* SOUS-SOUS-MENU (niveau 2) */
.main-navigation .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  border-radius: 10px;
}

/* Flèche ▼ */

/*.main-navigation ul li.menu-item-has-children > a::after {
  content: "▾";
  font-size: 14px;
  margin-left: 6px;
  color: #aaa;
  transition: transform 0.3s ease, color 0.3s ease;
}*/

.main-navigation li:hover > a::after {
  transform: rotate(180deg);
  color: #ff6b35;
}

/* Animation fade-in */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1024px) {
 .menu-menu-container{
	  height: 100%;
  }
}


/* ================================
   MENU MOBILE LUDIQUE
   ================================ */
@media (max-width: 1024px) {

  /* Fond overlay derrière le menu */
  .mobile-menu {
    display: none; /* caché par défaut */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent; /* pas de fond laiteux */
    z-index: 9998;
  }

  .mobile-menu.show {
    display: block;
  }

  /* Menu latéral */
  .primary-menu-list.main-menu-modal {
    position: fixed;
    top: 0;
    right: 0;
    width: 260px;
    height: 100%;
    background: #fff; /* fond très clair */
    box-shadow: -4px 0 15px rgba(0,0,0,0.2);
    border-radius: 16px 0 0 16px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    z-index: 9999;
  }

  .primary-menu-list.show-modal.active {
    transform: translateX(0);
  }

  /* Bouton fermeture */
  .close-main-nav-toggle {
    display: block;
    background: #105087;
    color: #fff;
    border: none;
    border-radius: 8px;
    width: 36px;
    height: 36px !important;;
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 15px;
    align-self: flex-end;
    transition: all 0.3s ease;
  }

  .close-main-nav-toggle:hover {
    background: #105087;
    transform: scale(1.1);
	color: #fff;
  }

  /* Liens principaux */
  #primary-menu li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 10px;
    margin-bottom: 8px;
    font-size: 17px;
    font-weight: 600;
    color: #105087; 
    background: #fff; /* fond clair */
    border-radius: 8px;
    border: 2px solid #ff8c42; /* bordure orange */
    transition: all 0.3s ease;
  }

  #primary-menu li a:hover {
    background: #ffefd5; /* léger survol orange très clair */
    transform: scale(1.03);
  }

  /* Sous-menu */
  #primary-menu li .sub-menu {
    display: none;
    flex-direction: column;
    margin-top: 4px;
    padding-left: 10px;
  }

  /* Sous-menu ouvert */
  #primary-menu li.open > .sub-menu {
    display: flex;
  }

  /* Bouton angle-down */
  #primary-menu li.menu-item-has-children > button.angle-down {
    background: none;
    border: none;
    font-size: 18px;
    color: #ff8c42; /* orange */
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  #primary-menu li.open > button.angle-down {
    transform: rotate(90deg);
  }

  /* Liens sous-menu */
  #primary-menu li .sub-menu li a {
    padding-left: 10px;
    background: #fff; /* fond clair */
    color: #ff8c42; /* texte orange */
    margin-bottom: 4px;
    border-radius: 6px;
    border: 2px solid #ff8c42; /* bordure orange */
  }

  #primary-menu li .sub-menu li a:hover {
    background: #ffefd5; /* léger survol */
    transform: scale(1.03);
  }

  /* Animation fadeIn */
  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  

  .primary-menu-list.main-menu-modal {
    position: fixed;
    top: 0;
    right: 0;
    width: 280px;        /* largeur du menu */
    height: 100vh;       /* prend toute la hauteur visible */
    overflow-y: auto;    /* scroll vertical si contenu dépasse */
    background: #fff;    /* fond clair */
    border-left: 2px solid #e2781b; /* bordure orange */
    box-shadow: -4px 0 15px rgba(0,0,0,0.2);
    border-radius: 0;    /* tu peux garder ou enlever selon ton style */
    padding: 20px;
    z-index: 9999;
  }

  /* style scrollbar (facultatif, plus joli) */
  .primary-menu-list.main-menu-modal::-webkit-scrollbar {
    width: 6px;
  }
  .primary-menu-list.main-menu-modal::-webkit-scrollbar-thumb {
    background: #e2781b; 
    border-radius: 3px;
  }
  .primary-menu-list.main-menu-modal::-webkit-scrollbar-track {
    background: #f5f5f5;
  }

  
}


/*     Woocommerce      */


.container-cart{
	width: 85% !important;
}

.container-cart #primary{
	width: 100% !important;
}


.woocommerce_cart {    
    width: 100% !important;    
}

/* === Style global panier === */
.wp-block-woocommerce-cart {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  color: #333;
  background: #fff;
  padding: 2rem;
  line-height: 1.5;
}

/* === Table produits === */
.wc-block-cart-items {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1.5rem;
}

.wc-block-cart-items thead {
  display: none; /* cacher l'entête */
}

/* === Lignes produits === */
.wc-block-cart-items__row {
  border-bottom: 1px solid #ddd;
  padding: 0.5rem 0;
  transition: background 0.2s ease;
}

.wc-block-cart-items__row:hover {
  background: #f0f0f0;
}

/* === Cellules === */
.wc-block-cart-items td {
  padding: 0.8rem;
  vertical-align: middle;
  border: none; /* pas de bordure individuelle */
}

/* === Image produit === */
.wc-block-cart-item__image img {
  /*width: 60px;
  height: 60px;*/
  max-width: 100% !important;
  /*max-height: 27%;*/
  /*object-fit: cover;*/
  border-radius: 6px;
}

.wc-block-cart-item__image {
	max-width: 32px;
}

.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
   
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij48cGF0aCBkPSJNMTg2LjEgMjAuNmMtLjguMi0yLjQuOS0zLjUgMS42LTEuMS43LTEzLjMgMTIuNS0yNy4xIDI2LjNsLTI1LjEgMjUuMkg3MS41Yy00Ny42IDAtNTkgLjEtNTkuNy43QzEwLjMgNzUuNSAxMCA3Ny41IDEwIDg2YzAgMTEgLjMgMTEuNiA1LjggMTEuNyAxLjcgMCAzLjEuMSAzLjEuNCAwIDIuMSAxNC4yIDk4LjkgMTQuNyAxMDAuMyAxLjcgNC45IDUuMyA4LjggMTAuNiAxMS40bDMuNSAxLjcgMzYuOS4xIDM2LjkuMSAxLjMtMS41YzEuNS0xLjcgMS40LTMuNy0uMy01LjMtLjktLjktMS43LS45LTM3LjItMS4yLTQwLjYtLjMtMzggMC00MS42LTMuOC0xLTEuMS0yLjItMi44LTIuNi0zLjktLjYtMS41LTE0LjQtOTUuOS0xNC40LTk4LjEgMC0uMiA0My43LS4zIDk3LjEtLjMgODEuNyAwIDk3LjEuMSA5Ny4xLjcgMCAuMy0uOCA1LjctMS42IDEyLS45IDYuMy0xLjYgMTEuOS0xLjYgMTIuNSAwIDEuNiAyIDMuNCAzLjcgMy40LjggMCAyLS41IDIuNy0xLjEgMS4yLTEgMS4zLTEuNiAzLjEtMTMuNyAxLTcgMS45LTEzIDIuMS0xMy4zLjEtLjQgMS4yLS42IDMtLjYgNS41IDAgNS43LS40IDUuNy0xMiAwLTkuMS0uMy0xMS0yLjEtMTEuNy0uNC0uMS0xNi4yLS4zLTM1LS4zcy0zNC4yLS4xLTM0LjItLjMgNy41LTcuOCAxNi42LTE3YzExLjYtMTEuNiAxNi44LTE3LjIgMTcuNC0xOC41IDEuOS00LjQuOC0xMC41LTIuNi0xMy44LTIuOC0yLjgtOC4yLTQuMy0xMi0zLjN6bTUuNCA4LjNjMS42LjggMi42IDMgMi4yIDQuOC0uMiAxLTguMSA5LjEtMjcuNiAyOC43bC0yNy40IDI3LjQtNi40LS4xLTYuNC0uMUwxNTYuNSA1OWMyOC4xLTI4LjEgMzAuNy0zMC42IDMyLjEtMzAuNi45LS4yIDIuMi4xIDIuOS41em0tNzMuMSA1Ni43LTQgNEgxOHYtOGgxMDQuNGwtNCA0em0xMTEuNyAwdjRoLTgwbDQtNCA0LTRoNzJ2NHoiLz48cGF0aCBkPSJNNDguNiAxMjMuMmMtMS42IDEuMS0yLjEgMi44LTEuMyA0LjYgMSAyLjQgMi4zIDIuNyAxMi40IDIuNWw5LjEtLjEgMS4xLTEuM2MxLjUtMS43IDEuNS0zLjggMC01LjMtMS4xLTEuMi0xLjItMS4yLTEwLjctMS4yLTggLjEtOS43LjItMTAuNi44ek04MC42IDEyMy42Yy0xLjUgMS41LTEuNSAzLjUgMCA1LjNsMS4xIDEuMyA4LjguMWM0LjguMSA5LjMgMCA5LjktLjEgMy4xLS44IDQuMS00LjkgMS43LTYuOC0xLjItLjktMS44LTEtMTAuOC0xLTkuNS4xLTkuNi4xLTEwLjcgMS4yek0xMTMgMTI0Yy0xLjUgMS43LTEuNCAzLjcuMiA1LjMuOS44IDEuNy45IDEwLjIgMS4xIDEwLjEuMSAxMS4xLS4xIDEyLjItMi40LjgtMS41LjQtMy4yLS45LTQuNS0uOS0uOS0xLjYtLjktMTAuNy0uOWgtOS43TDExMyAxMjR6TTE0NS44IDEyMy42Yy0xLjUgMS40LTEuNiA0LS4zIDUuMyAxLjkgMS45IDcuNyAxLjkgOS43IDAgMS41LTEuNSAxLjUtMy44IDAtNS4zLTEtMS0xLjUtMS4yLTQuNy0xLjJzLTMuNy4yLTQuNyAxLjJ6TTE4Ni44IDEzMC45Yy0xNy43IDIuMy0zNCAxNC4xLTQxLjQgMzAuMi0xMy44IDI5LjggMi43IDY0LjYgMzQuNyA3My4zIDQuMyAxLjIgNS40IDEuMyAxMy4xIDEuM3M4LjgtLjEgMTMuMS0xLjNjMTUuMi00LjEgMjcuMy0xNCAzNC4yLTI3LjggNi4yLTEyLjMgNy4xLTI3LjUgMi41LTQwLjUtMi43LTcuNy02LjEtMTMuMi0xMS43LTE5LTgtOC40LTE2LjYtMTMuMS0yNy45LTE1LjUtMy45LS45LTEyLjQtMS4yLTE2LjYtLjd6bTE3LjQgOC45YzE1LjUgMy44IDI4LjIgMTYuNCAzMi42IDMyLjIuOCAzLjEgMSA1IDEgMTEuNSAwIDcuMS0uMSA4LjEtMS4zIDEyLTQuNCAxNC40LTE0LjUgMjUuMi0yOCAzMC02LjEgMi4yLTEwLjUgMi44LTE3LjQgMi41LTE2LjgtLjctMzEtMTAuMi0zOC40LTI1LjgtMy4xLTYuNS0zLjktMTAuMi0zLjktMTguNiAwLTYuMS4xLTcuOSAxLTExLjIgMy4yLTEyIDExLjEtMjIuMSAyMS43LTI4LjIgMy42LTIgOS42LTQuMSAxMy45LTUgNC44LTEgMTMuNi0uNyAxOC44LjZ6Ii8+PHBhdGggZD0iTTE3NC42IDE2My45Yy0xLjIuOS0xLjggMy0xLjIgNC41LjIuOCAzLjYgNC40IDcuNCA4LjNsNi45IDYuOS03LjMgNy4zYy02LjYgNi42LTcuMiA3LjQtNy4yIDguOSAwIDIuOSAzIDQuOCA1LjQgMy42LjYtLjMgNC4xLTMuNiA3LjktNy4zbDYuOC02LjggNi42IDYuNmMzLjYgMy42IDcuMiA2LjkgNy45IDcuMyAyLjcgMS40IDUuNy0uNCA1LjctMy40IDAtMS41LS43LTIuMy03LjItOC45bC03LjItNy4zIDcuMS03LjFjNC4xLTQuMiA3LjItNy43IDcuNC04LjQuNC0xLjUtLjctMy45LTEuOS00LjQtLjQtLjEtMS41LS4zLTIuMy0uMy0xLjMgMC0yLjQuOS04LjUgNy0zLjggMy44LTcuMiA3LTcuNSA3LS4zIDAtMy43LTMuMi03LjUtNy02LjQtNi40LTcuMi03LTguNy03LTEuMS0uMS0yLjIuMi0yLjYuNXpNNDguNiAxNDcuNmMtLjYuNC0xLjMgMS4zLTEuNSAxLjktLjYgMS42LjYgNC4zIDIuMyA0LjkuOC4zIDQuOC40IDEwLjQuM2w5LjEtLjEgMS4yLTEuNGMuOS0xLjEgMS4xLTEuNy45LTMuMS0uNS0zLjEtMS4xLTMuMy0xMS43LTMuMy04LjEuMS05LjguMi0xMC43Ljh6TTgwLjYgMTQ4Yy0xLjYgMS41LTEuNiAzLjkgMCA1LjQgMS4yIDEuMSAxLjUgMS4xIDkuOSAxLjMgNC44LjEgOS4yIDAgOS44LS4xIDMuMS0uOCA0LjEtNC45IDEuNy02LjgtMS4yLS45LTEuOC0xLTEwLjgtMS05LjQuMS05LjUuMS0xMC42IDEuMnpNMTEzIDE0OC40Yy0xLjUgMS43LTEuNCAzLjcuMyA1LjMuOC44IDEuNS45IDguNy45aDcuOGwxLjEtMS4zYzEuNS0xLjcgMS41LTMuOCAwLTUuMy0xLjEtMS4yLTEuMy0xLjItOC45LTEuMmgtNy43bC0xLjMgMS42ek00OC4yIDE3Mi40Yy0xLjcgMS40LTEuOCA0LS4zIDUuNiAxIDEgMS40IDEgMTAuOSAxaDkuOWwxLjItMS40Yy45LTEuMSAxLjEtMS43LjktMy4xLS41LTMuMi0xLjEtMy4zLTExLjgtMy4zLTkuNC4xLTkuNS4xLTEwLjggMS4yek04MC42IDE3Mi40Yy0xLjcgMS43LTEuNiA0IC4zIDUuNiAxLjUgMS4yIDEuNSAxLjIgMTAuMyAxLjIgMTEgMCAxMi4yLS40IDEyLjItNC4zIDAtLjgtLjUtMS44LTEuMi0yLjUtMS4xLTEuMi0xLjItMS4yLTEwLjgtMS4yLTkuNi4xLTkuNy4xLTEwLjggMS4yek0xMTMuMSAxNzIuN2MtMS4yIDEuMi0xLjQgMS43LTEuMSAzIC42IDIuNyAxLjcgMy40IDUuOSAzLjRzNS4zLS43IDUuOS0zLjRjLjItMS4zIDAtMS43LTEuMS0zLTEuMy0xLjMtMS43LTEuNC00LjgtMS40LTMuMSAwLTMuNC4xLTQuOCAxLjR6Ii8+PC9zdmc+) !important;
    
    mask-size: 3em !important;
    width: 3em !important;
	height: 3em !important;
}

.wc-block-cart__empty-cart__title{
	font-size: 30px !important;
}


/****************    icone panier menu navigation  ***************/


/* Masquer le texte et afficher une icône panier vide */
.menu-item-20 > a {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  text-indent: -9999px; /* cache le texte Panier */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2Ij48ZyBjbGFzcz0ibGF5ZXIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik04NS45IDIxMi4xYy05LjMgMC0xNi44IDcuNS0xNi44IDE2LjhzNy41IDE2LjggMTYuOCAxNi44IDE2LjgtNy41IDE2LjgtMTYuOC03LjYtMTYuOC0xNi44LTE2Ljh6bTExNy43IDBjLTkuMyAwLTE2LjggNy41LTE2LjggMTYuOHM3LjUgMTYuOCAxNi44IDE2LjggMTYuOC03LjUgMTYuOC0xNi44LTcuNS0xNi44LTE2LjgtMTYuOHptMTYuNy04LjRIODMuN2MtMTIuMSAwLTIyLjgtOS42LTI0LjMtMjEuOEw0NS4xIDgxLjQgMzcgMzQuNWMtLjUtNC4xLTQuMi03LjQtNy45LTcuNEgxOC40Yy00LjYgMC04LjQtMy44LTguNC04LjQgMC00LjYgMy44LTguNCA4LjQtOC40aDEwLjdjMTIuMyAwIDIzIDkuNiAyNC41IDIxLjhsOC4xIDQ2LjdMNzYgMTc5LjdjLjUgMy45IDQgNy4yIDcuNiA3LjJoMTM2LjZjNC42IDAgOC40IDMuOCA4LjQgOC40LjEgNC42LTMuNiA4LjQtOC4zIDguNHpNOTQuMiAxNzAuMWMtNC40IDAtOC4xLTMuNC04LjQtNy44LS4zLTQuNiAzLjEtOC43IDcuOC05bDExNC4xLTguNGM0LjIgMCA3LjctMy4zIDguMi03LjFMMjI5LjEgNjJjLjMtMi44LS40LTUuOS0yLjEtNy45LTEuMS0xLjItMi41LTEuOS00LTEuOUg3Ny4zYy00LjYgMC04LjQtMy44LTguNC04LjQgMC00LjYgMy44LTguNCA4LjQtOC40aDE0NS42YzYuNCAwIDEyLjMgMi43IDE2LjYgNy41IDQuOSA1LjUgNy4yIDEzLjQgNi4yIDIxLjVsLTEzLjMgNzUuOGMtMS40IDExLjgtMTIuMSAyMS40LTI0LjIgMjEuNEw5NC44IDE3MGMtLjIgMC0uNC4xLS42LjF6Ii8+PC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: contain;
}

.menu-item-20 a:hover {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  text-indent: -9999px; /* cache le texte Panier */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij48cGF0aCBkPSJNODUuOSAyMTIuMWMtOS4zIDAtMTYuOCA3LjUtMTYuOCAxNi44czcuNSAxNi44IDE2LjggMTYuOCAxNi44LTcuNSAxNi44LTE2LjgtNy42LTE2LjgtMTYuOC0xNi44em0xMTcuNyAwYy05LjMgMC0xNi44IDcuNS0xNi44IDE2LjhzNy41IDE2LjggMTYuOCAxNi44IDE2LjgtNy41IDE2LjgtMTYuOC03LjUtMTYuOC0xNi44LTE2Ljh6bTE2LjctOC40SDgzLjdjLTEyLjEgMC0yMi44LTkuNi0yNC4zLTIxLjhMNDUuMSA4MS40IDM3IDM0LjVjLS41LTQuMS00LjItNy40LTcuOS03LjRIMTguNGMtNC42IDAtOC40LTMuOC04LjQtOC40IDAtNC42IDMuOC04LjQgOC40LTguNGgxMC43YzEyLjMgMCAyMyA5LjYgMjQuNSAyMS44bDguMSA0Ni43TDc2IDE3OS43Yy41IDMuOSA0IDcuMiA3LjYgNy4yaDEzNi42YzQuNiAwIDguNCAzLjggOC40IDguNC4xIDQuNi0zLjYgOC40LTguMyA4LjR6TTk0LjIgMTcwLjFjLTQuNCAwLTguMS0zLjQtOC40LTcuOC0uMy00LjYgMy4xLTguNyA3LjgtOWwxMTQuMS04LjRjNC4yIDAgNy43LTMuMyA4LjItNy4xTDIyOS4xIDYyYy4zLTIuOC0uNC01LjktMi4xLTcuOS0xLjEtMS4yLTIuNS0xLjktNC0xLjlINzcuM2MtNC42IDAtOC40LTMuOC04LjQtOC40IDAtNC42IDMuOC04LjQgOC40LTguNGgxNDUuNmM2LjQgMCAxMi4zIDIuNyAxNi42IDcuNSA0LjkgNS41IDcuMiAxMy40IDYuMiAyMS41bC0xMy4zIDc1LjhjLTEuNCAxMS44LTEyLjEgMjEuNC0yNC4yIDIxLjRMOTQuOCAxNzBjLS4yIDAtLjQuMS0uNi4xeiIvPjwvc3ZnPg==) !important;
  background-repeat: no-repeat;
  background-size: contain;
}

.main-navigation .current_page_item.menu-item-20 a {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  text-indent: -9999px; /* cache le texte Panier */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij48cGF0aCBkPSJNODUuOSAyMTIuMWMtOS4zIDAtMTYuOCA3LjUtMTYuOCAxNi44czcuNSAxNi44IDE2LjggMTYuOCAxNi44LTcuNSAxNi44LTE2LjgtNy42LTE2LjgtMTYuOC0xNi44em0xMTcuNyAwYy05LjMgMC0xNi44IDcuNS0xNi44IDE2LjhzNy41IDE2LjggMTYuOCAxNi44IDE2LjgtNy41IDE2LjgtMTYuOC03LjUtMTYuOC0xNi44LTE2Ljh6bTE2LjctOC40SDgzLjdjLTEyLjEgMC0yMi44LTkuNi0yNC4zLTIxLjhMNDUuMSA4MS40IDM3IDM0LjVjLS41LTQuMS00LjItNy40LTcuOS03LjRIMTguNGMtNC42IDAtOC40LTMuOC04LjQtOC40IDAtNC42IDMuOC04LjQgOC40LTguNGgxMC43YzEyLjMgMCAyMyA5LjYgMjQuNSAyMS44bDguMSA0Ni43TDc2IDE3OS43Yy41IDMuOSA0IDcuMiA3LjYgNy4yaDEzNi42YzQuNiAwIDguNCAzLjggOC40IDguNC4xIDQuNi0zLjYgOC40LTguMyA4LjR6TTk0LjIgMTcwLjFjLTQuNCAwLTguMS0zLjQtOC40LTcuOC0uMy00LjYgMy4xLTguNyA3LjgtOWwxMTQuMS04LjRjNC4yIDAgNy43LTMuMyA4LjItNy4xTDIyOS4xIDYyYy4zLTIuOC0uNC01LjktMi4xLTcuOS0xLjEtMS4yLTIuNS0xLjktNC0xLjlINzcuM2MtNC42IDAtOC40LTMuOC04LjQtOC40IDAtNC42IDMuOC04LjQgOC40LTguNGgxNDUuNmM2LjQgMCAxMi4zIDIuNyAxNi42IDcuNSA0LjkgNS41IDcuMiAxMy40IDYuMiAyMS41bC0xMy4zIDc1LjhjLTEuNCAxMS44LTEyLjEgMjEuNC0yNC4yIDIxLjRMOTQuOCAxNzBjLS4yIDAtLjQuMS0uNi4xeiIvPjwvc3ZnPg==) !important;
  background-repeat: no-repeat;
  background-size: contain;
}


.menu-item-20 .cart-count {
  position: absolute;
  top: -6px;
  right: -10px;
  background: #ff4a00;
  color: white;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 3px 6px;
  border-radius: 50%;
  min-width: 20px;
  text-align: center;
  text-indent: 0;
}

/* === Nom produit === */
.wc-block-components-product-name {
  color: #333;
  font-weight: 600;
  text-decoration: none;
  font-size: 0.95rem;
}

.wc-block-components-product-name:hover {
  color: #0a7cff;
}

/* === Description produit === */
.wc-block-components-product-metadata__description {
  color: #777;
  font-size: 0.8rem;
  margin-top: 0.2rem;
}

/* === Prix produit === */
.wc-block-components-product-price__value {
  color: #111;
  font-weight: 700; /* plus gras */
  font-size: 1rem;
}

/* === Bloc quantité + bouton supprimer === */
.wc-block-cart-item__quantity {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  margin-top: 0.3rem;
}

/* Sélecteur compact */
.wc-block-components-quantity-selector__input {
  width: 35px;
  height: 24px;
  font-size: 0.8rem;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0.1rem;
}

.wc-block-components-quantity-selector__button {
  background: #f5f5f5;
  color: #333;
  border: 1px solid #ccc;
  padding: 0.15rem 0.35rem;
  cursor: pointer;
  border-radius: 4px;
  font-size: 0.7rem;
  line-height: 1;
}

.wc-block-components-quantity-selector__button:hover {
  background: #0a7cff;
  color: #fff;
  border-color: #0a7cff;
}

/* Bouton supprimer aligné à droite du sélecteur */
.wc-block-cart-item__remove-link {
  margin-left: auto;
  background: transparent;
  border: 1px solid #ff5555;
  color: #ff5555;
  padding: 0.2rem 0.6rem;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.75rem;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.wc-block-cart-item__remove-link:hover {
  background: #ff5555;
  color: #fff;
  border-color: #ff5555;
}


/* === Cross-sells / suggestions === */
.wp-block-woocommerce-cart-cross-sells-block {
  margin-top: 3rem;
}

.wp-block-woocommerce-cart-cross-sells-block h2{
  font-size: 30px !important;
}

.wp-block-cart-cross-sells-product__product-image img {
  width: 100%;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.wp-block-cart-cross-sells-product__product-image img:hover {
  transform: scale(1.05);
}

.wp-block-cart-cross-sells-product__product-title a {
  color: #333 !important;
  font-weight: 600 !important;
  text-decoration: none; /* supprime le soulignement */
  font-size: 25px !important;
}

.wp-block-cart-cross-sells-product__product-title a:hover {
  color: #0a7cff;
}

.wp-block-cart-cross-sells-product__product-add-to-cart .wp-block-button__link {
  background: #0a7cff;
  color: #fff;
  padding: 0.65rem 1rem;
  border-radius: 6px;
  font-weight: 600;
  transition: all 0.2s ease;
  font-size: 13px !important;
}

.wp-block-cart-cross-sells-product__product-add-to-cart .wp-block-button__link:hover {
  background: #005bb5;
}

/* === Sidebar totals === */
.wc-block-cart__sidebar {
  background: #f9f9f9;
  padding: 0rem 2rem 0rem 2rem;
  border-radius: 12px;
  position: sticky;
  top: 135px;
  max-width: 350px;
  max-height: 155px;
}

.wc-block-cart__sidebar p{
  font-size:0.7rem;
  margin-left: 4px;
}


/* Totals */
.wc-block-components-totals-item__label {
  color: #555;
  font-size: 0.9rem;
}

.wc-block-components-totals-item__value {
  color: #333;
  font-weight: 600;
  font-size: 1.1rem;
}

.wc-block-components-totals-wrapper {
    border-top: 0 !important;
    padding: 16px 0 0 0 ! important;
}

/* === Bouton checkout === */
.wc-block-cart__submit-button {
  display: block;
  width: 100%;
  background: #105087; /* couleur unique */
  color: #fff!important;
  font-weight: 700;
  text-align: center;
  padding: 1rem;
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.2s ease;
  text-decoration: none !important;
}

.wc-block-cart__submit-button:hover {
  background:#0b365a;
}

.wc-block-cart-item__wrap{
	margin-left: 12px
}

.wc-block-cart-item__prices {
    display: none;
}

.wc-block-cart .wp-block-woocommerce-cart-order-summary-block {
    border: 0 !important;
	margin-bottom : 0 !important;
}

/* Masquer complètement l'entête du tableau panier */
.wc-block-cart-items thead {
    display: none;
}


.wc-block-components-sidebar-layout {    
    justify-content: space-between;
}

/* === Version mobile === */
@media (max-width: 768px) {
  .wc-block-cart__sidebar {
    position: static;
    margin-top: 2rem;
  }
  .wc-block-cart__submit {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1rem;
    background: #fff;
    z-index: 999;
  }
  .wc-block-cart__submit-button {
    border-radius: 0;
  }
}















/**********************************************************************************************/

/*    Barre latérale   */

.woocommerce ul.cart_list li::after, .woocommerce ul.cart_list li::before, .woocommerce ul.product_list_widget li::after, .woocommerce ul.product_list_widget li::before {
    display: none;
}

.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li {
    
    padding: 4px;
	border: 1px solid #919191;
	min-height: 50px;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
    top: 8px !important;
}

.woocommerce a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
	display: block !important;
    position: static !important;
    line-height: 0.59em !important;
    border: 1px solid;
    font-size: 1.2em !important;
    height: 14px;
    width: 14px;
    margin-right: 10px;
}

/* Conteneur général de la sidebar */
#secondary {
    background-color: #fff;
    padding: 20px 20px 0px 20px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

#secondary .widget-title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
	border-bottom: 1px solid #000;
}


/* Titres des widgets */
.widget-title {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 15px;
    /* border-bottom: 2px solid #f1f1f1; */
    padding-bottom: 5px;
    color: #333;
}

/* Liste des produits du panier et derniers produits */
.woocommerce-mini-cart .mini_cart_item,
.widget_recently_viewed_products .product_list_widget li {
    display: flex !important;
    align-items: center;
	justify-content: flex-start;
	justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px !important;
    padding: 8px;
    border-radius: 10px;
    transition: background 0.3s;
}

.woocommerce-mini-cart .mini_cart_item:hover,
.widget_recently_viewed_products .product_list_widget li:hover {
    background-color: #e9e6ed;
}

/* Images produits */
.woocommerce-mini-cart img,
.widget_recently_viewed_products img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
}

/* Titres et quantités */
.mini_cart_item a,
.product_list_widget .product-title {
    color: #333;
    font-weight: 500;
    text-decoration: none;
}

.footer-t .mini_cart_item a,
.product_list_widget .product-title {
    color: #fff;
    font-weight: 500;
    text-decoration: none;
}

.footer-t .amount{
    display: none;
}


.mini_cart_item .quantity {
    font-size: 0.9rem;
    color: #666;
	min-width: 75px;
	white-space: nowrap;
    margin-left: auto;
}

/* Boutons du panier */
.woocommerce-mini-cart__buttons a.button {
    display: inline-block;
    
    margin-top: 10px;
    margin-right: 2%;
    padding: 10px;
    font-size: 0.95rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    background: linear-gradient(135deg, #6a82fb, #fc5c7d);
    transition: transform 0.2s, box-shadow 0.2s;
}

.woocommerce-mini-cart__buttons a.button.checkout {
    background: linear-gradient(135deg, #43e97b, #38f9d7);
}

.woocommerce-mini-cart__buttons a.button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.1);
}

/* Sous-total */
.woocommerce-mini-cart__total {
    font-weight: 600;
    margin-top: 10px;
	margin-bottom: 6px;
    color: #222;
	padding: 6px 28px 0 !important;
}


#acc-content{
	background: #e9e6ed;
}



/**********************************************/

/******      Facture       *****/

body.page-id-9 #acc-content a{
	/*width:100%;*/
}

body.page-id-9 #acc-content #primary{
	width:100%;
}


/*  bouton achat à la fin des article */




.pdf-offre-container {
	display: flex;
	flex-direction: column;
    border: 1px solid #e0e0e0;
    padding: 25px;
    margin: 30px auto;
    text-align: center;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(0,0,0,0.1);
    max-width: 600px; /* prend plus de place */
    transition: transform 0.2s ease;
}

.pdf-offre-container:hover {
    transform: translateY(-4px);
}

.pdf-offre-title {
	
    margin-bottom: 15px;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #333 !important;
}

.pdf-offre-image img {
    max-width: 80px; /* image plus petite */
    border-radius: 6px;
    margin-bottom: 15px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.pdf-offre-desc {
    font-size: 1rem;
    color: #555;
    margin-bottom: 12px;
}

.pdf-offre-prix {
    font-weight: 600;
    color: #1e73be;
    margin-bottom: 20px;
}

.pk-btn-pdf {
    display: inline-block;
    padding: 14px 35px;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #ff6f61;
    color: #fff;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.3s, transform 0.2s;
    text-align: center;
}

.pk-btn-pdf:hover {
    background: #ff3b2e;
    transform: translateY(-2px);
}

.pk-btn-pdf:active {
    transform: translateY(0);
}

@media (max-width: 480px) {
    .pdf-offre-container {
        padding: 20px;
        max-width: 90%;
    }
    .pdf-offre-title {
        font-size: 1.3rem;
    }
    .pdf-offre-desc {
        font-size: 0.95rem;
    }
    .pk-btn-pdf {
        width: 100%; /* bouton plein largeur mobile */
        padding: 14px 0;
    }
}



/*********     pop-up pour le bouton achat à la fin des articles     *********/

/* Overlay semi-transparent full screen */
.pk-popup-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.6); /* sombre et transparent */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
  padding: 20px; /* espace sur mobile */
  backdrop-filter: blur(6px); /* effet flou derrière */
}

/* Popup content box */
.pk-popup-content {
  background: #fff;
  max-width: 900px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  padding: 30px 40px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #222;
  box-sizing: border-box;
  position: relative;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Scrollbar styling (Webkit browsers) */
.pk-popup-content::-webkit-scrollbar {
  width: 8px;
}

.pk-popup-content::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.pk-popup-content::-webkit-scrollbar-thumb {
  background: #bbb;
  border-radius: 4px;
}

.pk-popup-content::-webkit-scrollbar-thumb:hover {
  background: #999;
}

/* Titles and headings */
.pk-popup-content h1,
.pk-popup-content h2 {
  font-weight: 600;
  color: #111;
  margin-bottom: 20px;
  line-height: 1.2;
}

.pk-popup-content h1 {
  font-size: 1.8rem;
}

.pk-popup-content h2 {
  font-size: 1.4rem;
  margin-top: 40px;
}

/* Price */
.price {
  font-size: 1.5rem;
  font-weight: 700;
  color: #0073e6; /* couleur bleue professionnelle */
  /*margin: 15px 0 30px;*/
}

/* Buttons */
button.single_add_to_cart_button {
  background-color: #0073e6;
  color: white;
  border: none;
  padding: 14px 28px;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.25s ease;
  box-shadow: 0 4px 10px rgba(0, 115, 230, 0.3);
}

button.single_add_to_cart_button:hover {
  background-color: #005bb5;
}

/* Quantity input */
.quantity input[type="number"] {
  width: 60px;
  padding: 8px;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-right: 15px;
}

/* Product meta & categories */
.product_meta {
  font-size: 0.9rem;
  color: #555;
  margin-top: 30px;
}

.product_meta a {
  color: #0073e6;
  text-decoration: none;
}

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

/* Tabs */
.woocommerce-tabs {
  margin-top: 50px;
  border-top: 1px solid #ddd;
  padding-top: 25px;
}

.woocommerce-tabs ul.tabs {
  display: flex;
  gap: 25px;
  list-style: none;
  padding-left: 0;
  margin-bottom: 30px;
  border-bottom: 2px solid #eee;
}

.woocommerce-tabs ul.tabs li a {
  font-weight: 600;
  color: #555;
  padding-bottom: 10px;
  display: block;
  border-bottom: 3px solid transparent;
  transition: border-color 0.3s ease, color 0.3s ease;
}

.woocommerce-tabs ul.tabs li a:hover,
.woocommerce-tabs ul.tabs li.active a {
  color: #0073e6;
  border-color: #0073e6;
}

/* Related products */
.related.products h2 {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 25px;
  color: #111;
}

.related.products ul.products {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(180px,1fr));
  gap: 20px;
  padding-left: 0;
  list-style: none;
}

.related.products ul.products li.product {
  background: #fafafa;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0 2px 8px rgb(0 0 0 / 0.05);
  transition: box-shadow 0.3s ease;
  text-align: center;
}

.related.products ul.products li.product:hover {
  box-shadow: 0 6px 20px rgb(0 0 0 / 0.1);
}

.related.products ul.products li.product img {
  max-width: 100%;
  border-radius: 6px;
  margin-bottom: 12px;
}

.related.products ul.products li.product h2 {
  font-size: 1rem;
  margin-bottom: 8px;
  color: #333;
}

.related.products ul.products li.product .price {
  font-weight: 600;
  color: #0073e6;
}

/* Responsive adjustments */
@media (max-width: 600px) {
  .pk-popup-content {
    padding: 20px 20px;
    max-width: 100%;
    max-height: 95vh;
  }

  .woocommerce-tabs ul.tabs {
    flex-direction: column;
    gap: 12px;
  }
}


/* Bouton fermer */
.pk-popup-close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  background: transparent;
  border: none;
  font-size: 1.6rem;
  cursor: pointer;
  color: #555;
  transition: color 0.25s ease;
  line-height: 1;
}

.pk-popup-close-btn:hover,
.pk-popup-close-btn:focus {
  color: #0073e6;
  outline: none;
}

/* Animation ouverture */
.pk-popup-content {
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.pk-popup-content.pk-popup-open {
  opacity: 1;
  transform: scale(1);
}

/* Animation fermeture */
.pk-popup-content.pk-popup-close {
  opacity: 0;
  transform: scale(0.95);
}