/*
Theme Name:     DFD Ronneby Child Theme
Theme URI: 		http://rnbtheme.com/
Description:    ronneby - Highly Functional Multifaceted WP Theme
Author:         DFD
Author URI:		http://rnbtheme.com/
Template:       dfd-ronneby
Version:        1.0.0
Text Domain: dfd-ronnebychild
*/




/* GENERALITES ------------------------------------------------------------------------------- */



* {font-family:Raleway, sans-serif;}


img { 
  vertical-align: top;
}

figcaption {
  text-align: center;
  line-height: 1.3;
  font-size: 15px;
}


/* bug d'Apple au niveau de la case de recherche Ajax Search */
div div.asp_w.ajaxsearchpro input[type="search"] {
  appearance: auto !important;
  -webkit-appearance: none !important;
}


/* Responsive */

@media (min-width: 768px) {.mobile{display: none;}}
@media (max-width: 767px) {.desktop{display: none;}}


/* espace ente les colonnes sur mobile - à terminer 
selon https://kriesi.at/support/topic/hide-space-between-columns-on-mobile-mode 

@media only screen and (max-width: 767px){
#wp-block-column {
    margin-bottom: 0px !important;
}
}
*


.dfd-blog-loop .dfd-blog-wrap .cover .dfd-news-categories .byline.category {display: none;}


/* CSS qui supprime les boutons réseaux sociaux sur les pages "Travaux Récents"
 * */

.dfd-meta-container {display: none;}

/* Titres de page en gras et majuscules */

.page-title-inner  .page-title-inner-wrap .page-title {
 font-weight: 700;
 text-transform: uppercase;
}



/* accordéons de Responsive Accordion */


.wpsm_panel .wpsm_panel-heading .wpsm_panel-title .ac_title_class {
  font-weight: 800;
  font-style: normal;
}


/* cas particulier de Keep in touch - rester en contact */
/* construits avec des Responsive Accordion */

.wpsm_panel-body ul li {
  list-style-type: none;
}

.wpsm_panel-body li {
  list-style-type: none;
}



/* cas particulier de l'accordéon de Ecrits / Writings */

.wp-block-getwid-accordion.writings-accordion .wp-block-getwid-accordion__content a {
     font-style: italic;
}





/* Accordéon Getwid identiques à ceux de Responsive Accordion */

.wp-block-getwid-accordion {
  margin-top: 0px;
}

.wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper {
    padding: 0px 0px 0px 0px ;
     margin: 4px 0px 4px 0px ;
     background-color: #e8e8e8;
     border-radius: 5px;
}

.wp-block-getwid-accordion .wp-block-getwid-accordion__header {
    padding: 10px 15px 10px 15px ;
     background-color: #e8e8e8;
}


.wp-block-getwid-accordion .wp-block-getwid-accordion__icon .fa-plus {
  color: black;
 content: url("http://www.filmlabs.org/docs/plus.svg");  /* remplacement de l'icone par une plus grasse  */
}

.wp-block-getwid-accordion .wp-block-getwid-accordion__icon .fa-minus {
  color: black;
  content: url("http://www.filmlabs.org/docs/minus.svg");  /*  remplacement de l'icone par une plus grasse */
}

.wp-block-getwid-accordion .wp-block-getwid-accordion__header-title {
  text-transform: uppercase;
    font-size:  17px;
    font-style:  normal;
    line-height: 1.2;
    color: black;
    font-weight: 800;
    letter-spacing: 5px;
    padding-left: 6px;
}

.wp-block-getwid-accordion .wp-block-getwid-accordion__content {
    padding: 10px 30px 15px 30px;
}

.wp-block-getwid-accordion .wp-block-getwid-accordion__content ul {
    list-style-position: outside;
    padding: 0px 0px 10px 15px;
}


.wp-block-getwid-accordion .wp-block-getwid-accordion__content a {
    font-size:  18px;
}

.wp-block-getwid-accordion .wp-block-getwid-accordion__content li {
    padding-top: 10px;
    font-size:  18px;
    line-height: normal;
}


