/*!
 *  sjl-styles.css
 *  sjl Additions
 *
 * Additions by @stopjetlag
 */

/* Needed if using a fixed NavBar*/
/*body { padding-top: 70px; }*/

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-family: 'Telex', sans-serif;
  font-weight: bold;
  line-height: 1.1; /* 20px; */
  color: #555555; /* #317eac; */
  text-rendering: optimizelegibility;
}

/*
.bg-navcolor {
    color: #fff;
    background-color: #2fa4e7;
}
    */
.bg-navcolor {
    color: #fff;
    background-color: #04488a;
}
/* Added back in on 240518 */

/*
.btn-info-sjl.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-info-sjl {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #6d76b3;
  *background-color: #2f96b4;
  background-image: -moz-linear-gradient(top, #9760b3, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9760b3), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #9760b3, #2f96b4);
  background-image: -o-linear-gradient(top, #9760b3, #2f96b4);
  background-image: linear-gradient(to bottom, #9760b3, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
*/

.sjl-custom-bullets {
    list-style-type: none; /* Remove default bullets */
    margin-left: 1em; /* 1em; */ /* 0; */ /* Remove default left margin */
    padding-left: 1em; /*2em; */ /* Add space for custom bullet */
}

.sjl-custom-bullets li::before {
    content: '✓'; /* "\2022"; */ /* Unicode for a filled circle (bullet) */
    color: deepskyblue; /* orangered; */ /* Custom bullet color */
    font-weight: bold; /* Make the bullet bold */
    display: inline-block;
    width: 1em; /* Adjust width if needed */
    margin-left: -1.5em; /* -2em; */ /* -1em; */ /* Pull the bullet to the left */
}

.btn-skyblue-cta {
    background-color: #00AEEF; /*blue;*/
    color: white;
    padding: 10px 14px; /* 10px 20px; */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin: 5px;
}

    .btn-skyblue-cta:hover {
        background-color: #00AEEF;
        color: black;
    }

/* Soft Sunrise Gold: #FBB040 */

.btn-softsunrisegold-cta {
    background-color: #FBB040;
    color: black;
    padding: 10px 14px; /* 10px 20px; */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin: 5px;
}

    .btn-softsunrisegold-cta:hover {
        background-color: #FBB040;
        color: white;
    }

.btn-lightblue-cta {
    background-color: #ADD8E6;
    color: black;
    padding: 10px 14px; /* 10px 20px; */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin: 5px;
}

    .btn-lightblue-cta:hover {
        background-color: #ADD8E6;
        color: white;
    }

.btn-green-cta {
    background-color: forestgreen;
    color: white;
    /*color: black;*/
    padding: 10px 14px; /* 10px 20px; */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin: 5px;
}

    .btn-green-cta:hover {
        background-color: forestgreen;
        color: black;
        /*color: white;*/
    }

.btn-info-sjl {
    color: #555555; /* #ffffff; */
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: lightgray;
    /*#f5f5f5;*/ /* #9e6ab8; */
    *background-color: lightgray;
    /*#f5f5f5; */ /*  #9760b3; */
    background-repeat: repeat-x;
    /*background-image: linear-gradient(to bottom, #a271bb, #9760b3);
    border-left-color: #9760b3;
    border-right-color: #9760b3;
    border-top-color: #9760b3;
    border-bottom-color: #6f4086;*/
}

    .btn-info-sjl:hover,
    .btn-info-sjl:focus,
    .btn-info-sjl:active,
    .btn-info-sjl.active,
    .btn-info-sjl.disabled,
    .btn-info-sjl[disabled] {
        color: #555555; /* #ffffff; */
        background-color: lightgray;
        /*#9760b3;*/
        *background-color: lightgray;
        /*#8b51a9;*/
    }

    .btn-info-sjl:active,
    .btn-info-sjl.active {
        background-color: lightgray; /* #7d4898 \9; */
    }

