/*
Theme Name: twentytwenty-child
Description: Child theme
Author: Catherine Menguy
Author URI: 
Template: twentytwenty
Version: 1.0
*/

@font-face {
    font-family: 'Bebas Neue';
    src: url('BebasNeue-Regular.ttf');
}

/*----Margin above and below the content---------------------------------*/

.footer-top-visible .footer-nav-widgets-wrapper,
.footer-top-hidden #site-footer {
    margin-top: 6rem;
}

.post-inner {
    padding-top: 5rem;
}



/*----Global changes---------------------------------*/

.singular .entry-header {
    display: none;
}

.entry-content > *:last-child {
    margin-bottom: 100px;
}

.souligne {
    text-decoration: underline;
    text-decoration-color: #025373;
}

.entry-content .has-small-font-size {
    font-size: 1.2rem;
}

.wp-block-columns:not(.alignwide):not(.alignfull) {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.wp-block-column:not(:first-child) {
    margin-left: 0px;
}

.entry-content > .alignfull {
    margin-bottom: 10rem;
    margin-top: 2rem;
}

.alignnone,
.aligncenter {
    margin-bottom: 0rem;
    margin-top: 0rem;
}

.wp-block-media-text .wp-block-media-text__content {
    padding: 0rem;
    padding-left: 4rem;
}

.nws {
    padding: 15px;
    margin-left: 20px;
}



/*----Justify the text and center the last line (you need to change the text justification in html code as : <p class="has-text-align-justify">)---------------------------------*/

.has-text-align-justify {
    text-align: justify;
    text-align-last: center;
}


/*----Height of the search bar---------------------------------*/
.header-inner .toggle {
    height: 3rem;
}



/*----To change the fonts (titles + paragraph + underline + size etc.)---------------------------------*/

.entry-content h1,
.entry-content h2,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    font-family: 'Bebas Neue', cursive;
    font-size: 2.4em;
    margin-bottom: 3rem;
    letter-spacing: 0.1rem;
}

.entry-content table {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.4rem;
}


.entry-content h3 {
    font-family: 'Bebas Neue', cursive;
    font-size: 2em;
    margin: 1rem !important;
    margin-bottom: 2rem;
    letter-spacing: 0.1rem;
    margin-top: 10rem;
}

p,
li {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.6rem;
    margin: 1rem;
}

article,
article li {
    text-align: justify;
}

ul {
    margin: 0;
}

.entry-content ul li {
    list-style-type: none;
    background: url(https://cloud-evo.astro.unistra.fr/wordpress/wp-content/uploads/2020/05/Picto_triangle_16x16.png) no-repeat 5px 5px;
    margin: 0;
    padding: 0px 0px 25px 35px;
}

.cadre p {
    font-weight: 200;
}

a {
    text-decoration: none;
    color: #1d74ae;
}

.entry-content a:hover,
.entry-content a:focus {
    text-decoration: underline;
}


/*----To change the backgrounds (you need to choose the correct id for the page you want to change in the url)---------------------------------*/

.page-id-32.custom-background {
    background-image: url("https://cloud-evo.astro.unistra.fr/wordpress/wp-content/uploads/2020/05/nasa-hI5dX2ObAs-unsplash-scaled.jpg") !important;
    background-attachment: fixed;
    background-size: cover;
}

.page-id-36.custom-background,
.page-id-345.custom-background,
.page-id-84.custom-background,
.page-id-37.custom-background,
.page-id-35.custom-background {
    background-image: url("https://cloud-evo.astro.unistra.fr/wordpress/wp-content/uploads/2020/05/Hunting_for_dead_stars_crop.jpg") !important;
    background-attachment: fixed;
    background-size: cover;
}



/*----To change the size of the footer and position of the logos---------------------------------*/

#site-footer .section-inner {
    justify-content: center;
    display: inline;
}

#site-footer {
    font-size: 1.8rem;
    padding: 1.5rem 0;
    position: fixed;
    width: 100%;
    bottom: 0;
}

.socialicon {
    float: right;
    margin-top: 10px;
}

.socialicon a {
    margin-right: 2rem;
    font-size: 1rem;
}

svg,
img,
embed,
object {
    display: inline;
    vertical-align: middle;
}

.footer-credits {
    float: left;
    margin-left: 44.5%;
}


/*----To change the frame on home page---------------------------------*/
.cadre {
    background-color: rgba(38, 37, 38, 0.7);
    padding: 4rem;
    border: 1px solid white;
    margin-top: 6rem;
}

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 105rem;
    width: calc(100% - 4rem);
}


/*----To change the style of buttons---------------------------------*/

.wp-block-button__link,
.wp-block-button {
    margin: 0;
    margin-top: 10px;
    font-family: 'Bebas Neue', cursive;
    line-height: 1;
    font-size: 1.6rem;
    letter-spacing: 0.08em;
}

.pt {
    padding: 12px;
}



/*----search bar changes---------------------------------*/

.search-modal.active .search-modal-inner {
    height: 8rem;
}

.search-modal-inner .section-inner {
    height: 8rem;
}

.search-modal .search-field {
    height: 7.5rem;
}

.admin-bar .search-modal.active {
    top: 35px;
}

.archive-header {
    padding: 1rem 0;
}

h2.entry-title {
    font-size: 5rem;
}

hr {
    margin: 1rem auto;
}

/*----Table changes---------------------------------*/

.wp-block-table {
    overflow-x: hidden;
}

table {
    font-size: 1.6rem;
    width: 120%;
    background-color: #fff;
    border: 0.1rem solid #fff;
}

th,
td {
    padding: 0.8em;
    border: 0.1rem solid #fff;
    padding-left: 1rem;
}


/*----Calendar changes---------------------------------*/

.tribe-events .datepicker .day.active,
.tribe-events .datepicker .day.active.focused,
.tribe-events .datepicker .day.active:focus,
.tribe-events .datepicker .day.active:hover,
.tribe-events .datepicker .month.active,
.tribe-events .datepicker .month.active.focused,
.tribe-events .datepicker .month.active:focus,
.tribe-events .datepicker .month.active:hover,
.tribe-events .datepicker .year.active,
.tribe-events .datepicker .year.active.focused,
.tribe-events .datepicker .year.active:focus,
.tribe-events .datepicker .year.active:hover {
    color: #fff;
    background: #1d74ae;
    text-shadow: none;
}

.tribe-theme-twentytwenty .tribe-events .tribe-events-calendar-month__day-cell--selected,
.tribe-events .tribe-events-calendar-month__mobile-events-icon--event {
    background-color: #1d74ae;
}

.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date {
    color: #1d74ae;
}

.entry-content .tribe-common ol > li,
#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous,
#tribe-events-footer .tribe-events-sub-nav li,
.entry-content .tribe-common ul > li {
    background: none;
    padding: 0;
    display: none;

}

.comment-respond {
    display: none;
}