.wp-block-coblocks-gallery-carousel .coblocks-gallery {
   /* border-radius: 10px 10px 10px 10px ;  /* coins arrondis des carrousels - abandonné */
   margin-bottom: 20px;      /* mieux sur les mobiles , sachant que sur les iphone il y a un espace à la con - c'est un bug */
}



/* justification pour les paragraphes  * */

p {
  text-align: justify;
}


/* CSS Lien mailto  * */

a[href^="mailto:"] { 
	font-style: none;
	font-weight: 700;
	font-size: inherit;
	font-family: inherit;
	text-transform: none;
	letter-spacing: 0px;
	color: black;
}




/*  CCS Liens hypertextes  ------------------------------ */ 

a {
	font-size: inherit;
	font-weight: 700;
  font-style: italic;
}

.wpsm_panel-body a {
  font-style: normal;
}

.wp-block-getwid-accordion .wp-block-getwid-accordion__content  a {
  font-style: normal;
}




/*
 * CSS MENU PRINCIPAL    -------------------------------------
 * C'est lui qui remonte les fenêtres descendantes, 
 mais c'est aussi qui réduit leur largeur qui sinon est beaucoup trop grande, 
 donc c'est ce width qui fait ajuster s'il y a des mots coupés dans les menus
 */

.nav-menu div.sub-nav {
	border: 1px solid #333;
}

.nav-menu div.sub-nav.open {
	top: 30px;
	width: 240px;
  border-radius: 10px 10px 10px 10px ;
}

.nav-menu div.sub-nav > ul {
	padding: 10px;
}


/* menus et sous-menus sur mobile */



@media (max-width: 767px) {
a.menu-link.main-menu-link {
font-size: 16px;
font-style: normal;
font-family: "Raleway";
font-weight: 700;
text-transform: capitalize;
letter-spacing: 0;
height: 30px;
line-height: 30px;
margin-left: 15px;
padding-left: 0px;
}}


@media (max-width: 767px) {
a.menu-link.sub-menu-link {
font-style: italic;
font-weight: 300;
font-size: 12px;
font-family: "Raleway";
line-height: 12px;
margin-left:  25px;
padding-left: 0px;
text-transform: capitalize;
letter-spacing: 0px;
color: white;
}}



/* CSS du lang. switcher de polylang   --------------
 * qui est placé dans le menu sous forme de shortcode 
 * dans Ronneby > theme options > Header main options
 * (le code du shortcode se trouve dans functions.php)
*/

.lang-item a {
  color: white;
	font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  margin-right: 20px;
}



/*  page d'accueil -------------------------------------------------------------------- */


/* page d'accueil sur fond noir  */
/* (fond noir repris aussi au niveau de l'éditeur de Ronneby sous le contenu de la page) */
 
 
body.page.home {

background-color: black;

}


.home-page-presentation {
  margin: 0 80px 80px 80px;
}


.homepage-columns {
   margin:  0 0 0 0;
}

.cadre-carte {
  margin:  0 0 0 0;
  width:  100%;
}




/* texte de la page d'accueil */


.homepage-text-columns.desktop {
  width:  90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
}

.homepage-text.mobile {
  width:  90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  word-break: normal;   /* n'a pas l'air de fonctionner */
}

.homepage-text {
  font-size: 18px;
  padding: 0px 0px 0px 0px;
  color:#d4dadc;
  background-color: black;
  line-height: 1.4;
}

.has-drop-cap:not(:focus)::first-letter {
  font-size: 2.9em;
  margin-top: 7px;
}

.homepage-text a {
  color: #d4dadc;
}


/* CSS des Grids de la page d'accueil, versions mobile et  desktop */ 

.desktop .homepage-grid-title {
width: 85%;
font-size: 16px;
line-height: normal;
text-align: center; 
margin:  35% 0 0 0;   /*  3 éléments @85% : 150px , 4 élément @ 80% 90px ; @85% -> 35% ?*/
padding:  5px 5px 5px 5px;
border-radius: 5px 5px 0 0 ;
color:  black;
background-color: white;
  }

.desktop .homepage-grid {
  width: 85%;
  margin: 0 50px 0 0;
  padding:  0px 5px 5px 5px;
  border-radius: 0 0 5px 5px ;
  background-color: white;
  }

