/*
Theme Name: Arkhitekton Child
Theme URI: https://neuronthemes.com/arkhitekton
Description: This is a child theme of Arkhitekton
Author: NeuronThemes
Author URI: https://neuronthemes.com
Template: arkhitekton
Version: 1.20.0
*/


/*
Blanc casse       : #fcfaf2
Bleu ciel         : #e6efff
Bleu fonce        : #2a2d3f;
*/


/*---------------------------------------------------------------------------

[Table Of Contents]

1. General (body, h*, p, ...)
2. Helpers (common classes)
3. Wordpress plugins
    3.1 CF7
    3.2 Elementor
4. Modules (wordpress/theme reused module, widget, ...)
    4.1 pagination module
	4.2 tabs
	4.3 Breadcrumb
    4.4 Ohio Slider
    4.5 Google Map
5. Header
	5.1 Top bar
    5.2 Menu
    5.3 Mobile menu
6. Footer
7. HOME
8. NEWS / BLOG
9. CONTACT
10. PORTFOLIO
11. SINGLE PORTFOLIO
12. AGENCE


---------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------*/
/* 1. General
/*-------------------------------------------------------------------------*/
.l-primary-header {
    padding: 1rem 0;
}

.l-primary-header,
.l-theme-wrapper .l-main-wrapper {
    background-color: #fcfaf2
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: #2a2d3f;
}

h4,
h5,
h6 {
    font-family: inherit !important;
    text-transform: none;
}

b, strong,
.m-nav-menu--horizontal ul.menu li.menu-item > a {
    font-family: inherit !important;
}


/*-------------------------------------------------------------------------*/
/* 3.2 Elementor
/*-------------------------------------------------------------------------*/
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1360px;
    padding-right: 15px;
    padding-left: 15px;
}


/*-------------------------------------------------------------------------*/
/* 5. Header
/*-------------------------------------------------------------------------*/
.l-primary-header--sticky .l-primary-header {
    border: none;
}

.l-primary-header--sticky .headroom,
.l-primary-header--sticky .headroom.headroom--not-top {
    background-color: #fcfaf2;
}


.l-primary-header--sticky .headroom.headroom--not-top {
    top: 0 !important;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.l-primary-header.l-primary-header--responsive .l-primary-header--responsive__nav {
    margin-top: 1.5rem;
}




/*-------------------------------------------------------------------------*/
/* 6. Footer
/*-------------------------------------------------------------------------*/
.l-primary-footer.l-primary-footer--dark-skin .l-primary-footer__widgets,
.l-primary-footer.l-primary-footer--dark-skin .l-primary-footer__copyright {
	background-color: #2a2d3f;
}

.l-primary-footer .l-primary-footer__widgets .l-primary-footer__widgets__space {
    padding: 4.25rem 0 calc(6.25rem - 5.33333rem) 0;
}

.l-primary-footer .l-primary-footer__copyright .l-primary-footer__copyright__space {
    padding: 0 0 1.75rem;
}


/*-------------------------------------------------------------------------*/
/* 7. HOME
/*-------------------------------------------------------------------------*/
.page-id-7131 .l-primary-header,
.page-id-7131 .l-theme-wrapper .l-main-wrapper,
.page-id-7131 .l-primary-header--sticky .headroom,
.page-id-7131 .l-primary-header--sticky .headroom.headroom--not-top {
    background-color: #fff9af;
}


.home .elementor-section-wrap h2 {
    font-size: 44px;
    margin-bottom: 0;
}


/*-------------------------------------------------------------------------*/
/* 8. Blog
/*-------------------------------------------------------------------------*/
.page-id-196 .l-primary-header,
.page-id-196 .l-theme-wrapper .l-main-wrapper,
.page-id-196 .l-primary-header--sticky .headroom,
.page-id-196 .l-primary-header--sticky .headroom.headroom--not-top {
    background-color: #fed9e9;
}


/*-------------------------------------------------------------------------*/
/* 9. Contact
/*-------------------------------------------------------------------------*/
.page-id-24420 .l-primary-header,
.page-id-24420 .l-theme-wrapper .l-main-wrapper,
.page-id-24420 .l-primary-header--sticky .headroom,
.page-id-24420 .l-primary-header--sticky .headroom.headroom--not-top {
    background-color: #ddfbc4;
}

.wpcf7-list-item {
    margin-left: 0;
    margin-bottom: 15px;
}

.wpcf7-list-item input[type='checkbox'] {
    width: auto;
}


/*-------------------------------------------------------------------------*/
/* 10. PORTFOLIO
/*-------------------------------------------------------------------------*/
.page-id-154 .l-primary-header,
.page-id-154 .l-theme-wrapper .l-main-wrapper,
.page-id-154 .l-primary-header--sticky .headroom,
.page-id-154 .l-primary-header--sticky .headroom.headroom--not-top {
    background-color: #bedcfd;
}

.l-posts-wrapper.l-posts-wrapper--meta-outside .o-neuron-hover .o-neuron-hover__body .o-neuron-hover__body-meta .o-neuron-hover__body-meta__title a {
    text-transform: uppercase;
}

.l-posts-wrapper.l-posts-wrapper--meta-outside .o-neuron-hover .o-neuron-hover__body .o-neuron-hover__body-meta .o-neuron-hover__body-meta__title {
    margin-bottom: 0;
}


/*-------------------------------------------------------------------------*/
/* 11. SINGLE PORTFOLIO
/*-------------------------------------------------------------------------*/
.p-portfolio-single .p-portfolio-single__content__tabs ul li {
    margin-bottom: 0;
}

.p-portfolio-single .p-portfolio-single__content__tabs ul li .tabs-title {
    margin-bottom: 0;
}



/*-------------------------------------------------------------------------*/
/* 12. AGENCE
/*-------------------------------------------------------------------------*/
.page-id-24055 .l-primary-header,
.page-id-24055 .l-theme-wrapper .l-main-wrapper,
.page-id-24055 .l-primary-header--sticky .headroom,
.page-id-24055 .l-primary-header--sticky .headroom.headroom--not-top {
    background-color: #e2d9fd;
}
