@colorHover : #000000; //actu et couleur principale
@defaultTimer: .5s; // délais d'activation hover

.wbstr-Transition(@time) {
	-moz-transition: all ease @time;
	-webkit-transition: all ease @time;
	-ms-transition: all ease @time;
	-o-transition: all ease @time;
	transition: all ease @time;
}


body{
	
	//Effet de hover sur les links
	a.link-wrapper{
		&:after {
			content: "";
			position: absolute; 
			width: calc(~"100% - 8px");
			height: 100%;
			background: @colorHover;
			opacity: 0;
			top: 0;
			left: 0;
			z-index: 14;
			margin-left: 4px;	

			.wbstr-Transition(@defaultTimer);
		}

		&:hover:after {	opacity: .4; }
	}

    .banner a.link-wrapper{
        &:after {
            z-index: auto;
        }
    }

	//Hover : corrections sur blocks avec padding de 8px
	aside,
	.block-wrapper .block,
	.block.slider{
		a.link-wrapper{
			&:after {
				width: 100%;
				margin-left: 0;	
			}
		}
	}

	//Project UUID atomes vidéos
	.field-name-field-project-uuid {
		display:none;
	}

	//Hover laisser les menus de téléchargement au dessus de l'effet (publication)
	.block-hover{ z-index: 20; }

  //Faire de la place dans les nav de targeted
  .target-navbar ul li > a{ padding: 0 10px;}

  //Plus de place pour les ecosystem-links
  // .foot-link.container {
  //   width:1278px;
  // }

}

//IE8 pas de :hover 
.ie-old{
	body{
		a.link-wrapper{
			&:after {display: none;}
		}
	}
} 

//Icone Instagram 
#footer .foot-rs a.instagram{
	background-position:-328px 0;
}

.ckequote blockquote:before, .ckequote blockquote:after {
  font-size:14rem !important;
}

//Banner Iframe
.content-head .block.iframe .iframe-wrapper:before{
  padding-top:34% !important;
}


//Fix sur Upcoming events dans page agenda
.agenda .item-list .views-row {
  .views-field-field-society-terms + .views-field-field-country-terms:before{
    content:"" !important;
  }
  .views-field-field-date-evt .date-display-range{
    display:inline-block;
  }
}

a[href="/newsletter-com"], a[href="/fr/newsletter-com"] {
    display:none !important;
}

.node-type-media-page #sb-container #sb-nav #sb-nav-next, .node-type-media-page #sb-container #sb-nav #sb-nav-previous {
    display: none;
}


// éléments ajoutés pour les résolutions et la disposition des éléments sur tablette
@media only screen and (min-width: 768px) {

  #views-exposed-form-job-offers-page {  

    .navbar .main-navbar .navbar-header {
        width: 320px;
        min-width: 160px;
        max-width: 320px;
    }
    

        #views-exposed.view-search-field {
        width: 100%;
        margin-bottom: 20px;
        max-width: none;    }
        
       .views-exposed-widgets .views-search-field, .view-job-offers .views-exposed-widgets .filters { 
           width: 100%;
           float: left;
           clear: both; }
        
    }
    
}

// BEGIN MODS 
@media only screen and (max-width: 1023px) {
    .article .section-title,.solution-header .section-title,.solution-header .text-block {
        padding-left:5px;
        padding-right:5px;
    }
    .article .section-title, .press_release .section-title, .node_country_sheet .section-title, {
        padding-right:0px;
    }   
}

