/*
Theme Name: required+ Starter
Theme URI: http://themes.required.ch/
Author: required+ Team
Author URI: http://required.ch/
Description: Starter child theme for the required+ Foundation parent theme.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0.4
Template: required-foundation
Text Domain: requiredstarter
*/

/*
  Make the template work
*/



@import url(../required-foundation/style.css);


    /**
    * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
    * http://cssreset.com
    */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
    body {
    line-height: 1;
    }
    ol, ul {
    list-style: none;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
    table {
    border-collapse: collapse;
    border-spacing: 0;
    }

/* END RESET */

.clear {clear:both;}
ul.circleBullet {margin-bottom:1.5em; list-style-type:circle;}

/** TYPOGRAPHY  **/
body {
  font-size: 100%;
}

body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {
  font-size-adjust: 0.5;
}

#page {
  font-size: 1em;
  /* equivalent to 16px */
  line-height: 1.25;
  /* equivalent to 20px */
}

@media (min-width: 43.75em) {
  #page {
    font-size: 1em;
    /* equivalent to 16px */
    line-height: 1.375;
    /* equivalent to 22px */
  }
}

h1 {
  font-size: 2em;
  /* 2x body copy size = 32px */
  line-height: 1.25;
  /* 45px / 36px */
}

@media (min-width: 43.75em) {
  h1 {
    font-size: 2.5em;
    /* 2.5x body copy size = 40px */
    line-height: 1.125;
  }
}

@media (min-width: 56.25em) {
  h1 {
    font-size: 3em;
    /* 3x body copy size = 48px */
    line-height: 1.05;
    /* keep to a multiple of the 20px line height and something more appropriate for display headings */
  }
}

h2 {
  font-size: 1.625em;
  /* 1.625x body copy size = 26px */
  line-height: 1.15384615;
  /* 30px / 26px */
}

@media (min-width: 43.75em) {
  h2 {
    font-size: 2em;
    /* 2x body copy size = 32px */
    line-height: 1.25;
  }
}

@media (min-width: 56.25em) {
  h2 {
    font-size: 2.25em;
    /* 2.25x body copy size = 36px */
    line-height: 1.25;
  }
}

h3 {
  font-size: 1.375em;
  /* 1.375x body copy size = 22px */
  line-height: 1.13636364;
  /* 25px / 22px */
}

@media (min-width: 43.75em) {
  h3 {
    font-size: 1.5em;
    /* 1.5x body copy size = 24px */
    line-height: 1.25;
  }
}

@media (min-width: 56.25em) {
  h3 {
    font-size: 1.75em;
    /* 1.75x body copy size = 28px */
    line-height: 1.25;
  }
}

h4 {
  font-size: 1.125em;
  /* 1.125x body copy size = 18px */
  line-height: 1.11111111;
}

@media (min-width: 43.75em) {
  h4 {
    line-height: 1.22222222;
    /* (22px / 18px */
  }
}

blockquote {
  font-size: 1.25em;
  /* 20px / 16px */
  line-height: 1.25;
  /* 25px / 20px */
}

@media (min-width: 43.75em) {
  blockquote {
    font-size: 1.5em;
    /* 24px / 16px = */
    line-height: 1.45833333;
    /* 35px / 24px */
  }
}


/*END TYPOGRAPHY*/

body {font-family: 'lato Sans', sans-serif; font-weight: 400; }

h1, h2, h3, h4, h5, h6 { font-family: 'lato Sans', sans-serif; font-weight: 300; margin:.5em 0 0.25em 0; }
h4,h5,h6 {font-weight:700;}
h1, h1.entry-title {font-size:24px; text-transform:uppercase; line-height:1.2em; margin-bottom:18px;}
.cacher {display:none;}
#site-title { font-weight: 600; }

.required-header .inline-list {
  margin-top: 14px;
}

header, nav, section, article, aside, footer {
   display:block;
}