.mobile .homepage-grid-title {
width: 100%;
font-size: 16px;
line-height: normal;
text-align: center; 
margin-top:  -5px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
padding:  5px 5px 5px 5px;
border-radius: 5px 5px 0 0 ;
color:  black;
background-color: white;
  }

.mobile .homepage-grid {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding:  0px 5px 5px 5px;
  border-radius: 0 0 5px 5px ;
  background-color: white;
  }


.wp-block-coblocks-gallery-carousel.homepage-carousel  {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  
}

/* CSS du CAROUSEL DE LA PAGE d'ACCUEIL */
/* cf. https://www.metaslider.com/carousel-slider-partial-images/ */

#metaslider_container_40956{
	overflow: hidden;
	width: 100%;
}#metaslider_40956 {
  max-width: 890px;
  width: 890px;
  margin: 0 auto;
}#metaslider_40956 .flex-viewport {
	overflow: visible !important
}#metaslider_40956.flexslider .slides li {
	width: 890px!important;
}


/*
 * CSS FOOTER  ---------------------------------------------------------------------
 *
*/

#footer .widget + .widget {
    margin-top: 0px;
}

.widget p {
  font-size: 16px;
	line-height: normal;
	}

.footer-msg a {
		font-size: 16px;
    line-height: 1.8;
	}

#custom_html-3.widget_text.widget.widget_custom_html  {
    text-align: center;
}

.footer-fb  {
    text-align: center;
}




/* CF7 FORMULAIRE  -------------------------------------------------------------------- */  

/* dynamic post select field */

.wpcf7-form-control-wrap.lab .select2.select2-container {
  min-width: 100%;
}

.wpcf7-form-control-wrap.lab div.dk-select-multi {
  display: none;
}

.duration-min .wpcf7-number, .duration-sec .wpcf7-number {
    display: inline-block;
    width: 4em;
}

/* Highlight error field */

.wpcf7 form .wpcf7-not-valid-tip {
	color: red;
}

/* notice for New Works form */

.wpcf7-form-control-wrap.password_public .wpcf7-list-item.first .wpcf7-list-item-label::after {
	content: " : visible to all visitors";
}

.wpcf7-form-control-wrap.password_public .wpcf7-list-item.last .wpcf7-list-item-label::after {
	content: " : visible to registered curators only";
}

html:lang(fr) .wpcf7-form-control-wrap.password_public .wpcf7-list-item.first .wpcf7-list-item-label::after {
	content: " : visible par tous les visiteurs";
}

html:lang(fr) .wpcf7-form-control-wrap.password_public .wpcf7-list-item.last .wpcf7-list-item-label::after {
		content: " : visible par les programmateurs enregistrés seulement.";
}


input.wpcf7-form-control.wpcf7-file.wpcf7-validates-as-required {
   margin-left: 10px;
   font-size: 16px;
}

input.wpcf7-form-control.wpcf7-submit {
   margin-left: 10px;
   font-size: 16px;
}




/* CSS de la PAGE D'UN FILM ------------------------------------------------------------------------*/

/* Maxime + Nico  */


/* titre dans le header */
.single-filmwork div.page-title-inner .page-title {
    text-transform: uppercase;
}

.entry-meta {display: none;}

/* 3 colonnes */
.work-specs-wrapper{   
  display:flex;
}

.work-specs {
  flex: 1;
  margin:0 0 0 0;
}

.work-content {
  flex: 3;
  margin:0 50px 0 0;
}

.work-links {
  flex: 1;
  margin:0 0 0 0;
}

/* colonne des données techniques */
ul.work-specs, ul.work-content, ul.work-links {
  list-style-type: none;
}

.work-specs .work-spec {
  font-size: 18px; 
}

.work-specs .work-spec a {
  font-size: 18px; 
}

li.lab .spec-name {
   line-height: normal;
}

li.lab.work-term ul li { 
  list-style : none; 
	font-size: 18px;
  line-height: normal;
}

li.lab.work-term ul {
  	 margin-left: 0px;		
}

li.production-year .spec-name { 
  display : block; 
  line-height: normal;
}