.btn-info-sjl-x {
    color: #555555; /* #ffffff; */
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #f5f5f5; /* #9e6ab8; */
    *background-color: #f5f5f5; /*  #9760b3; */
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #a271bb, #9760b3);
    border-left-color: #9760b3;
    border-right-color: #9760b3;
    border-top-color: #9760b3;
    border-bottom-color: #6f4086;
}

.btn-info-sjl-x:hover,
.btn-info-sjl-x:focus,
.btn-info-sjl-x:active,
.btn-info-sjl-x.active,
.btn-info-sjl-x.disabled,
.btn-info-sjl-x[disabled] {
  color: #555555; /* #ffffff; */
  background-color: #9760b3;
  *background-color: #8b51a9;
}

.btn-info-sjl-x:active,
.btn-info-sjl-x.active {
  background-color: #7d4898 \9;
}


.jet-lag-influences-table
{
    border-collapse: separate;
    border-spacing: 5px;
}


    .jet-lag-influences-table th, .jet-lag-influences-table td
    {
        padding: 0.2em;
        
    }

        .jet-lag-influences-table td.icon
        {
            text-align: center;
            vertical-align: middle;
        } 

        .jet-lag-influences-table td.description
        {
            text-align: left;
        } 

        .jet-lag-influences-table td.description-flights
        {
            text-align: left;
            background-color: lightblue;
        } 
        .jet-lag-influences-table td.description-bright-light
        {
            text-align: left;
            background-color: #FEFF00;
        } 
        .jet-lag-influences-table td.description-dim-light
        {
            text-align: left;
            background-color: #D3D3D3;
        } 
        .jet-lag-influences-table td.description-reset
        {
            text-align: left;
            background-color: #90EF93;
        }


.jet-lag-flights-table
{
    border-collapse: separate;
    border-spacing: 5px;
}


    .jet-lag-flights-table th, .jet-lag-flights-table td
    {
        padding: 0.2em;
        
    }

 
    /*   
.landing-page-table
{
    border-collapse: separate;
    border-spacing: 5px;
}


    .landing-page-table th, .landing-page-table td
    {
        padding: 0.2em;
        
    }
*/
    
.landing-page-table { border-collapse: collapse;
font-family: Futura, Arial, sans-serif; }