a {color:#3CC3B2;}
strong {font-weight:700;}
em, i {font-style:italic;}

#site-title {display:none;}
#site-description {display:none;}
.page-id-30 .entry-title {display:none;}
.fullwidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

header .column, header.columns {padding:0!important;}

/* .row .row {margin: 0 15px;}  Reset from foundation grid base */

/*.row .row {margin: 0!important; } /*

/* 
****************
HEADER GENERAL
**************
 */

.home-top-nav {
position:absolute;
z-index:900;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;

}

.home-top-nav, .top-nav {max-width:1140px !important; z-index: 900; height:120px; margin:0px auto !important; text-align:center; padding:0;}



#content {padding-top:45px;}

.video { top:0; z-index:100}

#access .ubermenu-main {background-color:rgba(0,0,0,1); position:relative; /*z-index: 900;*/}

.ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper {background-color:rgba(0,0,0,0.8);}

/*.page-id-30 #access .ubermenu-main, .page-id-157 #access .ubermenu-main, .page-id-159 #access .ubermenu-main { top: -45px!important;}*/

header.entry-header {margin-bottom:30px;}
.six.columns .mobile-language-selector {display:none;}


/*
*************
HEADER
************
*/


.bg-small-header {
width: 100%!important;
height:120px;
z-index:0;
position:absolute;
top:0;
left:0;}



/* 
****************
LOGO HEADER
**************
 */

.top-nav h1, .home-top-nav h1 {text-decoration:none; border:0; margin:30px 0px 0px 15px; padding:0; position:relative; background-position:top left; background-repeat:no-repeat;}  

.top-nav h1 a, .home-top-nav h1 a {display:block; width:420px; text-indent:-99999em;}




h1.logo-exotik-journeys, h1.logo-exotik {
  height : 80px;
  background-image: url('/wp-content/themes/required-starter/images/logos/header/exotik-journeys.png');
   }

 
h1.logo-exotik a {
    height : 80px;
    text-indent : -9999px;
}


h1.logo-exotik-fr {
    height : 80px;
  background-image:url('/wp-content/themes/required-starter/images/logos/header/exotik-tours-fr.png') ;
   }

 
h1.logo-exotik-fr a {
    height : 80px;

}



h1.logo-carte-postale {
    height : 80px;
    background-image: url('/wp-content/themes/required-starter/images/logos/header/carte-postale-tours-en.png');
   }

h1.logo-carte-postale-fr {
    height : 80px;
    background-image: url('/wp-content/themes/required-starter/images/logos/header/carte-postale-tours-fr.png');
   }
 
h1.logo-carte-postale a, h1.logo-carte-postale-fr a {
    height : 80px;
}



h1.logo-boomerang
 {
    height : 80px;
    background-image: url('/wp-content/themes/required-starter/images/logos/header/boomerang-tours-en.png');
   }

 
h1.logo-boomerang a {
    height : 80px;
}

h1.logo-boomerang-fr
 {
    height : 80px;
    background-image: url('/wp-content/themes/required-starter/images/logos/header/boomerang-tours-fr.png');
   }
 
h1.logo-boomerang-fr a {
    height : 80px;
}





/* 
****************
TOP NAVIGATION
**************
 */


.six.columns .top-header {text-align:right;}

ul#top-navigation ul {margin:0px;}
ul#top-navigation {margin: 30px 0 0 0; float:right;}
#top-navigation li {display:inline-block; padding:0 10px 0 0; position:relative; height:24px;}
#top-navigation li:first-child, #top-navigation li.top-search{padding:0;}

li.ico-home a { 

background: url('/wp-content/uploads/2014/11/ico-home.png') no-repeat scroll center center rgba(0, 0, 0, 0);
    display: block;
    height: 19px;
    width: 18px;
  
  }

#top-navigation li a {background-repeat:no-repeat; background-position:center center;}
#top-navigation li.ico-email a{
  background: url('/wp-content/uploads/2014/11/ico-email.png') no-repeat scroll center center  rgba(0, 0, 0, 0);
background-image:url('/wp-content/uploads/2014/11/ico-email.png'); 
    display: block;
    height: 24px;
    width: 24px;
  
    }
