/*
 Theme Name:   Twenty Seventeen Child
 Description:  Twenty Seventeen Child Theme for FGIPE
 Author:       Celine von Tobel
 Author URI:   lacivette.ch
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twentyseventeen-child
*/


/* ========== HEADER ========== */
.headerinit {
    float: left;
    width: 74%;
}

.screen-reader-text {
    display: none;
}

.searchform {
    float: right;
    margin-top: 18px;
}

.search-submit {
    padding: 0.5em 0.1em;
}

.custom-header {
	background-color: rgba(207, 195, 199);
	z-index: 1;
}

.custom-logo-link img {
    max-width: 450px;
    max-height: 100px;
}

@media (max-width: 777px) {
    .custom-logo-link {
        display: none;
    }
}

@media (min-width: 777px) {
    .smalllogo {
        display: none;
    }
}

.smalllogo {
    max-width: 200px;
}

@media (max-width: 767px) {
    .logo .custom-logo-link {
        width: 300px !important;
        display: block;
        margin: 0 auto;
    }
    .logo .custom-logo-link img {
        width: 100% !important;
        max-height: 100px !important;
    }
}


.navigation-top, sub-menu {
    background-color: rgba(102, 15, 44);
}

/*



@media screen and (min-width: 48em) {
	.navigation-top {
    font-size: 1rem !important;
    font-size: 16px !important;
     }
}*/

.current-menu-item {
    background-color: orange;
    border-radius: 4px;
}

li.current-menu-parent >a {
    background-color: orange;
    border-radius: 4px;
}


.menu-item:hover {
    background-color: orange;
    border-radius: 4px;
    color: white !important;
}

.main-navigation a {
    color: #fff !important;
}

#wpadminbar .ab-empty-item,
#wpadminbar a.ab-item,
#wpadminbar>#wp-toolbar span.ab-label,
#wpadminbar>#wp-toolbar span.noticon {
 color:#eee !important;
}

.main-navigation ul ul {
    background-color: rgba(102, 15, 44);
}

.main-navigation ul {
    background-color: rgba(102, 15, 44);
}

.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
.admin-bar.home.blog.has-header-image .custom-header-media,
.admin-bar.home.blog.has-header-video .custom-header-media {
    height: calc(60vh - 32px);
}

button.menu-toggle {
    color: white !important;
}

button.menu-toggle:hover {
    background: #ffffff00;
}

button.menu-toggle:focus {
    background: #ffffff00;
}

#site-navigation .main-navigation {
    z-index: auto;
}

button.dropdown-toggle {
    background-color: #fff0;
}

span.svg-fallback.icon-angle-down {
    display: none;
}

:not( .mejs-button ) > button:hover, :not( .mejs-button ) > button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background: #fff0;
}

svg:not(:root) {
    color: white !important;
}

.wp-block-file__button {
    background-color: orange !important;
}

.wp-block-file__button:hover {
    background-color: #660f2c !important;
}

button, input[type="button"], input[type="submit"] {
    background-color: orange !important;
}

button, input[type="button"]:hover, input[type="submit"]:hover {
    background-color: #660f2c !important;
}



.page-title {
    display:none;
}

.entry-meta{
    padding-bottom: 16px;
}

/* ========== FOOTER ========== */

.site-footer {
    background-color: rgba(102, 15, 44, 0.86);
    position: inherit;
}

.widget-title {
    color: white;
}

.textwidget, h2.widget-title {
    color: white;
}

.credit {
    background-color: rgba(207, 195, 199, 0.94);
    padding: 12px;
    margin-left: auto;
    margin-right: auto;
    position: inherit;
}

.credit-content {
    font-size: 12px;
    max-width: 1000px;
    padding-left: 42px;
}


/* ========== EVENTS ========== */


.tribe-events-view--list {
    color: white;
}

/*.tribe-events-venue-map {
    display: none !important;
}*/

.tribe-events-back {
        display:none;
    }

.tribe-common .tribe-common-c-btn {
    background-color: #660f2c;    
}

.tribe-events-widget-link:a {
    color: #660f2c !important;
}
    
.toggleclose {
    display: block;
}