/*
.landing-page-table table { border-collapse: collapse;
font-family: Futura, Arial, sans-serif; }
*/
.landing-page-table caption { font-size: larger; margin: 1em auto; }
.landing-page-table th, td { padding: .65em; }
.landing-page-table th, thead { background: #000; color: #fff; border: 1px solid #000; }
.landing-page-table tr:nth-child(odd) { background: #ccc; }
.landing-page-table tr:hover { background: #aaa; }
.landing-page-table td { border-right: 1px solid #777; }
.landing-page-table table { border: 1px solid #777; }

.landing-page-table td.important
        {
            font-weight:bold;
        } 

.sjl-logo img
{
    padding-left: 0.5em;
    padding-top: 0.5em;
    padding-right: 1em;
    padding-bottom: 0.5em;
}

.followusiconsmiddle
{
    /* height: 40px;
    display: table-cell;
    vertical-align: middle;
    */
}


.order_secure {
	font-size:11px;
	/* font-family: arial,verdana,helvetica,sans-serif;
	font-weight:bold; */
	padding-top:8px;
	padding-bottom:0px;
}


.sjliconAdjustContainer
{
    margin-left: 0px;
    vertical-align:central;
    padding-bottom: 2px;
    height: 64px;
}


.sjlicon-floatleft { 
   float: left; 
   /* width: 140px;*/
   color: #000;
   padding-left: 0px;
   padding-right: 3px;
   vertical-align:central;
   /*
   font-size: 11px;
   text-align:center;
   padding: 3px 2px; margin: 1px 7px;
   */
}


.sjliconAdjustContainerH3size {
  margin-bottom: 0;
  font-size: 19px; /* 60px; */
  font-weight: bold;
  line-height: 1;
  letter-spacing: -1px;
  color: inherit;
  margin-top: 10px;
}


.sjlHeaderContainer
{
    margin-left: 0px;
    vertical-align:central;
    padding-bottom: 4px;
    padding-top: 4px;
    height: 68px; /* 72px; */ /* 64px; */
}
.sjliconHeaderH3size {
  margin-bottom: 0;
  font-size: 19px; /* 60px; */
  font-weight: bold;
  line-height: 1;
  letter-spacing: -1px;
  color: inherit;
  margin-top: 10px;
}

.sjlHeader1size {
    margin-bottom: 0;
    /* font-size: 80px; */ /* 22px; */ /* 60px; */
    font-size: larger;
    font-weight: bold; /* 500; */
    /*line-height: 1;*/
    line-height: 3; /*1.1;*/
    letter-spacing: -1px;
    color: inherit;
    margin-top: 10px;
}
.sjlHeaderH3size {
  margin-bottom: 0;
  font-size: 22px; /* 60px; */
  font-weight:500;
  line-height: 1;
  letter-spacing: -1px;
  color: inherit;
  margin-top: 10px;
}

.sjlHeaderTextContainer {
    /* vertical-align: central; */
    padding-top: 18px;
    padding-bottom: 10px;
   /* padding-top: 18px;*/
    text-align: center;
    font-weight: 200;
    line-height: 24px; /* 28px;  */
}


    .sjlHeaderTextContainer h1 {
        margin-bottom: 0;
        font-size: 44px; /* 50px; */ /* 48px;  */ /* 50px; */ /* 60px; */
        line-height: 1;
        letter-spacing: -1px;
        color: inherit;
    }

.sjlHeaderSocialContainer{
    /* vertical-align: central; */
    padding-top: 16px;
    text-align: right;
}

.sjl-logoHeader img
{
    padding-left: 0px;
    padding-top: 1px; /* 5px;*/
    padding-right: 5px;
    padding-bottom: 1px; /* 5px;*/
}


/*
.header
{
    color:aquamarine;

    padding-bottom: 10px;
}
    */


/* Historical  */
span.codedirection { unicode-bidi:bidi-override; direction: rtl; }


.sjlstylized{
    
}


	/* font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; */

 /*
.sjlstylized{
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size:115%;
	font-weight: 700; 
	font-style: italic;
}
*/

.followus
{
    font-weight: bold;
}



.cephoto { 
   float: right; 
   /* width: 140px;*/
   color: #000;
   font-size: 11px;
   text-align:center;
   padding: 3px 2px; margin: 1px 7px;
}


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


blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  border-left: 5px solid #f5f5f5;
}

blockquote p {
  margin-bottom: 0;
  font-size: 15.5px; /* 17.5px; */
  font-weight: 300;
  line-height: 1.25;
}

blockquote small {
  display: block;
  line-height: 20px;
  color: #999999;
}

blockquote small:before {
  content: '\2014 \00A0';
}

blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #f5f5f5;
  border-left: 0;
}

blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}

blockquote.pull-right small:before {
  content: '';
}

blockquote.pull-right small:after {
  content: '\00A0 \2014';
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}


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

/*
.btn-sjlfollow.active,
.btn-sjlorder.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-sjlfollow {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ec5c00;
  *background-color: #dd5600;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #f76000, #dd5600);
    border-left-color: #dd5600;
    border-right-color: #dd5600;
    border-top-color: #dd5600;
    border-bottom-color: #913800;
}

.btn-sjlfollow:hover,
.btn-sjlfollow:focus,
.btn-sjlfollow:active,
.btn-sjlfollow.active,
.btn-sjlfollow.disabled,
.btn-sjlfollow[disabled] {
  color: #ffffff;
  background-color: #dd5600;
  *background-color: #c44c00;
}

.btn-sjlfollow:active,
.btn-sjlfollow.active {
  background-color: #aa4200 \9;
}

.btn-sjlorder {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d41e24;
  *background-color: #c71c22;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #dd1f26, #c71c22);
    border-left-color: #c71c22;
    border-right-color: #c71c22;
    border-top-color: #c71c22;
    border-bottom-color: #841317;
}

.btn-sjlorder:hover,
.btn-sjlorder:focus,
.btn-sjlorder:active,
.btn-sjlorder.active,
.btn-sjlorder.disabled,
.btn-sjlorder[disabled] {
  color: #ffffff;
  background-color: #c71c22;
  *background-color: #b1191e;
}

.btn-sjlorder:active,
.btn-sjlorder.active {
  background-color: #9a161a \9;
}


.btn-group.open .btn-sjlfollow.dropdown-toggle {
  background-color: #dd5600;
}

.btn-group.open .btn-sjlorder.dropdown-toggle {
  background-color: #bd362f;
}


.btn-sjlfollow .caret,
.btn-sjlorder .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
*/



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

/* Based on Danger Color instead of Primary */

.btn-sjlorder.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-sjlorder {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d41e24;
  *background-color: #c71c22;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #dd1f26, #c71c22);
    border-left-color: #c71c22;
    border-right-color: #c71c22;
    border-top-color: #c71c22;
    border-bottom-color: #841317;
    padding: 8px 10px;
}

.btn-sjlorder:hover,
.btn-sjlorder:focus,
.btn-sjlorder:active,
.btn-sjlorder.active,
.btn-sjlorder.disabled,
.btn-sjlorder[disabled] {
  color: #ffffff;
  background-color: #c71c22;
  *background-color: #b1191e;
}

.btn-sjlorder:active,
.btn-sjlorder.active {
  background-color: #9a161a \9;
}


.btn-group.open .btn-sjlorder.dropdown-toggle {
  background-color: #bd362f;
}


.btn-sjlorder .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}


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

/* Based on Warning Color instead of Primary */

.btn-sjlfollow.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-sjlfollow {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ec5c00;
  *background-color: #dd5600;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #f76000, #dd5600);
    border-left-color: #dd5600;
    border-right-color: #dd5600;
    border-top-color: #dd5600;
    border-bottom-color: #913800;
    padding: 2px 6px;
}

.btn-sjlfollow:hover,
.btn-sjlfollow:focus,
.btn-sjlfollow:active,
.btn-sjlfollow.active,
.btn-sjlfollow.disabled,
.btn-sjlfollow[disabled] {
  color: #ffffff;
  background-color: #dd5600;
  *background-color: #c44c00;
}

.btn-sjlfollow:active,
.btn-sjlfollow.active {
  background-color: #aa4200 \9;
}


.btn-group.open .btn-sjlfollow.dropdown-toggle {
  background-color: #dd5600;
}

.btn-sjlfollow .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

@media (max-width: 979px)
{
    
.btn-sjlfollow {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ec5c00;
  *background-color: #dd5600;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #f76000, #dd5600);
    border-left-color: #dd5600;
    border-right-color: #dd5600;
    border-top-color: #dd5600;
    border-bottom-color: #913800;
}

.btn-sjlfollow:hover,
.btn-sjlfollow:focus,
.btn-sjlfollow:active,
.btn-sjlfollow.active,
.btn-sjlfollow.disabled,
.btn-sjlfollow[disabled] {
  color: #ffffff;
  background-color: #dd5600;
  *background-color: #c44c00;
}

.btn-sjlfollow:active,
.btn-sjlfollow.active {
  background-color: #aa4200 \9;
}

.btn-sjlorder {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d41e24;
  *background-color: #c71c22;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #dd1f26, #c71c22);
    border-left-color: #c71c22;
    border-right-color: #c71c22;
    border-top-color: #c71c22;
    border-bottom-color: #841317;
    padding: 6px 6px;
    margin: 8px 2px 12px;
}

.btn-sjlorder:hover,
.btn-sjlorder:focus,
.btn-sjlorder:active,
.btn-sjlorder.active,
.btn-sjlorder.disabled,
.btn-sjlorder[disabled] {
  color: #ffffff;
  background-color: #c71c22;
  *background-color: #b1191e;
}

.btn-sjlorder:active,
.btn-sjlorder.active {
  background-color: #9a161a \9;
}
}
/* ----------------------------------------------------------------------------- */
/* Based on Primary Color instead of Danger */

/*
.btn-sjlorder.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-sjlorder {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #2f92e7;
  *background-color: #2f76e7;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #2fa4e7, #2f76e7);
    border-left-color: #2f76e7;
    border-right-color: #2f76e7;
    border-top-color: #2f76e7;
    border-bottom-color: #1553b5;
}

.btn-sjlorder:hover,
.btn-sjlorder:focus,
.btn-sjlorder:active,
.btn-sjlorder.active,
.btn-sjlorder.disabled,
.btn-sjlorder[disabled] {
  color: #ffffff;
  background-color: #2f76e7;
  *background-color: #1a67e2;
}
   
.btn-sjlorder:active,
.btn-sjlorder.active {
  background-color: #175dcc \9;
}


.btn-group.open .btn-sjlorder.dropdown-toggle {
  background-color: #2f76e7;
}

.btn-sjlorder .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

*/

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

/* Based on Primary Color instead of Warning */

/*
.btn-sjlfollow.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-sjlfollow {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #2f92e7;
  *background-color: #2f76e7;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #2fa4e7, #2f76e7);
    border-left-color: #2f76e7;
    border-right-color: #2f76e7;
    border-top-color: #2f76e7;
    border-bottom-color: #1553b5;
}

.btn-sjlfollow:hover,
.btn-sjlfollow:focus,
.btn-sjlfollow:active,
.btn-sjlfollow.active,
.btn-sjlfollow.disabled,
.btn-sjlfollow[disabled] {
  color: #ffffff;
  background-color: #2f76e7;
  *background-color: #1a67e2;
}
    
.btn-sjlfollow:active,
.btn-sjlfollow.active {
  background-color: #175dcc \9;
}


.btn-group.open .btn-sjlfollow.dropdown-toggle {
  background-color: #2f76e7;
}

.btn-sjlfollow .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
*/

/* ----------------------------------------------------------------------------- */
.tag-line-sjl {
  color: #ffffff;
}

.tag-line-sjl-logo {
    padding-right: 0.5em;
    padding-bottom: 0.2em;
}

.tag-line-sjl-logo-sm {
  padding-right: 0.5em;
  padding-bottom: 0.2em;
  padding-left: 0.5em;
}

/*.tag-line-sjl-sm {
  color: #ffffff;
  padding-left: 0.5em;
}*/
.logowithtag_container-top
        {
          margin-bottom: 0;
          font-size: 19px; /* 18.2px; 22.7px;    27px; */
          line-height: 1;
          letter-spacing: -1px;
        }

    

.sjl-underheader_container {
    margin-top: 6px;
    margin-bottom: 4px;
}


.tag-line-sjl-logo_container {
  padding-bottom: 1em;
}

/* ----------------------------------------------------------------------------- */
.sjl-logo-navbar-100 /*img*/ {
    height: 27px;
    width: 100px;
    margin-top: 10px;
    /*margin-top: -15px;*/
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
}
.sjl-logo-navbar-120 /*img*/ {
    height: 32px;
    width: 120px;
    margin-top: 2px;
    /*margin-top: -15px;*/
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
}

    .sjl-logo-navbar-140 /*img*/ {
    height: 37px;
    width: 140px;
    margin-top: 10px;
    /*margin-top: -15px;*/
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
}
.sjl-logo-navbar /*img*/ {
    height: 60px;
    margin-top: 10px;
    /*margin-top: -15px;*/
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
}
.sjl-logo-navbar2 /*img*/ {
    height: 70px; /*60px;*/
    margin-top: 0px; /*10px;*/
    /*margin-top: -15px;*/
    padding-left: 0px; /*5px;*/
    padding-right: 0px; /*5px;*/
    padding-bottom: 0px; /*10px;*/
}
.sjl-undernavbar_container {
    margin-top: 30px; /* Changed from 10px to 30px on 240518 */
    /*margin-top: 10px;*/
    /*margin-top: 2em;*/
    /*margin-top: -1.5em; */
}



/* ----------------------------------------------------------------------------- */
.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}