@media only screen and (max-width: 767px) {
    .node_article, .node_country_sheet, .node_company_subsidiary_sheet, .solution section, .node-type-job-sheet .content-body.description .product-title, .node-type-job-sheet .content-body.description .abstract {
        padding-left: 5px;
        padding-right: 5px;
    }
    .article aside, .country_sheet aside, .company_subsidiary_sheet aside, .solution aside {
        padding-left: 0;
        padding-right: 0; 
    }
    .node_article > * {
        margin-left:0;
        margin-right:0;
    }
    .article aside h3, aside .midtitle {
        margin-left: 5px;
        margin-right: 5px;
    }
    aside .block {
        padding:0 5px;
    }
    .node-type-location .location.content-body .container-fluid {
        padding:0;
    }
    .node-type-location .location.content-body .nav-buttons, .node-type-newsletter .nav-buttons {
        padding-left:5px;
    }
    .solution section .nav-buttons {
        padding-left:0;
    }
    body.page-agenda div#content, body.page-calendar div#content, body.node-type-event div#content {
        padding:30px 5px 100px;
    }
    .country_sheet.content-body.white-background, .node_company_subsidiary_sheet {
        margin-top:0px;
    }
    .country_sheet .lang, .company_subsidiary_sheet .lang, .medias-list.media-videos-layout .list-anchor  {
        display:none;
    }
    .node_company_subsidiary_sheet {
        margin-top:3vh;
    }
    .node .button {
        line-height:36px;
    }
    .view-company-subsidiary-list {
        overflow:auto;
        padding:0 1px;
    }
    .node-type-companies-list .content-head .block.head.selected .title {
        margin-left:-10px;
    }
    .content-body.push, #photo-mosaic {
        padding:0;
    }
    .content-body.push h2, .content-body.push .midtitle, .newsletter .header-content .header, .newsletter .body-content .content .container-fluid {
        padding:0 5px;
    }
    .page-title {
        margin-top:3vh;
        margin-bottom:0.67em;
        margin-left:5px;
    }
    .blocks-mosaic {
        margin-bottom:10px;
    }
    .node-type-media-photo h1.title {
        font:200 2.6em Raleway;
        margin-top:3vh;
        margin-bottom:0.67em;
    }    
    .node-type-media-photo .nav-buttons {
        padding-left:5px;
        margin-bottom:10px;
    }
    .view-media-video-list {
        margin:0;
    }
    .medias-list {
        width:100%;
    }
    .medias-list h2, .medias-list div.section-title, .medias-list h1.section-title {
        margin:3vh 0 0.67em 5px;
    }
    .medias-list.media-videos-layout .black-filters, .one-page-container .section-container {
        margin:0 5px;
    }
    .medias-list.media-videos-layout .safran-pager-mobile {
        padding-top:0;
    }
    .node-type-newsletter .buttons-row.button-mobile {
        padding-right:5px;
    }
    #content .section-container {
        padding-left:0 !important;
    }
    .one-page-container .first-title {
        margin-top:3vh;
        margin-bottom:0.67em;
    }
    .safran-paragraph-left {
        float:none;
        padding-right:0;
    }
    .solution-header .section-title {
        margin-top: 3vh;
        margin-bottom: 0.67em;
        padding-left: 5px;
        font-size:2em;
    }
    .node-type-targeted-entries-solution-page .solution-header, .node-type-product-page .solution-header, .node-type-solution-page .solution-header, .node-type-system-targeted-page #content.subpage {
        padding-left:0;
        padding-right:0;
    }
    .node-type-product-page .solution-header .text-block, .node-type-solution-page .solution-header .text-block, .node-type-system-targeted-page .text-block {
        padding-left:5px !important;
        padding-right:5px !important;
    }
    .node-type-targeted-entries-solution-page .products-navigation, .node-type-product-page .products-navigation {
        padding-left: 35px;
        padding-right: 35px;
    }
    .node-type-range-page .products-navigation {
        padding-left: 30px;
        padding-right: 30px;   
    }
    .node-type-targeted-entries-solution-page .gamme .row h2 {
        margin:3vh 5px 0.67em 5px;
        font:200 2em Raleway;
    }
    .gamme.short-items .item {
        width:47%;
    }
    .gamme .item {
        margin:20px 5px 10px 5px;
    }
    .node-type-range-page .solution-header  {
        padding-left:5px;
        padding-right:5px;
    }
    .node-type-range-page .solution-header .section-title {
        padding-left:0;
    }
    .product aside {
        margin-top:0;
        padding:0;
    }
    .product aside .midtitle {
        margin:3vh 5px 0.67em 5px;
    }
    .product .abstract {
        width:100%;
    }
    .product .abstract .text > * {
        padding-left:5px !important;
        padding-right:5px !important;
    }
    .product .content-body.description .product-title{
        padding-left:5px;
        padding-right:5px;
    }
    .product section .nav-buttons {
        padding-left:0;
    }
    .node-type-system-page .content-body {
        padding:0;
    }
    .node-type-system-page .section-title {
        margin:3vh 5px 0.67em 5px;
        padding-left:0;
        padding-right:0;
    }
    .node-type-system-page .text-block {
        padding-left:5px !important;
        padding-right:5px !important;
    }
    .node-type-system-page .content-body.editorial .text h2.catalog-title {
        margin:3vh 5px 0.67em 5px;
    }
    .node-type-system-page .field-name-field-catalog-text {
        padding-left:5px;
        padding-right:5px;
    }
    .press_release {
        padding-left:5px;
        padding-right:5px;
        padding-top:0;
    }
    .press_release .row:first-child {
        margin-top: 3vh;
    }
    .press_release .date {
        margin-left:0;
        font:400 1.1em Oswald;
    }
    .node_press_release {
        padding-left:0;
        padding-right:0;
    }
    .node_press_release .section-title {
        margin-top:1vh;
        margin-bottom:0.67em;
        font-size:1.8em;
    }
    .atom-align-right, .atom-align-left {
        float:none;
    }
    .field-type-text-with-summary .type-image.atom-align-right, .field-type-text-with-summary .type-image.atom-align-left {
        margin:0 auto;
    }
    .press_release aside {
        float:none;
        padding-left:0;
        padding-right:0;
    }
    .press_release aside .midtitle {
        margin-left:0;
        margin-right:0;
    }
    .container-press-release-page .page-title {
        padding:0;
    }
    .container-press-release-page .black-filters {
        width:98%;
    }
    .release-list .release, .media-list .media {
        width:97%;
        margin:0 2% !important;
    }
    .node-type-solution-page .content-body.description .product-title {
        margin:3vh 5px 0.67em 5px;
        padding-left:0;
        padding-right:0; 
    }
    .node-type-solution-page .content-body.description .abstract {
        margin:0;
        padding-left:5px;
        padding-right:5px;
    }
    #socialhub_list {
        padding-left:5px;
        padding-right:5px;
    }
}
// END MODS


