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



 Theme Name:   divi-child

 Theme URI:    https://lesirque.com

 Description:  Divi child theme for "le sirque"

 Author:       tatagermaine

 Author URI:   https://agence.tata-germaine.fr/

 Template:     Divi

 Version:      1.0.0

 License:      GNU General Public License v2 or later

 License URI:  http://www.gnu.org/licenses/gpl-2.0.html 



------------------------------ ADDITIONAL CSS HERE ------------------------------*/



/*couleurs «normale» et «route du sirque»*/



:root{

    --primary-color: #ff3735;

    --secondary-color: #747474;

    --primary-color-festival: #ff17a3;

    --secondary-color-festival: #FF33FF;

    

    --primary-color-rgb: 255, 55, 53;

    --secondary-color-rgb: 116, 116, 116;

    --primary-color-festival-rgb: 255, 115, 118;

    --secondary-color-festival-rgb: 116, 229, 209;

}





/*TYPOGRAPHIE*/



h1, h2, h3, h4, h5, h6, p, a {

    font-family: "Quicksand", sans-serif;

}



h1, h2, h3, h4, h5, h6 {

    font-weight: 700;

}

h1 {

    font-size: 40px;

}

h2 {

    font-size: 32px;

}

h3 {

    font-size: 24px;

}

h4 {

    font-size: 20px;

}

.titres-primary h1, .titres-primary h2, .titres-primary h3, .titres-primary h4, .titres-primary h5, .titres-primary h6 {

    color: var(--primary-color) !important;

}

/* .titres-primary-festival {

    color: var(--primary-color-festival) ;

} */

.titres-secondary-festival h1, .titres-secondary-festival h2, .titres-secondary-festival h3, .titres-secondary-festival h4, .titres-secondary-festival h5, .titres-secondary-festival h6 {

    color: var(--secondary-color-festival) !important;

}





body {

    font-size: 17px;

}



/*ELEMENTS GRAPHIQUES (background...)*/



.background-primary {

    background-color: var(--primary-color) !important;

}

.background-primary-festival {

    background-color: var(--primary-color-festival);

}



.border-primary {

    border: solid 4px var(--primary-color);

}

.border-primary-festival {

    border: solid 4px var(--primary-color-festival);

}



/* BOUTONS */



.bouton {

    display: inline-block;

    font-size: 20px;

    line-height: 30px;

    padding: 15px 20px;

    font-weight: 700;

    border-radius: 0;

    transition: all 300ms ease-in-out;

}



.et_pb_button {

    font-weight: 700;

}



/*boutons solides*/

.bouton-primary {

    background: var(--primary-color);

    color: #fff !important;

}

.bouton-primary:hover {

    color: var(--primary-color) !important;

    background: #fff;

}



.bouton-secondary {

    background: var(--secondary-color);

    color: #fff !important;

}

.bouton-secondary:hover {

    background: #fff ;

    color: var(--secondary-color) !important;

}



/*boutons solides FESTIVAL*/

.bouton-primary-festival {

    background: var(--primary-color-festival);

    color: #fff !important;

}

.bouton-primary-festival:hover {

    color: var(--primary-color-festival) !important;

    background: var(--secondary-color-festival) !important;

}



.bouton-secondary-festival {

    background: var(--secondary-color-festival);

    color: #fff !important;

}

.bouton-secondary-festival:hover {

    background: #fff ;

    color: var(--secondary-color-festival) !important;

}



/*boutons outline*/

.bouton-outline-primary {

    color: var(--primary-color) !important;

    border: solid 4px var(--primary-color);

    background: #fff;

}

.bouton-outline-primary:hover {

    color: #fff !important;

    border: solid 4px var(--primary-color) !important ;

    background: var(--primary-color) !important;

}



.bouton-outline-secondary {

    color: var(--secondary-color) !important;

    border: solid 4px var(--secondary-color);

    background: #fff;

}

.bouton-outline-secondary:hover {

    color: #fff !important;

    border: solid 4px var(--secondary-color);

    background: var(--secondary-color);

}

.bouton-outline-white {

    color: #fff !important;

    border: solid 4px #fff;

    background: none;

}

.bouton-outline-white:hover {

    border: solid 4px #fff !important;

    background: #fff !important;

    color: var(--secondary-color)!important;

}



/*boutons outline FESTIVAL*/



.bouton-outline-primary-festival {

    color: var(--primary-color-festival) !important;

    border: solid 4px var(--primary-color-festival) !important;

    background: #fff;

}