#top-navigation li.ico-facebook {padding-right:0;} 
#top-navigation li.ico-facebook a{
  background: url('/wp-content/uploads/2014/11/ico-facebook.png') no-repeat scroll center center  rgba(0, 0, 0, 0);
background-image:url('/wp-content/uploads/2014/11/ico-facebook.png');
    display: block;
    height: 24px;
    width: 18px;
  
    }

/*LANG*/
.language { display: inline-block; color:#fff; top:-6px;}
#lang_sel_list {margin:0;}
#lang_sel_list ul li {margin:0; padding:0; display:inline-block; height:24px; width:auto;}
#lang_sel_list ul a, #lang_sel_list_list ul a:visited {display:block; line-height:24px;text-align:center; margin:0 5px; padding:0; font-size:11px;}
#lang_sel_list ul a span, #lang_sel_list_list ul a:visited span {height:24px; line-height:24px;}
#lang_sel_list li.icl-en {border-right:1px solid #fff;}
#lang_sel_list li.icl-en span {padding-right:5px;}
.wpml-ls-legacy-list-horizontal {padding:0;}
.wpml-ls-current-language a span{color:#ccc;}

/*MOBILE LANG*/

.mobile-language-selector {display:inline-block; position:relative; width:18px; line-height:14px; float:right; margin-right:10px; margin-top:18px;}
.mobile-language-selector ul {padding:0; margin:0 auto; display:block;}
.mobile-language-selector #lang_sel_list {margin:0; padding:0;}
.mobile-language-selector #lang_sel_list li { margin:0!important; padding:0 !important; text-align:center; width:auto; height:auto; border:none !important;}
.mobile-language-selector #lang_sel_list li.icl-en span { border-bottom:1px dashed #fff; padding-bottom:3px; text-align:center;}
.mobile-language-selector #lang_sel_list a, .mobile-language-selector #lang_sel_list a:visited {font-size:13px; width:auto; height:auto; padding:0; margin:0; line-height:14px; background-color:rgba(0,0,0,0.5); text-align:center;} 




/*SEARCH*/

li.top-search .search-button-lp {
    height:24px !important;
    width:24px !important;
    border: none;
    cursor: pointer;
    color:white;
    position:relative;
}


li.top-search #searchform  {
   height:24px; 
   margin: 0px;
   }

li.top-search #searchform input.search-text-area {
    background-color: #fff;
    border-top: 1px solid rgba(0,0,0,0.1);
  border-right: none;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  border-left: 1px solid rgba(0,0,0,0.1);
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-family: inherit;
    font-size: 0.83em;
    height: 24px;
    margin: 0;
    padding: 3px;
    padding-top:4px;
    transition: all 0.15s linear 0s;
    width: 150px;
    line-height:24px;
  }


.searchPage #searchform  {
   height:32px; 
   margin: 0px;
   line-height:32px;
   }

.searchPage input.search-text-area {width:95%; float:left; box-shadow:none;}
.searchPage .search-button-lp {
    height:32px !important;
    width:32px !important;
    border: none;
    cursor: pointer;
    color:white;
    position:relative;
}

#searchform input[type="submit"] {
 background:url(/wp-content/uploads/2014/11/ico-search1.png) center center no-repeat #6D6360;
}

#lang_sel_list a, #lang_sel_list a {color:#fff!important; background-color:transparent!important; font-family: 'lato Sans', sans-serif; font-weight: 300;}


/* 
****************
JAIMERAIS
**************
 */


.jaimerais {
  display:block;
  height:320px;
  width:320px;
  position:absolute;
  top:100px;
  left:50%;
  margin-left:-160px;
  text-align:center;
  z-index:990;
  background:url('/wp-content/uploads/2014/11/cercle_jaimerais.png') no-repeat scroll center 0 rgba(0, 0, 0, 0);
  
}
.jaimerais p {
    color: #fff;
    font-family: "Lobster";
    font-size: 60px;
    margin-top: 90px;
    padding:20px;
    margin-bottom:-10px;
}