.tribe-events-notices {
 background:orange;
 color:#660f2c;
 text-shadow: 0 0px 0 #fff;
}


/* ========== GLOBAL ========== */


.body {
    background-color: rgba(207, 195, 199);
}

p {
    font-family: 'Josefin Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 17px !important;
} 

h1, h2,h3,h4,h5 {
    font-family: 'Josefin Sans' !important;
    font-weight: 800;
    color: #000;
}

h2, h3 {
    padding-top: 12px !important;
    font-size: 22px;
    font-weight: 600 !important;
}

body, button, input, select, textarea {
    font-family: 'Josefin Sans', sans-serif;
}

.elementor-widget-image-box .elementor-image-box-content .elementor-image-box-title {
    font-family: 'Josefin Sans', sans-serif !important;
}

.site-content-contain {
    background-color: rgba(207, 195, 199, 0.94);
}

.site-content {
    padding-top: 1em;
}

.has-sidebar:not(.error404) #primary {
    width: 100%;
}

/* ========== Links ========== */


a {
    font-family: 'Josefin Sans', sans-serif !important;
    box-shadow: 1px 1px #fff0;
    color: #660f2c !important;
}

a:link {
    box-shadow: 1px 1px #fff0;
}

a:link:visited {
    color: #ff8f00 !important;
    text-decoration:none;
    box-shadow: 1px 1px 1px #fff0;
}

.entry-content a {
    color: #660f2c !important;
    box-shadow: 1px 1px 1px #fff0;
}

.entry-content a:hover {
    color: #ff8f00 !important;
    box-shadow: 1px 1px 1px #fff0;
}

.entry-content a:visited {
    color: #ff8f00 !important;
    box-shadow: 1px 1px 1px #fff0;
}

.edit-link a.post-edit-link {
    background-color: #fff0;
}

p:a:hover {
    color: #ff8f00 !important;
    text-decoration: none !important;
}

p:a:visited {
    color: #ff8f00 !important;
    text-decoration: none !important;
}

ul {
    padding-left: 16px !important;    
}

ul.sub-menu { /*pour éviter l'écart dans le sous-menu après la modif au dessus*/
   padding-left: 0px !important;
}

.li:a {
    color: #ff8f00 !important;
	text-decoration: none;
}

.elementor-widget-text-editor { /*sinon la barre du tableau de bord n'est plus lisible*/
    color: #535353 !important;
}

.site-content-contain li a:link {
    color: #A82637;
}

.site-content-contain li a:hover {
    color: #ff8f00;
    text-decoration: none !important;
}

.site-content-contain li a:visited {
    color: #ff8f00 !important;
}

.main-navigation li li:hover, .main-navigation li li.focus {
    background: #ffa502;
}
    

/* ========== VARIA ========== */


wpspw-readmorebtn {
    background-color: orange;
}

.elementor-widget-image-box .elementor-image-box-content .elementor-image-box-title {
    color: #000 !important;
}

.elementor-widget-toggle .elementor-toggle-title, .elementor-widget-toggle .elementor-toggle-icon {
    color: #000 !important;
}


.tel { 
color:#fff !important;
}


/*
.tel, .tel:visited { /for small screens /
color:#fff;
}
.tel:hover, .tel:focus {
color:#fff;
}

@media screen and (min-width: 30em) { / for larger screens /
.tel,.tel:visited {
background:none;
cursor:default;
}
.tel,.tel:focus {
color:#fff;
}*/

.dropdown-toggle .sub-menu {
    color: #fff !important;
    font-weight: 400;
    }
    
.svg.icon.icon-angle-down {
    color: #fff !important;
    }

button, input[type="button"], input[type="submit"] {
    background-color: #222;
}

    
    @media screen and (max-width: 777px){
.main-navigation a {
    padding: 1em 1.15em;
}
    }

/*
@media screen and (max-width: 777px){ */
    /* for smaller screens */
/* ***** Shows Mobile Toggle ***** */
/*
    .js .menu-toggle, .js .dropdown-toggle{
display: block !important;
}
    */
/* ***** Hides Main Menu until Mobile Toggle is clicked on ***** */
/*
    .js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
display:none !important;
}
}
*/