.bouton-outline-primary-festival:hover {

    color: #fff !important;

    border: solid 4px var(--primary-color-festival) ;

    background: var(--primary-color-festival) !important;

}

.bouton-outline-secondary-festival {

    color: var(--secondary-color-festival) !important;

    border: solid 4px var(--secondary-color-festival);

    background: #fff;

}

.bouton-outline-secondary-festival:hover {

    color: #fff !important;

    border: solid 4px var(--secondary-color-festival);

    background: var(--secondary-color-festival);

}







/********/

/*HEADER*/

/********/

#main-header.et-fixed-header, #main-header {

    box-shadow: 0px -10px 14px 10px rgba(0,0,0,0.3) !important;

}



#top-menu li a {

    font-weight: 400;

}

#top-menu li.current-menu-item a, #top-menu li a:hover  {

    font-weight: 700;

}



#logo {

    max-height: 150% !important;

}

/*desactive logo quand scroll*/

.et-fixed-header #logo {

    display: none;

}



/* .bouton-rds-menu {

    border: solid 2px var(--secondary-color-festival);

    max-width: 120px;

    padding: 10px !important;

    margin-top: -10px;

    transition: all 0.3s;

    line-height: 1.2em !important;

}



.bouton-rds-menu:hover {

    background: var(--secondary-color-festival);

} */



/*NOUVEAU BOUTON MULTIPISTES*/

.bouton-rds-menu {

    border: solid 2px var(--primary-color-festival);

    max-width: 120px;

    padding: 10px !important;

    margin-top: -10px;

    transition: all 0.3s;

    line-height: 1.2em !important;

}

.bouton-rds-menu ul.sub-menu {
    border-color: var(--primary-color-festival) !important;
}


.bouton-rds-menu:hover {

    background: var(--primary-color-festival);

}

#top-menu .bouton-rds-menu > a, #top-menu .bouton-rds-menu.current-menu-item > a, .et-fixed-header #top-menu .bouton-rds-menu a {

    color: var(--primary-color-festival) !important;

    padding: 0 !important;

    font-weight: 700;

    text-align: center;

    text-transform: uppercase;

}

#top-menu .bouton-rds-menu a {
	pointer-events: none;
}

#top-menu li.bouton-rds-menu ul.sub-menu li a {
	pointer-events: auto;
	font-weight: 400 !important;
	padding: 6px 0px !important;
	text-align: center;
}

#top-menu .bouton-rds-menu:hover > a, #top-menu .bouton-rds-menu.current-menu-item:hover > a, .et-fixed-header #top-menu .bouton-rds-menu:hover a {

    color: #fff !important; 

    opacity: 1;

}

.et-fixed-header #top-menu .bouton-rds-menu .sub-menu a {

    color: var(--primary-color-festival) !important;
}

#top-menu .bouton-rds-menu > a::after {

    display: none;

}

.bouton-rds-menu .sub-menu {

    top: 50px;

    left: -2px;

    border: solid 2px var(--secondary-color);

}

#top-menu .bouton-rds-menu .sub-menu li a {

    color: var(--primary-color-festival);

    font-weight: 400 !important;
    text-transform: none;

}







#et_mobile_nav_menu .bouton-rds-menu {

    padding: 0;

    border: none;

    max-width: 100%;

}

#et_mobile_nav_menu .bouton-rds-menu:hover {

    background: none;

}

@media (min-width: 1200px) {

    #et_top_search {

        margin: 15px 0 0 22px;

    }

}





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

/*page evenements single*/

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

/*suppression séparateur main - sidebar par defaut*/

#main-content .container::before{

    display: none;

}



#lesirque_event-featured_image {

    min-height: 500px;

    background-position: center center;

    background-attachment: fixed;

    background-repeat: no-repeat;

    background-size: cover;

    margin-bottom: 40px;

}

/*header*/



.single-lesirque_event h1 {

    color: var(--primary-color);

}

.lesirque_event-subtitle {

    color: #666;

    margin-bottom: 20px;

}

.lesirque_event-category {

    color: #666;

}



/*encart details prod coprod etc*/

.encart-details-prod-etc {

    background: #efefef;

    padding: 10px 20px;

    margin-bottom: 20px;

}







/*dates */

.lesirque_event-dates {

    display: flex;

    flex-wrap: wrap;

}