/*REMAKE DOWN ARROW SELECT on HOME*/
.styled-select-home select {
font-family:Lato, sans-serif;   
background: transparent;
   width: 250px;
   padding: 6px;
   font-size: 12px;
   line-height: 1.25em;
   color:#D4D1D0;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance:none !important;
    -moz-appearance:none !important;
    appearance:none !important;
   cursor:pointer;
}

.styled-select-home select option {height:1.5em; padding-top:0.25em; background-color:#6D6360;}

.styled-select-home {
    width: 250px;
    height: 34px;
    overflow: hidden;
   background: url(/wp-content/themes/required-starter/images/exotik-down-arrow-home.png) no-repeat right #6D6360;
      border:none;
    margin: auto;
  transition: all 0.15s linear 0s;
   }
/*end Down arrow*/


/* 
****************
UBERMENU
**************
 */
 
 
.menulogo {
  position: absolute;
  left: 50%!important;
  margin: -30px 0 0 -60px;
  z-index: 999;
 
}

#sticky.stick {
  position: fixed;
  top: 20px;
  z-index: 10000;
}


/* Position le menu centre autour du l'icone de carte */
#menu-item-73, #menu-item-245 { margin-left: 0px;}
#menu-item-244  { border-right:0;}
#menu-item-244 a > .ubermenu-target-title {padding-right:0px;}
#menu-item-348 { margin-right:160px; border-right:0;}
#menu-item-348 a > .ubermenu-target-title {padding-right:0px;}
#access .ubermenu-main {padding-right: 0px;}


/* enlever la bordure droite sur l'onglet to book */
li#menu-item-1426, li#menu-item-247  {border-right:0;}

nav.ubermenu.ubermenu-main li.rightOfLogo {border-left:none;}