li.creation_format .spec-name { 
  display : block; 
  line-height: normal;
}

li.screening-format .spec-name { 
  display : block; 
  line-height: normal;
}

li.duration_min .spec-name { 
  display : block; 
  line-height: normal;
}

li.work-spec {
  padding-bottom: 12px;
	 }
 
/* colonne centrale */

.work-content .worktype {
   display: inline-block;
   text-transform: lowercase;

}

.work-content .filmmaker {
   display: inline-block;
}




.work-content img {
   width: 75%;
   margin-top: 15px;
}

/* sélecteur de description pour les travaux */
/* zappe la description EN de la page FR seulement si la description FR existe */
/* zappe la description FR de la page EN seulement si la description EN existe */
/* c'est à dire zappe la description ayant la classe de la langue inactive  */
/* mais seulement si elle descend d'une classe indiquant qu'il a la langue active */


:lang(fr)  .has-fr-desc .english_description {  
   /* text-decoration:line-through;  deboggage */ 
  display: none;
}

:lang(en)  .has-en-desc .french_description {
  /* text-decoration:line-through;  deboggage */
  display: none;
}

.work-descriptions .spec-name {   
 display: none;
}

.work-descriptions li {
	text-align: justify;
}


div.work-descriptions li.work-spec.other_description {
  border-top: solid;
  padding-top: 30px;
}

/* colonne de droite avec les liens */

.work-links .work-spec  {
  font-size: 18px; 
}


li.distribution .spec-name { 
  display : block; 
  line-height: normal;
}

li.password .spec-name { 
  display : block; 
  line-height: normal;
}

li.work-spec.password span.error {
  font-size : 16px;
  display : block; 
  line-height: 1.2;
}

ul.work-links a:before{ 
  content:"→ ";
}


ul.work-links a[href^="mailto:"]:before{ 
  content:"→ ";
}

li.email .spec-name { 
  display : block; 
  line-height: normal;
}






/* PAGE D'UN LABO  --------------------------------------------------------------------- */
/* Nico */


.lab-details-wrapper{
  display:flex;
}

.lab-specs{
  flex: 1;
  margin:0 0 0 0;
}

.lab-content{
  flex: 3;
  margin:0 50px 0 10px;
}

.lab-images{
  flex: 1;
  margin:0 0 0 0;
}

ul.lab-specs, div.lab-content, ul.lab-images {
  list-style-type: none;
	}


ul.lab-specs .website a:before{ 
  content:"→ ";
}

ul.lab-specs .email a[href^="mailto:"]:before{ 
  content:"→ ";
}


span {
  display: inline;
}

/* colonne de gauche */

.lab-specs .detail-value {
  font-size: 18px; 
}

.lab-specs .lab-detail a {
  font-size: 18px; 
}

.lab-specs .lab-detail.address_1 {
  line-height: normal; 
  font-weight: bold; 
  padding-right: 25px;
}

.lab-specs .lab-detail.address_2 {
  line-height: normal; 
    margin-top: 5px;
  padding-right: 25px;
}

.lab-specs .lab-detail.address_3 {
  line-height: normal; 
  padding-right: 25px;
}

.lab-specs .lab-detail.address_4 {
  line-height: normal; 
  padding-right: 25px;
}

.lab-specs .lab-detail.address_5 {
  line-height: normal; 
  padding-right: 25px;  
}

.lab-specs .lab-detail.postal_1 {
  line-height: normal;
  font-weight: bold; 
  margin-top: 5px;
  padding-right: 25px;  
}

.lab-specs .lab-detail.postal_2 {
  line-height: normal; 
  padding-right: 25px;
}

.lab-specs .lab-detail.postal_3 {
  line-height: normal; 
  padding-right: 25px;
}

.lab-specs .website {
  margin-top: 5px;
}

.lab-specs .social_networks img {
  margin-top: 15px;
}

.lab-specs .lab-detail.longitude iframe {
  margin-top: 15px;
   }

.lab-specs .white-mask {
  margin-top: -109px;
   }

/* colonne centrale */

li.lab-detail.works_accordion {
  margin-top: 50px;
}