.lesirque_event-dates ul {

    width: 100%;

}

/* .lesirque_event-date {

    

} */

.lesirque_event-date .details{

    padding: 5px 10px;

}

.lesirque_event-date .details-date {

    font-size: 1.1em;

    font-weight: 700;

    border: solid 2px var(--primary-color);

    color: var(--primary-color);

}

.lesirque_event-date a.localisation {

    color: var(--secondary-color);

}

.lesirque_event-date a:hover {

    text-decoration: underline;

}

.lesirque_event-date .details-resa {

    padding: 0;

}

/* .lesirque_event-dates .details-date, .lesirque_event-dates .details-heure, .lesirque_event-dates .details-resa, .lesirque_event-dates .details-lieu {

    grid-column: span 2;

} */

/* .lesirque_event-dates .details-resa, .lesirque_event-dates .details-lieu {

    border: none;

    border-top: solid 2px #666;

} */

.lesirque_event-date .details-lieu a,.lesirque_event-date .details-resa a {

    color: #666 !important;

    font-weight: 700;

    text-decoration: none;

    transition: 300ms all ease-in-out;

    font-size: 16px;

}

.lesirque_event-date .details-lieu a:hover ,.lesirque_event-date .details-resa a:hover {

    cursor: pointer;

    text-decoration: underline;

}

.lesirque_event-date .details-date-cancelled {

    color: var(--secondary-color) !important;

    border: dashed 2px var(--secondary-color) !important;

    font-style: italic !important;

    font-size: 1em !important;

}



/*responsive sidebar*/

.lesirque_event-content article{

    display: grid;

    grid-template-columns: 3fr 1fr;

    grid-gap: 40px;

}

@media (max-width: 768px){

    .lesirque_event-content article{

    grid-template-columns: 1fr;

    }

}

/* @media (min-width: 769px) {

    .lesirque_event-sidebar {

        margin-top: 280px;

    }

} */



/*sidebar event*/

.lesirque_event-widget{

    width: 100%;

    height:auto;

    margin: 20px 0;

}

/*mentions*/

.lesirque_event-mentions p{

    line-height: 1.2em;

}

.lesirque_event-mentions p span{

    display: inline-block;

    font-size: 0.8em;

    margin-top: 10px;

}

/*Presse*/



.lesirque_event-presse .presse-date {

    font-size: 0.9em;

}



/*image slider */

.lesirque_event-slider {

    margin: 40px auto;

}

.lesirque_event-slider .sss {

    text-align: center;

}

.slider img {

    width: 100%;

    height: auto;

    margin: auto;

    position: inherit;

}

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

/* PAGES SINGLE ARTIST */

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



.single-lesirque_artist h1 {

    color: var(--primary-color);

}



.single-lesirque_artist header hr {

    height: 4px;

    background: var(--primary-color);

    border: 0;

    max-width: 300px;

    margin: 0px;

    margin-top: 20px;

}



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

/* THEME ROUTE DU SIRQUE */

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



/*PAGE SINGLE EVENT*/

.festival-rds .retour_programme a {

    color : var(--primary-color-festival);

}

.festival-rds h1 {

    color: var(--secondary-color-festival);

}

.festival-rds .lesirque_event-date {

    color: var(--primary-color-festival);

}

.festival-rds .lesirque_event-widget-title h3 {

    color: var(--primary-color-festival);

}



/*CALENDRIER*/



.festival-rds .lesirque-agenda-header h2 {

    color: var(--primary-color-festival) !important;

}





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

/*DESIGN FORMS */

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



/**

 * 1. Change the font styles in all browsers.

 * 2. Remove the margin in Firefox and Safari.

 */



button,

input,

optgroup,

select,

textarea {

	font-family: inherit; /* 1 */

	font-size: 100%; /* 1 */

	line-height: 1.15; /* 1 */

	margin: 0; /* 2 */

}



/**

 * Show the overflow in IE.

 * 1. Show the overflow in Edge.

 */



button,

input { /* 1 */

	overflow: visible;

}



/**

 * Remove the inheritance of text transform in Edge, Firefox, and IE.

 * 1. Remove the inheritance of text transform in Firefox.

 */



button,

select { /* 1 */

	text-transform: none;

}



/**

 * Correct the inability to style clickable types in iOS and Safari.

 */



button,

[type="button"],

[type="reset"],

[type="submit"] {

	-webkit-appearance: button;

}



/**

 * Remove the inner border and padding in Firefox.

 */