@media only screen and (max-width: 1024px) {
    
    #views-exposed-form-job-offers-page {  
        
    .job-offers .form-control 
        { font-size: 11px; }
    #edit-societyuuid 
        { font-size: 10px; }
    #edit-regionuuid
        { font-size: 10px; }
    #edit-countryuuid
        { font-size: 10px; }
    #edit-contract
        { font-size: 10px; }
    #edit-profile
        { font-size: 10px; }
    #edit-jobfamily
        { font-size: 10px; }
    #edit-explevel 
        { font-size: 10px; }
    #edit-submit-job-offers 
        { font-size:12px; }   
    }
}


/* Playing around with webform 
*********************************/

.node-type-webform .content-body, .page-node-download .content-body {
    background: #ffffff;
}

.node-type-webform .breadcrumb {
    display: none;
}

.node-type-webform .form-item {
    margin: 0 0 10px 0;
}

.node-type-webform .form-text {
    box-shadow: none;
    border-radius: 0;
    border: 1px solid transparent;
    background: #f0f0f0;
    font: 400 italic 1.143em raleway;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    color: #555555;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.node-type-webform .form-submit {
    display: inline-block;
    position: relative;
    font: 400 0.9em/36px oswald;
    color: #ffffff;
    background: #333333;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    padding: 0 5px 0 5px;
    border: none;
    outline: none;
    padding-left: 15px !important;
    padding-right: 15px !important;
    cursor: pointer;
    overflow: visible;
    margin: 0;
}

.node-type-webform .form-submit:after {
    width: 11px;
    background: url(/sites/all/themes/safran/images/arrows-white-thin.png) no-repeat right center;
    margin-left: 13px;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
}

html body.page-node-9087 #content {
	background: #fff;
}

