/******************************************
*****  RESPONSIVE RULES
******************************************/



/*******************************************
***********
***********
***********  PHONES 
***********
***********
******************************************/

@media screen and (max-width: 700px) {
  .site-body {
    margin-top: 0px;
    top: 0px !important; }
	
  body.front .site-body{
    display:none;
  } 
  
  body{
    background: none !important;
  }
  
  .site-header {
    position: relative;
    z-index: 0;
  }
  
  #block-pf-pf-external-linking img{
    width: 100%;
  }
  
  .site-right-column {
    width: 100% !important;
  }
  
  #block-pf-pf-internal-linking iframe {
    width: 100% !important;
    height: auto !important;
  }
  
  .block {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .site-left-column,
  .site-right-column {
    display: block; }

  #section-bottom .region {
    background: none; }

  .site-header-banner-container .site-information {
    display: none; }

  body.front #section-bottom .block {
    float: none;
    margin-right: auto;
    margin-left: auto; }

  body.front #section-bottom {
    position: relative;
    margin-top: 120px; }

  #block-views-blog-blocks-block-front-event, #block-views-blog-blocks-block-front-news {
    background-color: rgba(220, 220, 220, .8);
  }
	
  #section-bottom section {
    display: none !important; }

  .site-left-column,
  .site-center-column,
  .site-right-column,
  .page-collection .site-center-column{
    clear: left;
    float: none;
    width: auto; } 
	
  #section-bottom {
    margin-left: auto !important; }

  .site-left-column {
    margin-left: auto !important; }

  .site-center-column {
    margin-left: auto !important; }

  .site-right-column {
    margin-left: auto !important; }
	
  /******************************
  ********  FOOTER
  ******************************/
	
  .site-footer {
    /*display: none !important;*/ }
    
  .site-footer-quick-links-wrapper {
    display: none;
  }
  
  .site-footer-quick-links{
    max-width: 35px !important;
  }
  
  #superfish-1 {
    display: inline !important;
  }
  
  #superfish-1-select {
    display: none;
  }
  
  #menu-3254-1, #menu-3264-1, #menu-3273-1 {
    display: none;
  }
  
  #menu-3254-1 li, #menu-3264-1 li, #menu-3273-1 li {
    border-right: none;
    padding-left: 10px;
  }
  
  #menu-2087-1, #menu-2088-1, #menu-3128-1 {
    margin-top: 14px;
    margin-left: 20px;
    border-right: 1px solid #af8d6d;
    padding-right: 20px;
  }
  
  .region-footer-first .block + .block {
    border-left: none;
  }
    
  .site-footer-footer-menu {
    float: none;
  }
  
  .region-footer-first .block + .block {
    margin-left: 0;
  }
  
  #block-menu-menu-footer-second ul.menu li {
    /*border-right: none;*/
	padding-right: 20px;
  }
  
  #block-menu-menu-footer-second li:nth-child(4) {
    border-right: none;
	padding-left: 20px;
  }
  
  #block-menu-menu-footer-second li:nth-child(1), #block-menu-menu-footer-second li:nth-child(3), #block-menu-menu-footer-second li:nth-child(5) {
    display: none;
  }
	
  /******************************
  *** 05.12.14 remove citations on mobile
  ******************************/
  .region-sidebar-first{
    display: none !important;
  }  
  body.page-collection .region-sidebar-first, body.node-type-reference .region-sidebar-first{
    display: block !important;
  }
  body.page-collection .secondary-tabs-wrapper {
    display: none;
  }
  body.page-collection .view-collection-informative-block .views-field-description-i18n {
    display: none;
  }
  
  /******************************
  ********  MOBILE MENU
  ******************************/
	
  .site-mobile-search {
    display: block;
    position: absolute;
    bottom: 0px;
    width: 30px;
    height: 30px;
    background-position: center center;
    background-repeat: no-repeat; }

  /**
  * Modification Connect-i - ModifELS14 - 27.08.14 - C�dric Carrard
  * Modification de la classe .site-mobile-search, .site-mobile-lang , .site-mobile-menu-toggle afin de centrer les �lements 
  */  

  .site-mobile-search {
    right: 95px;
    background-image: url(../img/search-icon.png); }

  .site-mobile-lang {
    text-transform: uppercase;
    font-size: 200%;
    font-weight: bold;
    color: #675d5a;
    display: block;
    position: absolute;
    bottom: 0px;
    width: 45px;
    height: 30px;
    background-position: center center;
    background-repeat: no-repeat; }

  .site-mobile-lang {
    right: 110px; }

  .site-mobile-menu-toggle {
    right: 165px; }

  #edit-lang-dropdown-select--2_msdd {
    background-color: transparent;
    text-align: right;
    width: 42px !important; }

  #edit-lang-dropdown-select--2_child {
    border-color: #675d5a;
    background-color: #675d5a;
    width: 42px !important; }

  .form-item-lang-dropdown-select {
    margin-top: 5px; }

  #edit-lang-dropdown-select--2_arrow {
    background-image: none; }

  #edit-lang-dropdown-select--2_title {
    padding: 0px;
    font-size: 130%;
    height: 20px;
    border: none;
    background-color: transparent; }

  .site-mobile-lang .selected.enabled {
    background-color: #48413e !important; }

  .site-mobile-lang a:hover {
    background-color: #48413e !important; }

  #edit-lang-dropdown-select--2_arrow {
    width: 0px; }
	
  /******************************
  ********  VIEWS
  ******************************/
	
  #block-views-reference-sticky-block {
    margin-left: 0; }
	
  .view.sticky-ref-slide #controls {
    bottom: 45px; }
	
  .slidejs-collection #prevBtn {
    float: left; }

  .slidejs-collection #nextBtn {
    float: right; }
	
  .slidejs-collection .view-content {
    width: 200px !important; }
	
  .views-row-before-first {
    display: none; }

  .views-row-after-last {
    width: 500px; }
	
  /******************************
  ********  REFERENCE NODES
  ******************************/
  body.node-type-reference article .left + div {
    max-width: 70%;
    padding-left: 5%;
    margin: 0; }

  body.node-type-reference article .left + div .field-item {
    text-align: center; }
	
  body.node-type-reference article .left, body.node-type-reference article .right {
    margin-top: 10%; } 
    
  .views-field-field-mou-front-picture img {
    min-width: 100%;
  }
	
  /******************************
  ********  SPONSORS : For phone the body content should not have margin-right 12/11/2014
  ******************************/
  .site-body-content-row .site-body-content-row-left-column.site-left-column {
    margin-right:0px;
  }
  .site-body-content-row .site-body-content-row-center-column.site-center-column {
    margin-right:0px;
  }
  .site-body-content-row .site-body-content-row-right-column.site-right-column {
    margin-right:0px;
  }
  /* For phone the right content titles should display below the images 12/11/2014*/
  .site-body-content-row-right-column.site-right-column #block-pf-pf-external-linking .field-title {
    display:inline-block;
  }
  /* On the phone, on same pages menu is shown in blue 12/11/2014*/
  #mobile-menu-wrapper a:hover {
    color: #d6cdc1;
  }
  #mobile-menu-wrapper a {
    color: #b2a69b;
  }
  /* On the phone, the sponsoring view, text should show after images 12/11/2014*/
  .view-taxonomy-description.view-id-taxonomy_description.view-display-id-block_2 .views-field-description-i18n {
    float:left;
    width:100%;
  }
  /*  On mobile the specific watch model node view needs to be pushed down James 13-11-2014 */ 
  body.node-type-reference article {
    margin-top:50px;
  }
  
  /******************************
  ********  SEND BY EMAIL
  ******************************/
  body.page-printmail .form-type-textfield input {
    width: 250px;
  }
  label.printmail-label {
    width: 100%;
    float: left;
  }
  body.page-printmail form#print-mail-form textarea#edit-txt-to-addrs {
    width: 250px;
  }
  body.page-printmail form#print-mail-form .form-item-txt-to-addrs .description {
    padding-left: 0px;
  }
  body.page-printmail form#print-mail-form .form-item-txt-message label {
    width: 100%;
  }
  body.page-printmail form#print-mail-form .form-item-txt-message .resizable-textarea {
    width: 250px;
  }
  body.page-printmail form#print-mail-form #edit-btn-submit {
    float: left;
  }
  #print-mail-form {
    max-width: 250px;
  }
  
  /******************************
  ********  RETAILERS ET CONTACT
  ******************************/
  body.page-info-retailers .retailer-right {
    float: left;
  }
  
  body.node-type-webform .webform-client-form .webform-component-textfield input, body.node-type-webform .webform-client-form .webform-component-email input, body.node-type-webform .webform-client-form .webform-component-textarea textarea {
    width: 280px;
  }
  
  body.node-type-webform .webform-client-form #webform-component-first-name input, body.node-type-webform .webform-client-form #webform-component-last-name input, body.node-type-webform .webform-client-form #webform-component-zip-code input, body.node-type-webform .webform-client-form #webform-component-city input, body.node-type-webform .webform-client-form #webform-component-country input, body.node-type-webform .webform-client-form #webform-component-phone-number input {
    width: 280px;
  }

  
  /******************************
  * 18.12.2014 left margin on know-how et company pages
  ******************************/
  .site-body-content-row {
    padding-left: 5px !important;
  }
  
    /* Peces of exception */
  body.node-type-exceptional-piece .ui-tabs #data-body, body.node-type-exceptional-piece .ui-tabs #data-sheet{
    color: black;
  }
  body.node-type-exceptional-piece .ui-tabs #data-sheet .listing-description{
    color: black;
  }
  body.node-type-exceptional-piece .ui-tabs #data-sheet .listing-label{
    color: black;
  }
  body.node-type-exceptional-piece .site-center-column{
    width: 100%;
  }
  body.node-type-exceptional-piece .site-left-column{
    width: 100%;
  }
  body.node-type-exceptional-piece article .field-name-field-field_ep_gallery {
    width: 80%;
  }
  body.node-type-exceptional-piece article .main-content {
    width: 100%;
  }
  body.node-type-exceptional-piece .main-content.ui-tabs .item-list {
    width: 100%;
  }
  body.node-type-exceptional-piece .region-sidebar-first{
    display: block !important;
  }
  body.node-type-exceptional-piece .field-name-field-field_ep_gallery{
    display: none;
  }
  body.node-type-exceptional-piece .ui-tabs #data-sheet .listing-label, body.node-type-exceptional-piece .ui-tabs #data-sheet .listing-description{
    font-size: 11px;
  }
  body.node-type-exceptional-piece .views-field-field-ep-front-picture img {
    margin-left: 10%;
  }
}