button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

	border-style: none;

	padding: 0;

}



/**

 * Restore the focus styles unset by the previous rule.

 */



button:-moz-focusring,

[type="button"]:-moz-focusring,

[type="reset"]:-moz-focusring,

[type="submit"]:-moz-focusring {

	outline: 1px dotted ButtonText;

}



/**

 * Correct the padding in Firefox.

 */



fieldset {

	padding: 0.35em 0.75em 0.625em;

}



/**

 * 1. Correct the text wrapping in Edge and IE.

 * 2. Correct the color inheritance from `fieldset` elements in IE.

 * 3. Remove the padding so developers are not caught out when they zero out

 *		`fieldset` elements in all browsers.

 */



legend {

	box-sizing: border-box; /* 1 */

	color: inherit; /* 2 */

	display: table; /* 1 */

	max-width: 100%; /* 1 */

	padding: 0; /* 3 */

	white-space: normal; /* 1 */

}



/**

 * Add the correct vertical alignment in Chrome, Firefox, and Opera.

 */



progress {

	vertical-align: baseline;

}



/**

 * Remove the default vertical scrollbar in IE 10+.

 */



textarea {

	overflow: auto;

}



/**

 * 1. Add the correct box sizing in IE 10.

 * 2. Remove the padding in IE 10.

 */



[type="checkbox"],

[type="radio"] {

	box-sizing: border-box; /* 1 */

	padding: 0; /* 2 */

}



/**

 * Correct the cursor style of increment and decrement buttons in Chrome.

 */



[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {

	height: auto;

}



/**

 * 1. Correct the odd appearance in Chrome and Safari.

 * 2. Correct the outline style in Safari.

 */



[type="search"] {

	-webkit-appearance: textfield; /* 1 */

	outline-offset: -2px; /* 2 */

}



/**

 * Remove the inner padding in Chrome and Safari on macOS.

 */



[type="search"]::-webkit-search-decoration {

	-webkit-appearance: none;

}



/**

 * 1. Correct the inability to style clickable types in iOS and Safari.

 * 2. Change font properties to `inherit` in Safari.

 */



::-webkit-file-upload-button {

	-webkit-appearance: button; /* 1 */

	font: inherit; /* 2 */

}



/* Interactive

	 ========================================================================== */



/*

 * Add the correct display in Edge, IE 10+, and Firefox.

 */



details {

	display: block;

}



/*

 * Add the correct display in all browsers.

 */



summary {

	display: list-item;

}



/* Misc

	 ========================================================================== */



/**

 * Add the correct display in IE 10+.

 */



template {

	display: none;

}



/**

 * Add the correct display in IE 10.

 */



[hidden] {

	display: none;

}





.page-id-98 input[type="text"], .page-id-98 input[type="email"], .page-id-98 textarea{

	background: #ffffff !important;

	border: none !important;

}

.page-id-98 textarea{

	padding: 5px 10px !important;

}

.page-id-98 input:active, .page-id-98 textarea:active, .page-id-98 input:focus, .page-id-98 textarea:focus{

	-webkit-box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3) !important;

	box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3) !important;

}

.page-id-98 .wpcf7-submit{

	font-size: 20px;

	line-height: 30px;

    padding: 10px 20px;

    color: #fff;

    font-weight: 700;

    border-radius: 0;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

	display: inline-block;

    background: var(--primary-color);

    border: none;

    cursor: pointer;

}

.page-id-98 .wpcf7-submit:hover{

	background: var(--secondary-color);

}

.page-id-98 input {

    padding: 10px 10px;

}







/********/

/*FOOTER*/

/********/



#main-footer {

    background: var(--primary-color);

}

#main-footer .footer-widget h4, #footer-info {

    color: #fff !important;

}



#main-footer .footer-widget li::before {

    color: #fff !important;

}

#main-footer .et-social-icon a {

    color: #fff !important;

}



.footer_newsletter input[type="submit"] {

    border: solid 1px;

    border-color: #ccc #ccc #bbb;

    border-radius: 3px;

    background: #e6e6e6;

    color: rgba(0, 0, 0, 0.8);

    line-height: 1;

    padding: .6em 1em .4em;

}

.footer_newsletter input[type="submit"]:hover {

    cursor: pointer;

}

.footer_newsletter input[type="email"]  {

    color: #666;

    border: 1px solid #ccc;

    border-radius: 3px;

    padding: 3px;

}