/*!
Theme Name: frenchculture
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: frenchculture
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

frenchculture is based on Underscores https://underscores.me/, (C) 2012-2020 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 https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

/*
SURCHARGE HEADER
 */
@media (min-width: 768px) {

    body .mainHeaderSection {
        padding-bottom: 10px !important;
        margin-bottom: 0px !important;
        max-height: 219px !important;
    }

    .mainHeaderSection div.col-md-8.pt-md-4 {
        width: 100%;
    }

    .custom-nav-bar ul.largeMenuItems li, .custom-nav-bar ul.largeMenuItems li h2 {
        font-size: 32px !important;
        line-height: 60px !important;
        font-weight: 500 !important;
    }

    .mainHeader .menu-wrapper {
        padding: 0px !important;
        margin: 0px !important;
        border-left: none;
        position: absolute;
        top: 39px;
        right: 12px;
        width: 25px;
    }

    .header-right-div {
        padding: 0px !important;
        margin: 0px !important;
        border-right: none !important;
        width: 25px;

    }

    img.menu-open-btn {
        display: none !important;
    }

    span.line.line-1, span.line.line-2, span.line.line-3 {
        width: 24px !important;
        height: 3px !important;
        margin: 5px 0 !important;
    }

    div.menu-open-btn {
        float: none;
        clear: right;
        display: block;
        margin-left: auto;
        margin-bottom: 20px;
        cursor: pointer;
    }

    h1 {
        font-size: 85px !important;
        line-height: 80px !important;
        font-weight: 200 !important;
        text-transform: uppercase !important;
    }

    h2 {
        font-size: 60px !important;
        line-height: 68px !important;
        font-weight: 300 !important;
    }

    h3 {
        font-size: 32px !important;
        line-height: 36px !important;
        font-weight: 400 !important;
    }

    p {
        font-size: 21px !important;
        line-height: 27px !important;
        font-weight: 400 !important;
    }

    .header_contentSection h2 {
        letter-spacing: -0.2rem;
    }

    .explore-wrapper .col-md-6.col-lg-4 {
        border-bottom: 1px solid #0064ff;
    }

    body.page-template-education-research .educationWrapper .education-pills > li {
        padding: 0px;
        max-width: 23%;
        text-align: left;
    }

    body.page-template-education-research .educationWrapper .education-pills ul#student-tab,
    body.page-template-education-research .educationWrapper .education-pills ul#parent-tab,
    body.page-template-education-research .educationWrapper .education-pills ul#teacher-tab,
    body.page-template-education-research .educationWrapper .education-pills ul#scholar-tab {
        padding: 0px 20px;
    }

    li.nav-item ul.dropdown-menu-fixe li a:hover {
        color: #0064ff;
    }


    li.nav-item ul.dropdown-menu-fixe li h3 a.dropdown-item:hover {
        color: #ea5528;
    }

    .mt-4.eductaionResearch.pb-lg-5,
    .educationWrapper.pb-lg-5 {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }

    .exploreNewbutton a h3 {
        text-align: left;
    }

    .exploreNewbutton a:hover h3 {
        /*background-color: #0064ff;*/
        color: #FFF !important;
    }

    .exploreNewbutton a:hover {
        background-color: #0064ff;
    }

    .exploreNewbutton:hover a h3 {
        color: #0064ff;
    }


    .exploreNewbutton:hover {
        background-color: #FFF;
    }

    .exploreNewbutton {
        padding: 0px;
    }

    .awards__description_title h3 {
        text-align: left;
    }

    .header_contentSection.innerContent h3 a {
        font-size: 32px;
        margin: 0px;
        padding: 0px;
        height: auto;
    }

    .footer-menus .FooterLink1 .footer-text h3, .event-details-text h3 {
        margin-bottom: 0;
        font-size: 24px !important;
        line-height: 26px !important;
    }

    .footer-column-1 {
        border: none; /* 1px solid #0064ff;*/
    }

    .footer-column-2 {
        border: none;
    }

    .footer-column-1 .col-6,
    .footer-column-2 .col-6 {
        border-left: 1px solid #0064ff;
    }

    footer div.FooterLink1 {
        /* border-bottom: 1px solid #0064ff !important;*/
        padding-bottom: 20px !important;
        margin-bottom: 20px !important;
    }

    .social-main-footer {
        display: block;
        text-align: center;
    }

    .social-main-footer .footer-map-div {
        width: 100%;
        flex: unset;
    }

    .footer-menus .FooterMapimg {
        border-left: 1px solid #0064ff;
        display: block;
        flex-wrap: unset;
    }

    .menu-footermenu-container ul li a,
    .menu-footermenu2-container ul li a {
        font-size: 18px !important;
    }

    footer .frenchembassy {
        display: block !important;
        width: 100%;
        margin-bottom: 20px;
        position: relative;
    }

    footer .frenchembassy .col1 {
        width: 25%;
        float: left;
    }

    footer .frenchembassy .col2 {
        width: 75%;
        float: left;
        text-align: end;
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

    footer .frenchembassy .col2 ul.legalInformations {
        list-style: none;
        display: inline;
        font-size: small;
    }

    footer .frenchembassy .col2 ul.legalInformations li a,
    footer .frenchembassy .col2 ul.legalInformations li {
        display: inline-block;
        text-decoration: none;
    }

    footer .frenchembassy hr {
        clear: both;
        color: #FFF;
    }

}