.page-node-9087.page-node-download p, .page-node-9087.page-node-download table {
	max-width: 1281px;
	margin-right: auto;
    margin-left: auto;
    padding-left: 4px;
    padding-right: 4px;
}

/* Hide Suppliers Search bar - Temporary workaround
***************************************************/
.page-node-9784 .search-field, .page-node-9771 .search-field {
    display: none !important;
}

/* Just to make TFA a little less ugly
***************************************/
#tfa-form, #tfa-basic-overview, #tfa-basic-setup-form, #tfa-basic-disable-form {
    padding-bottom: 20px;
}
#tfa-basic-setup-form img {
    display: none;
}
#tfa-form > div, #tfa-basic-overview > div, #tfa-basic-setup-form > div, #tfa-basic-disable-form > div {
    max-width: 1281px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 4px;
    padding-right: 4px;
    background: white;
    padding: 15px;
}
#tfa-form .form-item, #tfa-basic-setup-form .form-item, #tfa-basic-disable-form .form-item {
    margin: 15px 0;
}
#tfa-basic-overview a {
    background-color: #428bca;
    color: #fff;
    border: 2px outset #428bca;
    padding: 3px 6px;
}
#tfa-basic-overview a:hover {
    background-color: #3276b1;
    text-decoration: none;
}
#tfa-basic-setup-form ul {
    list-style-type: disc;
    padding:20px;
}


// Test Responsive player
// .layer-video-wrapper { 
//     position: relative;
//     padding-bottom: 56.25%;
//     padding-top: 30px;
//     height: 0;
//     overflow: hidden;
//     max-width: 100%;
//     height: auto;
// }
// .layer-video-wrapper iframe, .layer-video-wrapper object, .layer-video-wrapper embed {
//     position: absolute;
//     top: 0;
//     left: 0;
//     width: 100%;
//     height: 100%;
// }


/* Customize reCAPTCHA displays
******************************* */
#safran-contact-webform-contact-form .panel {
    box-shadow: none;
    -webkit-vox-shadow: none;
}
#safran-contact-webform-contact-form > div > fieldset.captcha > legend {
    display:none;
}
#safran-contact-webform-contact-form > div > fieldset.captcha > div.panel-body {
    padding:10px 0 20px 0;
}
#safran-contact-webform-contact-form > div > fieldset.captcha > div > div.help-block {
    color: #333333;
}
@media screen and (max-width: 575px){ #rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;margin-left:-1em;} }

// Ajustement pour nav longue 
@media screen and (max-width: 1367px) and (min-width: 1024px) {
    .nav-wrapper .menu-list ul.lvl1 li.lvl1 > a {
        font-size:1em !important;
    }
}
@media screen and (min-width: 768px) {
    .foot-link {
        width: 100%;
    }
}
.webform-client-form {
    max-width: 600px;
    margin:1em auto 0 auto;
}
.webform-client-form .form-item {
    margin:0 0 18px 0;
}

/* Special display for Paris Air Show 2019
****************************************** */
// #bourget2019Btn::after {
//     content: '';
//     z-index: -1;
//     background-color: hsla(0, 0%, 100%, 0.2);
//     position: absolute;
//     top: -50%;
//     bottom: -50%;
//     width: 1.25em;
//     transform: translateX(-525%) rotate(35deg);
// }
// #bourget2019Btn:hover {
//   cursor: pointer;
//   background-color: #f1f1f1;
// }
// #bourget2019Btn > .page-link {
//     border-bottom: 5px solid #d5002b;
// }
// #bourget2019Btn:hover::after {
//   transition: transform 0.45s ease-in-out;
//   transform: translateX(200%) rotate(35deg);
// }
#bourget2019Btn > div > .lvl2 > div.container-lvl1 > div.name-lvl1 {color:#d5002b !important;}
#bourget2019Btn > .page-link, #bourget2019Btn:hover > .page-link {border-bottom:5px solid #d5002b !important;}
#bourget2019Btn > div > .lvl2 > div.container-lvl1 > a.button-cta {background-color:#d5002b !important;}
#bourget2019Btn > div > .lvl2 > div.container-lvl2 li.lvl2:hover > a {color:#d5002b !important;}