/*******************************************
***********
***********
***********  TABLETS 
***********
***********
******************************************/


@media screen and (max-width: 1025px) {
  #section-bottom .block {
    margin-top: 20px; }

  #section-bottom {
    margin-left: 50px; }

  body.front #section-bottom {
    width: auto; }

  body.front #section-bottom .block {
    margin-left: auto; }

  .site-left-column {
    margin-left: 50px; }

  .site-center-column {
    margin-left: 50px; }

  .site-right-column {
    margin-left: 50px; } 

  .site-footer-social-links {
    width: 120px; }

  .site-footer-quick-links {
    width: 45px; }

  .site-footer {
    display: block; }
	
  .site-main-navigation .menu {
    float: left; }
	
  #block-block-11 {
    display: none; } 
	
    /******************************
	********  VIEWS
	******************************/
  .view.sticky-ref-slide #controls {
    bottom: 45px; }
	
}


/*******************************************
***********
***********
***********  TABLETS PORTRAIT
***********
***********
******************************************/
@media screen and (max-width: 980px) and (min-width: 710px) {
  .front #block-views-blog-blocks-block-front-news {
    display: none;
  }

  body.node-type-exceptional-piece article .main-content  {
    width: 350px;
  }
  
  body.node-type-exceptional-piece .site-center-column {
    width: 350px;
  }
}