/* Surcharges globales */


.h1, .h2, .h3, .h4, h1, h2, h3, h4 {
    font-family: gt_america !important;
}

h1 {
    font-size: 50px;
    line-height: 44px;
    font-weight: 200;
    text-transform: uppercase;
}

h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 300;
}

h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
}

p {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
}

span.line.line-1, span.line.line-2, span.line.line-3 {
    display: block;
    width: 40px;
    height: 3px;
    background-color: #276ef1;
    margin: 6px;
    opacity: 1;
    transition: 0.3s all;
}

.mainHeader .menu-wrapper {
    border-left: none;
}

p.date {
    font-weight: 500 !important;
}

li.nav-item ul.dropdown-menu-fixe {
    display: inline-block !important;
    margin-left: 0px;
    padding-left: 0px;
    text-align: left;
}

li.nav-item ul.dropdown-menu-fixe li {
    list-style: none;
}

.educationWrapper .education-pills > li:hover > a {
    background-color: #ea5528;
}

.educationWrapper .education-pills > li.active,
.educationWrapper .education-pills > li.show,
.educationWrapper .education-pills > li:hover,
.educationWrapper .education-pills > li:hover + .dropdown-menu {
    background-color: #FFF;
}

li.nav-item ul.dropdown-menu-fixe li h3 a.dropdown-item {
    font-size: 21px !important;
    white-space: unset;
    color: #0064ff;
}

.educationWrapper .education-pills .dropdown-item.active {
    color: #ea5528;
}

.awards__description-media {
    width: 100%;
}

a.event-div:hover h2,
a.event-div:hover h3,
a.event-div:hover p {
    color: #ea5528;
}

.custom-nav-bar .largeMenuItems li a {
    color: #0064ff;
}

.single-events .date-div h3 {
    color: #0064ff !important;
    font-weight: 500 !important;
}

footer .frenchembassy {
    display: none;
}

.newsletter_form_area p.villaAlbertine {
    color: #ea5528 !important;
}

footer hr {
    color: #0064ff;
}

.menu-footermenu-container ul,
.menu-footermenu2-container ul {
    padding: 0px;
    margin: 0px;
}

.mobile-footer-map-wrapper .footer-map p,
.footer-menus .FooterMapimg p {
    position: absolute !important;
    padding: 10px;
    text-align: left;
    display: block;
    margin: 0 0 10px 0 !important;
    font-weight: 500 !important;
    color: #ea5528 !important;
    font-size: 21px;
    line-height: 27px;
}


@media (max-width: 992px) {
    .educationWrapper .education-pills > li > a.nav-link.dropdown-toggle {
        /*padding-top: 0px;
        padding-bottom: 0px;*/
        padding: 10px 30px !important;
    }

    .educationWrapper .education-pills#education-details-tab {
        padding-top: 0px !important;
    }
}

@media (max-width: 768px) {
    .searchArea #search,
    .searchArea #search > placeholder,
    .searchArea .SearchIcon,
    .custom-nav-bar ul.largeMenuItems li a {
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
        text-transform: unset;
    }

    .custom-nav-bar ul.largeMenuItems {
        padding-bottom: 25px;
        margin-top: 25px;
        border-bottom: solid 0.5pt #0064ff;
    }

    .custom-nav-bar ul.smallMenuItems {
        margin-top: 25px;
    }

    .custom-nav-bar .container .row {
        margin-top: 15px;
    }

    .mainHeader {
        border-bottom: none;
    }

    .explore-wrapper.press-list a.event-div:first-child,
    .explore-wrapper.press-list .card:first-child {
        border-top: none;
    }

    .ExploreMainPage .container {
        padding-right: 0px;
        padding-left: 0px;
    }

    .explore-wrapper.press-list .card {
        padding-right: 0px;
        padding-left: 0px;
    }

    .explore-wrapper.press-list .card .text-box {
        padding: 0 15px;
    }

    .mobile-footer-map-wrapper {
        border-top: none;
    }

    .socialIcons ul {
        justify-content: unset;
    }

    .mobile-footer-map-wrapper .frenchembassy {
        display: block !important;
        width: 100%;
        margin-bottom: 20px;
        position: relative;
    }

    .mobile-footer-map-wrapper .frenchembassy .legalInformations {
        list-style: none;
        font-size: 12px !important;
        text-align: left;
        line-height: 23px;
    }

    .mobile-footer-map-wrapper .frenchembassy .legalInformations a {
        text-decoration: none !important;
    }

    .mobile-footer-map-wrapper .footer-text .textwidget h3 {
        margin-bottom: 0;
        font-size: 17px !important;
        font-weight: 400;
        line-height: 20px !important;
        text-align: left;
    }

    .mobile-footer-map-wrapper img.logoAmbassy {
        max-width: 60%;

    }

    .mobile-footer-map-wrapper .container .row .col-6:first-child {
        border-right: #0064ff 1px solid;
    }
}