.ubermenu-responsive-toggle {color:#fff; position: absolute;
}
.ubermenu-responsive-toggle:hover {color:#fff;}

.ubermenu.ubermenu-transition-slide .ubermenu-active > .ubermenu-submenu.ubermenu-submenu-type-mega, .ubermenu:not(.ubermenu-transition-slide) .ubermenu-submenu.ubermenu-submenu-type-mega {padding:3%;}

 
/* The Menu Bar - for most skins, this is where the background bar color is set */

.ubermenu li.ubermenu-item {border-right:1px solid #fff; }
.ubermenu li.ubermenu-item a {text-transform: uppercase; color:#fff; font-size:12px; }
.ubermenu li.ubermenu-item a:hover {background-color:#fff; color:#000;}
li#menu-item-72, li#menu-item-75  {border-right:none;}

.ubermenu.ubermenu-transition-slide .ubermenu-active > .ubermenu-submenu.ubermenu-submenu-type-mega, .ubermenu:not(.ubermenu-transition-slide) .ubermenu-submenu.ubermenu-submenu-type-mega {
    background-color: #fff; color:#000;
}
.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target {
padding-top: 2px;
padding-bottom: 2px;
}

.ubermenu-submenu ubermenu-submenu-id-83 ubermenu-submenu-type-auto ubermenu-submenu-type-mega ubermenu-submenu-drop ubermenu-submenu-align-full_width  {margin:0 auto;}
.ubermenu-active > .ubermenu-submenu.ubermenu-submenu-type-mega .ubermenu-item a {color:#000;}
.ubermenu-active > .ubermenu-submenu.ubermenu-submenu-type-mega .ubermenu-item a:hover {color:#636363;}
.ubermenu-main .ubermenu-item .ubermenu-submenu-drop.ubermenu-submenu-type-mega { padding-top:14px;}


.ubermenu-submenu .ubermenu-submenu-type-auto .ubermenu-submenu-type-mega .ubermenu-submenu-drop .ubermenu-submenu-align-full_width {line-height:1em!important; padding:0; margin:0;}

/*
Style pour continent dans mega menu ubermenu
*/
#menu-item-92 > a span.ubermenu-target-text  {color:#FED204; border-bottom: 1px solid #FED204; line-height:30px; font-size:16px; font-weight:400;}
#menu-item-97 > a span.ubermenu-target-text, #menu-item-84 > a span.ubermenu-target-text, #menu-item-109 > a span.ubermenu-target-text, #menu-item-101 > a span.ubermenu-target-text, #menu-item-126 > a span.ubermenu-target-text, #menu-item-121 > a span.ubermenu-target-text {color:#C10407; border-bottom: 1px solid #C10407; line-height:30px; font-size:16px; font-weight:400;}
#menu-item-128 > a span.ubermenu-target-text  {color:#4ac1b0; border-bottom: 1px solid #4ac1b0; line-height:30px; font-size:16px; font-weight:400;}



/* 

****************
FOOTER
**************
 */

#footer {background-color:#000; position:relative; bottom:0; left:0; margin:0; padding:18px 0; font-family: 'lato Sans', sans-serif;
color:#444; overflow:hidden;}

.testimonial { background-color:#584e4b;}
#testimonial-slider { margin: 0 10% 1% 5%;}
.tmls_text {font-family: "Lobster"; color:#fff!important; margin:20px; letter-spacing:0.4px; line-height:1.4em!important;}
.tmls_name {float:right; margin:0 5%; font-family: 'lato Sans', sans-serif; color:#fff!important; font-size:13px!important; line-height:0.8em!important;}

.dark {background-color:#000;}
.logo-slider {margin:5% 10% 5% 5%;}
.owl-carousel-item-imgtitle {display:none;}
.owl-carousel .item img {display:block; height:auto; /*width:100%;*/}
.owl-theme .owl-controls {display:none!important;}

.email-signup {margin:5% 0 5% 10%;}
.email-signup p {font-family: "Lobster"; color:#fff!important; margin-bottom: 5px; letter-spacing:0.4px; line-height:1.4em!important;}
.email-signup input  {background-color:#fff; color:#6d6360; font-family: 'lato Sans', sans-serif; border:none; border-radius:0; font-size:0.7em!important;}
.sml_name, .sml_namelabel, .sml_emaillabel { display:none;}
/*.sml_emailinput {width:60%!important;}*/
.email-signup input.btn.sml_submitbtn  {background-color:#6d6360!important; color:#fff!important; padding:10.5px!important; font-size:0.7em!important; font-weight: 300!important;}

p.sml_email {float:left;}
p.sml_submit {float:left;}


/*
LP REMAKE FOOTER ... 
*/

#footer-logo ul li {display:inline-block; margin:0.15em 0.5em; }
#footer-logo .small-text {font-size:0.7em; position:relative; bottom:4px; color:#777;}

div.lien-footer {text-align:left; margin-bottom:18px;}
div.lien-footer ul li {display:inline; padding:1em 0.5em; font-size:10px;}
div.lien-footer ul li a {border-bottom:1px solid #fff; color:#fff; }
div.lien-footer ul li a:hover{text-decoration:none; border-bottom:1px dashed #fff;}
div.lien-footer ul li a:visited {}
#footer-logo {text-align:right;}
#footer-logo ul li img {height:40px; margin-left: 8px; width:auto;}
#footer-logo ul li.travelBrands img {height:35px; width:auto; border:0px; padding:0.5em;}
#footer-logo ul li.travelBrands img:hover { border-radius:0px;}


/*  
****************
MAIN GENERAL
**************
 */

#main {margin-bottom:30px;}

/*.reveal-button {display:none!important;}*/

 /* Reveal --- */
  
#myModal {z-index:999!important;}

.centered {
  position: fixed;
  left: 50%;
  margin-left: -300px;
}
  
.reveal-modal-bg { position: absolute; }
.reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge { width: 80%; top: 15px; left: 50%; margin-left: -40%; padding: 20px; height: auto; }


/*EXOTIK FORM*/

div.wpcf7 {margin:2em 0;}

form.exotikForm .styled-select select {color:rgba(0, 0, 0, 0.45); font-size:14px; padding-left:3px;}
form.exotikForm .styled-select select option {color:rgba(0,0,0,0.75);}
form.exotikForm .styled-select {border:1px solid #ccc ;}
input.wpcf7-submit.formButton {font-family:'Lobster', 'Lato', sans-serif; font-size:1.5em; background-color:#fff; border:none; border-top:1px dashed #000; border-bottom:1px dashed #000; line-height:1em; padding:0.75em; display:block; margin:1.5em 0; width:100%;
background-image:url(/wp-content/themes/required-starter/images/exotik-search-arrow.png);
background-position:95% center;
background-repeat:no-repeat;}

span.wpcf7-not-valid-tip {margin:-0.5em 0 1em;}
div.wpcf7-mail-sent-ok {background-color:#FFB718; border:none!important;}
div.wpcf7-response-output {margin:0em 0px 2em 0;
	padding:0.75em 1em;
	font-size:18px;
	text-transform:uppercase;
	text-align: center;
}
div.wpcf7-mail-sent-ng, div.wpcf7-validation-errors{border: none !important; color: #fff; background-color: #F6303E;}

span.wpcf7-not-valid-tip {margin:-0.5em 0 1em; color:#F6303E;}
input.wpcf7-submit.formButton:hover {color:grey; cursor:pointer;}
.brochureDemandees {margin-bottom:1em;}
.brochures-demandees span.wpcf7-list-item {margin:0;}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {box-shadow:none; border-radius:none;}


@media only screen and (max-width: 767px) { 

/* Reveal Modals ---------------------- */
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0, 0, 0, 0.45); z-index: 40; display: none; top: 0; left: 0; }

.reveal-modal { background: #fff; visibility: hidden; display: none; top: 100px; left: 50%; margin-left: -260px; width: 520px; position: absolute; z-index: 41; padding: 30px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
.reveal-modal .close-reveal-modal:not(.button) { font-size: 22px; font-size: 2.2rem; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); font-weight: bold; cursor: pointer; }
.reveal-modal.small { width: 30%; margin-left: -15%; }
.reveal-modal.medium { width: 40%; margin-left: -20%; }
.reveal-modal.large { width: 60%; margin-left: -30%; }
.reveal-modal.xlarge { width: 70%; margin-left: -35%; }
.reveal-modal.expand { width: 90%; margin-left: -45%; }
.reveal-modal .row { min-width: 0; margin-bottom: 10px; }
.reveal-modal > :first-child { margin-top: 0; }
.reveal-modal > :last-child { margin-bottom: 0; }






/*******************************
********************************
//       MEDIA QUERY         //
********************************
********************************/



/************
   WHAT FOR?
*************/
/* max-width 640px, mobile-only styles, use when QAing mobile issues */ 

 @media only screen and (min-width: 40.063em) { 

/*ul#top-navigation{float:right; margin:auto;}*/
} 

/* min-width 641px, medium screens */ 


/************
MEDIUM SCREEN
*************/

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

/*PAGE SECONDAIRE*/

.secondaireMainContent {border-left:none;}
.secondaireTagline {font-size:21px;}
} 


.top-nav h1, .home-top-nav h1, .top-nav h1 a, .home-top-nav h1 a {text-decoration:none; width:350px; margin:30px 0px 0px 0px; padding:0; }  

h1.logo-exotik {
    /*height:42px !important;*/
    /*background-image: url('/wp-content/uploads/2015/01/logo-exotik-tour-operator-since-1977_350px.png') !important;*/
    background-repeat:none;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   }
   
   h1.logo-exotik-fr {

    /*height : 42px !important;*/
    /*background-image: url('/wp-content/uploads/2015/01/logo-exotik-voyagiste-depuis-1977_350px.png') !important;*/
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   }
   
h1.logo-carte-postale {
    /*height : 31px;*/
    /*background: url('/wp-content/uploads/2014/11/logo_slogan_carte_postale_350px.png') no-repeat scroll center 0 rgba(0, 0, 0, 0);*/
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   }

h1.logo-boomerang {
    /*height : 34px;*/
    /*background: url('/wp-content/uploads/2014/11/logo_slogan_boomerang_EN_350px.png') no-repeat scroll center 0 rgba(0, 0, 0, 0);*/
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

   }
   
   h1.logo-boomerang-fr{
    /*height : 34px;*/
    margin-top : 30px;
    /*background: url('/wp-content/uploads/2014/11/logo_slogan_boomerang_FR_350px.png') no-repeat scroll center 0 rgba(0, 0, 0, 0);*/
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   
   }

ul#top-navigation{}
li.ico-home, li.ico-email,li.ico-facebook {display:none !important;}


#testimonial-slider { margin-right:5%;}
.logo-slider {margin-right:5%;}
.email-signup {margin-left:5%}
#footer-logo { margin-right:5%; }
ul.lien-footer { margin-left:5%;}

nav.ubermenu.ubermenu-main li.leftOfLogo {
    border-right: 1px solid #fff!important;
    margin-right: 0px!important;
}

row.home-top-nav, row.top-nav {width:100% !important;} 

} 

/******
I-PHONE HORIZONTAL
******
/

@media only screen and (max-width: 350px) and (orientation:portrait) { 


}



/************
MOBILE SCREEN
*************/
@media only screen and (max-width: 40em) { 

ul#top-navigation {border:2px solid #000;}


.home-top-nav, .top-nav {width:100% !important; max-width:100% important;}
.top-nav h1, .home-top-nav h1, .top-nav h1 a, .home-top-nav h1 a {text-decoration:none; width:400px !important; border:0; margin:18px 0px 0px 0px; padding:0;}  


h1.logo-exotik, h1.logo-exotik-fr {
  /*height : 29px !important;*/
  /*background: url('/wp-content/uploads/2014/11/logo_exotik_tour.png') no-repeat scroll center 0 rgba(0, 0, 0, 0) !important;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   }
   
h1.logo-carte-postale {
    /*height : 18px;*/
    /*background: url('/wp-content/uploads/2014/11/logo_carte_postale_250px.png') no-repeat scroll center 0 rgba(0, 0, 0, 0) !important;*/
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

   }

h1.logo-boomerang {
    /*height : 20px;*/
    /*background: url('/wp-content/uploads/2014/11/logo_boomerang_tour_250px.png') no-repeat scroll center 0 rgba(0, 0, 0, 0);*/
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

   }
   
   
h1.logo-carte-postale-fr{
    /*height : 18px;*/
    /*background: url('/wp-content/uploads/2014/11/logo_carte_postale_250px.png') no-repeat scroll center 0 rgba(0, 0, 0, 0);*/
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

   }

h1.logo-boomerang-fr{
    /*height : 20px;*/
    /*background: url('/wp-content/uploads/2014/11/logo_boomerang_tour_250px.png') no-repeat scroll center 0 rgba(0, 0, 0, 0);*/
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   }

  .required-header #searchform {width:120px;}




  row.home-top-nav, row.top-nav {width:100% !important;} 
  ul#top-navigation {display:none;}


#map-canvas  {max-height:250px;}
   
  #footer-logo { float: none; margin: 10% auto; text-align: center;}
  
  ul.lien-footer {margin:5% auto; text-align:center; left: 0;}
  
nav.ubermenu.ubermenu-main li.leftOfLogo {
    border-right: 1px solid #fff!important;
    margin-right: 0px !important;
}

/*MenuLangMobile*/

.six.columns .mobile-language-selector {display:inline !important; position:relative; width:18px; line-height:14px; float:right; margin-top:12px;}
#top-navigation li.ico-facebook, #top-navigation li.ico-email{display:none !important;}

}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ 

@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */ 

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ 

@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */ 

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ 

@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */