/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/*
*		TITLE BAR
*
*	creates a white top of screen title bar that's clickable
*/
.titleBar {
  z-index: 1;
}
.titleBarName {
  color: #8a1616;
  font-size: 2rem;
  font-weight: bold;
  padding: 0 2rem;
  z-index: 1;
}
.titleBarName:hover {
  color: black;
}
.titleBarTagLine {
  color: #8a1616;
  font-size: 1.25rem;
  font-weight: bold;
}
.titleBarTagLine:hover {
  color: black;
}
/*
* Thinny Menu is the top right single-line menu
*   shows more on desktop, less on mobile
*/
.thinnyMenu {
  position: sticky;
  top: 0;
  overflow: hidden;
  background-color: #333;
}
/*
*  Bottom menu show on the bottom of all pages
*  
*  includes ALL menu items
*/
.bottomMenu {
  color: #f0f0f0;
  font-size: 0.7rem;
}
.bottomMenuLink {
  color: #ffffff;
}
.bottomMenuLink:visited {
  color: #4db2b3;
}
/*
*  Schedule and Rates 
*
*	Displays on calendar outline
*	different on mobile and desktop
*/
.dontShowMainContent {
  display: none;
}
.NWN_month {
  background-color: black;
  font: bold 12px verdana;
  color: white;
  margin: 0px;
  padding: 3px;
  border: 5px solid white;
}
.NWN_main {
  width: 200px;
  border: 1px solid black;
}
.NWN_daysofweek {
  background-color: gray;
  font: bold 1rem verdana;
  color: white;
  border: 1px solid white;
  vertical-align: top;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
}
.NWN_daysofweek_NEW {
  background-color: gray;
  font: bold 9px verdana;
  color: white;
  margin: 0px;
  border: 1px solid white;
  border-radius: 0px 0px 3px 3px;
  text-align: center;
  width: 14%;
  padding: 1px;
  margin-left: auto;
  margin-right: auto;
}
.NWN_days {
  font-size: 1rem;
  font-family: verdana;
  color: black;
  background-color: #ffc;
  padding: 2px;
  border: 0px solid gray;
}
.NWN_days_NEW {
  font-size: 1rem;
  font-family: verdana;
  color: black;
  background-color: #ffc;
  padding: 0px;
  border: 1px solid gray;
  margin-left: auto;
  margin-right: auto;
}
.NWN_dayRows {
  font-size: 12px;
  font-family: verdana;
  color: black;
  background-color: #ffc;
  padding: 4px 0px;
  border-width: 1px;
  border-color: #787878;
  margin-left: auto;
  margin-right: auto;
}
.NWN_today {
  font-weight: bold;
  color: green;
}
.NWN_days0 {
  background-color: #c09ea5;
  /*Mademoiselle*/
  padding: 2px 0px;
  color: black;
}
.NWN_days1 {
  background-color: #855658;
  /*Princess Stephanie*/
  padding: 2px 0px;
}
.NWN_days2 {
  background-color: #5f996b;
  /*Jamacica Green*/
  padding: 2px 0px;
}
.NWN_days3 {
  background-color: #357639;
  /*Key West Green*/
  padding: 2px 0px;
}
.NWN_days4 {
  background-color: #b3976f;
  /*Island Sand*/
  padding: 2px 0px;
}
.NWN_days5 {
  background-color: #9a6c3f;
  /*Mexico City Yellow (tan) */
  padding: 2px 0px;
}
.NWN_days6 {
  background-color: #ebdc7f;
  /* Collegiate Yellow*/
  padding: 2px 0px;
}
.NWN_days7 {
  background-color: #cbac3f;
  /*Beach Yellow */
  padding: 2px 0px;
}
.NWN_days8 {
  background-color: #468fa2;
  /*Agean Blue */
  padding: 2px 0px;
}
.NWN_days9 {
  background-color: #256874;
  /*Baltic Blue*/
  padding: 2px 0px;
}
.NWN_days11 {
  /*Events     */
  background: url('https://northwestnavigation.com/wp-content/themes/g5_helium/custom/functions/yellow_burst.png');
  background-repeat: no-repeat;
  background-size: 100% 105%;
  text-align: center;
  color: yellow;
  /*padding: 2px 0px; */
  /*width: 2em;
height: 1.75em;*/
}
.NWN_days_few {
  color: red;
}
.NWN_days_SOLD_OUT {
  background-color: #ccc;
}
.sideCalendar_NEW {
  /*margin: 1px;*/
  padding: 5px;
  border: 1px solid green;
  border-radius: 8px;
}
.sideCalendarTable_NEW {
  border: 2px solid gray;
  padding: 3px;
  border-radius: 4px;
}
.NWN_roundedStart {
  border-radius: 12px 0px 0px 12px;
}
.NWN_roundedEnd {
  border-radius: 0px 12px 12px 0px;
}
/*  10-2017 New Schedule Stuff */
.schedule * {
  box-sizing: border-box;
  font-size: 0.75rem;
}
.monthYearHeader {
  color: #ffffff;
  width: 100%;
}
/* For mobile phones: */
[class*="col-"] {
  width: 100%;
  float: left;
  padding: 2px;
}
@media only screen and (min-width: 600px) and (max-width: 768px) {
  /* For tablets: */
  .col-m-1 {
    width: 8.33%;
  }
  .col-m-2 {
    width: 16.66%;
  }
  .col-m-3 {
    width: 25%;
  }
  .col-m-4 {
    width: 33.33%;
  }
  .col-m-5 {
    width: 41.66%;
  }
  .col-m-6 {
    width: 50%;
  }
  .col-m-7 {
    width: 58.33%;
  }
  .col-m-8 {
    width: 66.66%;
  }
  .col-m-9 {
    width: 75%;
  }
  .col-m-10 {
    width: 83.33%;
  }
  .col-m-11 {
    width: 91.66%;
  }
  .col-m-12 {
    width: 100%;
  }
  .tablet-hide {
    display: none;
  }
  .boxHeight-1 {
    height: 1.5rem;
  }
  .boxHeight-2 {
    height: 3rem;
  }
  .boxHeight-3 {
    height: 4.5rem;
  }
  .boxHeight-4 {
    height: 6rem;
  }
  .boxHeight-5 {
    height: 7.5rem;
  }
  .boxHeight-6 {
    height: 9rem;
  }
  .boxHeight-7 {
    height: 10.5rem;
  }
  .boxHeight-8 {
    height: 12rem;
  }
  .boxHeight-9 {
    height: 13.5rem;
  }
  .boxHeight-10 {
    height: 15rem;
  }
  .boxHeight-11 {
    height: 16.5rem;
  }
  .boxHeight-12 {
    height: 18rem;
  }
}
@media only screen and (max-width: 600px) {
  /* For phones: */
  .col-s-1 {
    width: 8.33%;
  }
  .col-s-2 {
    width: 16.66%;
  }
  .col-s-3 {
    width: 25%;
  }
  .col-s-4 {
    width: 33.33%;
  }
  .col-s-5 {
    width: 41.66%;
  }
  .col-s-6 {
    width: 50%;
  }
  .col-s-7 {
    width: 58.33%;
  }
  .col-s-8 {
    width: 66.66%;
  }
  .col-s-9 {
    width: 75%;
  }
  .col-s-10 {
    width: 83.33%;
  }
  .col-s-11 {
    width: 91.66%;
  }
  .col-s-12 {
    width: 100%;
  }
  .boxHeight-1 {
    height: 1.5rem;
  }
  .boxHeight-2 {
    height: 3rem;
  }
  .boxHeight-3 {
    height: 4.5rem;
  }
  .boxHeight-4 {
    height: 6rem;
  }
  .boxHeight-5 {
    height: 7.5rem;
  }
  .boxHeight-6 {
    height: 9rem;
  }
  .boxHeight-7 {
    height: 10.5rem;
  }
  .boxHeight-8 {
    height: 12rem;
  }
  .boxHeight-9 {
    height: 13.5rem;
  }
  .boxHeight-10 {
    height: 15rem;
  }
  .boxHeight-11 {
    height: 16.5rem;
  }
  .boxHeight-12 {
    height: 18rem;
  }
  .mobileHide {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  /* For desktop: */
  .col-0 {
    width: 0;
  }
  .col-1 {
    width: 8.33%;
  }
  .col-2 {
    width: 16.66%;
  }
  .col-3 {
    width: 25%;
  }
  .col-4 {
    width: 33.33%;
  }
  .col-5 {
    width: 41.66%;
  }
  .col-6 {
    width: 50%;
  }
  .col-7 {
    width: 58.33%;
  }
  .col-8 {
    width: 66.66%;
  }
  .col-9 {
    width: 75%;
  }
  .col-10 {
    width: 83.33%;
  }
  .col-11 {
    width: 91.66%;
  }
  .col-12 {
    width: 100%;
  }
  .desktop-hide {
    display: none;
  }
  .NWN_infoRows {
    float: right;
    border: 1px solid gray;
  }
}
/* for month calendar rows */
.dateAndNumSquares {
  float: left;
  width: 14.28%;
  text-align: center;
  padding: 4px 0px;
  border: 1px solid white;
  color: black;
}
.sideCalendar_NEW {
  margin: 0;
}
.NWN_tripInfo {
  display: inline;
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  border-color: gray;
  padding: 3px;
}
.NWN_fadeOutBox {
  font-size: 2.5rem;
  color: #fff;
  background-color: #111111;
  padding: 15rem 0;
  margin: 20px;
  text-align: center;
  border: 2px solid black;
  border-radius: 20px;
  height: 40rem;
  position: fixed;
  top: 1rem;
}
.NWN_animated {
  /* 
	 z-index: 999;
	 position:fixed;
 	-webkit-animation-duration: 10s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	
	*/
  width: 0;
  opacity: 0;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    width: 80%;
    z-index: 999;
  }
  90% {
    opacity: 0.5;
    width: 80%;
    z-index: 999;
  }
  100% {
    opacity: 0;
    width: 0;
    z-index: -999;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    width: 80%;
    z-index: 999;
  }
  90% {
    opacity: 0.5;
    width: 80%;
    z-index: 999;
  }
  100% {
    opacity: 0;
    width: 0;
    z-index: -999;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
.darkBaackground {
  background: black;
}
/* HOVER STYLES */
div#pop-up {
  display: none;
  position: absolute;
  width: 350px;
  padding: 0px 10px 10px 10px;
  background: #eeeeee;
  color: #000000;
  border: 1px solid #1a1a1a;
  font-size: 90%;
  border-radius: 4px;
}
.inner {
  display: none;
}
.popup_header {
  position: relative;
  top: -15px;
  left: -30px;
  width: 95px;
  height: 30px;
  padding: 10px;
  border: 1px solid black;
  border-radius: 12px;
  font-size: 120%;
}
.infoBlock {
  background: #fff;
  padding: 15px 3px 3px 3px;
  margin-top: 55px;
}
.moreInfoButton {
  background-color: black;
  font: bold 12px verdana;
  color: white;
  margin: 3px;
  padding: 3px;
  border: 1px solid green;
  border-radius: 3px;
}
.tripTypeBanner {
  color: #000;
  font-size: 125%;
  position: relative;
  top: 0px;
  left: 10px;
  float: right;
  padding: 10px 10px 0px 10px;
  width: 250px;
}
.trigger2 {
  position: absolute;
  top: 400px;
  left: 200px;
  display: none;
}
.highlighting {
  color: white;
  background-color: #555;
}
/*
*	Book NOW Button
*
*
*/
.bookNow {
  position: fixed;
  z-index: 16;
  top: 4.1rem;
  right: 1.5rem;
  font-size: 1.5rem;
  color: #000000;
  background-color: #8a1616;
  padding: 0rem 0.4rem;
  border: 1px solid gray;
  border-radius: 8px;
}
.uk-overlay-background {
  background: rgba(0, 0, 0, 0);
}
.uk-overlay-fade {
  opacity: 0;
}
.uk-flex-center {
  opacity: 0;
}
#g-totop {
  padding: 0.5rem;
}
.entry-content {
  margin: 0;
  padding: 0;
}
.entry-title {
  margin: 0.2rem 0.625rem;
  padding: 0.3rem 0.928rem;
}
.NWN_wp_post_content {
  padding: 0 1rem;
}
.NWN_wp_blog_content {
  padding: 0 2rem;
}
.monkeySee {
  top: -3.5rem;
  right: 0;
  bottom: -3.5rem;
  position: relative;
  /*height:15rem;*/
  /*  the slideshow positioning */
}
/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */
  height: 100%;
  width: 0;
  position: fixed;
  /* Stay in place */
  z-index: 16;
  /* Sit on top */
  left: 0;
  top: 0;
  background-color: black;
  /* Black fallback color */
  background-color: rgba(0, 0, 0, 0.7);
  /* Black w/opacity */
  overflow-x: hidden;
  /* Disable horizontal scroll */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}
/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 15%;
  /* 25% from the top */
  width: 100%;
  /* 100% width */
  text-align: center;
  /* Centered text/links */
  margin-top: 10px;
  /* 30px top margin to avoid conflict with the close button on smaller screens */
  /* Added from menu below */
  /*font-size: 62.5%;*/
  font-size: 0.5rem;
  font-family: "Jaldi", sans-serif;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #a0f6aa;
  text-decoration: none;
  text-align: center;
  width: 90%;
  margin: 2em auto 0;
  /*font-size: 2.4rem;*/
  color: #ffffff;
  font-weight: bold;
}
/* The navigation links inside the overlay */
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 0.5rem;
  color: #00ff00;
  /*#818181;*/
  display: block;
  /* Display block instead of inline */
  transition: 0.3s;
  /* Transition effects on hover (color) */
}
/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #ff0000;
}
/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  z-index: 14;
  /* Sit on top */
  top: 4rem;
  right: 3rem;
  font-size: 3rem;
}
.closebtn:hover {
  color: gray;
}
/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-width: 600px) {
  .overlay a {
    font-size: 0.5px;
  }
  .overlay .closebtn {
    font-size: 0.5rem;
    top: 1rem;
    right: 3rem;
  }
}
/* -------------------------------- 

Primary style

-------------------------------- */
/**, *::after, *::before {
  box-sizing: border-box;
}*/
/*
html {
  font-size: 62.5%;
}*/
/*
body {
  font-size: 1.6rem;
  font-family: "Jaldi", sans-serif;
  color: #ffffff;
  background-color: #a0f6aa;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}*/
/*
a {
  color: #a0f6aa;
  text-decoration: none;
}
*/
/*
h1 {
  text-align: center;
  width: 90%;
  margin: 2em auto 0;
  font-size: 2.4rem;
  color: #507b55;
  font-weight: bold;
}
@media only screen and (min-width: 600px) {
 /* h1 {
    font-size: 3.2rem;
  }
}*/
input {
  font-family: "Jaldi", sans-serif;
  font-size: 1rem;
}
/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-accordion-menu {
  width: 90%;
  max-width: 600px;
  background: #4d5158;
  margin: 4rem auto;
  box-shadow: 0 0.4rem 4rem #f0f0f0;
}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
}
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
  padding: 1.8rem 1.8rem 1.8rem 6.4rem;
  background: #4d5158;
  box-shadow: inset 0 -1px #555960;
  color: #ffffff;
  font-size: 1.5rem;
}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
  background: #52565d;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
  /* icons */
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu label {
  cursor: pointer;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after {
  background-image: url('https://northwestnavigation.com/wp-content/themes/g5_helium/custom/particles/img/cd-icons.svg');
  background-repeat: no-repeat;
}
.cd-accordion-menu label::before {
  /* arrow icon */
  left: 18px;
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.cd-accordion-menu label::after {
  /* folder icons */
  left: 41px;
  background-position: -16px 0;
}
.cd-accordion-menu a::after {
  /* image icon */
  left: 36px;
  background: url('https://northwestnavigation.com/wp-content/themes/g5_helium/custom/particles/img/cd-icons.svg') no-repeat -48px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label::before {
  /* rotate arrow */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu input[type=checkbox]:checked + label::after {
  /* show open folder icon if item is checked */
  background-position: -32px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul, .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
.cd-accordion-menu ul label, .cd-accordion-menu ul a {
  background: #35383d;
  box-shadow: inset 0 -1px #41444a;
  padding-left: 82px;
}
.no-touch .cd-accordion-menu ul label:hover, .no-touch .cd-accordion-menu ul a:hover {
  background: #3c3f45;
}
.cd-accordion-menu > li:last-of-type > label, .cd-accordion-menu > li:last-of-type > a, .cd-accordion-menu > li > ul > li:last-of-type label, .cd-accordion-menu > li > ul > li:last-of-type a {
  box-shadow: none;
}
.cd-accordion-menu ul label::before {
  left: 36px;
}
.cd-accordion-menu ul label::after, .cd-accordion-menu ul a::after {
  left: 59px;
}
.cd-accordion-menu ul ul label, .cd-accordion-menu ul ul a {
  padding-left: 100px;
}
.cd-accordion-menu ul ul label::before {
  left: 54px;
}
.cd-accordion-menu ul ul label::after, .cd-accordion-menu ul ul a::after {
  left: 77px;
}
.cd-accordion-menu ul ul ul label, .cd-accordion-menu ul ul ul a {
  padding-left: 118px;
}
.cd-accordion-menu ul ul ul label::before {
  left: 72px;
}
.cd-accordion-menu ul ul ul label::after, .cd-accordion-menu ul ul ul a::after {
  left: 95px;
}
@media only screen and (min-width: 600px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
    padding: 0.5rem 0.5rem 0.5rem 4rem;
    font-size: 1rem;
  }
  .cd-accordion-menu label::before {
    left: 24px;
  }
  .cd-accordion-menu label::after {
    left: 53px;
  }
  .cd-accordion-menu ul label, .cd-accordion-menu ul a {
    padding-left: 106px;
  }
  .cd-accordion-menu ul label::before {
    left: 48px;
  }
  .cd-accordion-menu ul label::after, .cd-accordion-menu ul a::after {
    left: 77px;
  }
  .cd-accordion-menu ul ul label, .cd-accordion-menu ul ul a {
    padding-left: 130px;
  }
  .cd-accordion-menu ul ul label::before {
    left: 72px;
  }
  .cd-accordion-menu ul ul label::after, .cd-accordion-menu ul ul a::after {
    left: 101px;
  }
  .cd-accordion-menu ul ul ul label, .cd-accordion-menu ul ul ul a {
    padding-left: 154px;
  }
  .cd-accordion-menu ul ul ul label::before {
    left: 96px;
  }
  .cd-accordion-menu ul ul ul label::after, .cd-accordion-menu ul ul ul a::after {
    left: 125px;
  }
}
.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.tripBox {
  padding: 0.5rem;
  margin: 0.1rem;
  border-radius: 0.6rem;
  border: 2px solid #bfbfbf;
  background: #f7f7f6;
  color: #000000;
}
#g-sidebar {
  background: #f7f7f6;
  color: #949494;
  padding: 0;
}
.tripBoxBanner {
  background: #000000;
  color: #f7f7f6;
  font-size: 1rem;
  padding: 0;
  margin-bottom: 0.3rem;
  border-top-left-radius: 2rem 2rem;
  border-top-right-radius: 2rem 2rem;
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
}
.tripBoxHeadline {
  font-size: 1rem;
  text-align: center;
}
hr.rounded {
  border-top: 8px solid #bbb;
  border-radius: 5px;
}
h1, h2, h3, h4, h5 {
  overflow-wrap: normal;
  margin: 0.3rem;
}
h4 {
  font-weight: bold;
  text-align: center;
}
hr {
  padding: 0.3rem;
}
.g-container {
  width: 100%;
}
#g-navigation {
  background-color: #ffffff;
}
em {
  color: #000000;
}
.jl-wrapper .jl-container .el-content {
  padding: 0.938rem;
  margin: 0.625rem;
}
.jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
  box-sizing: content-box;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}
.jl-wrapper .g-container .el-content, .tm-header .g-container .el-content, .tm-header-mobile .g-container .el-content {
  padding: 0.938rem;
  margin: 0.625rem;
}
@media only all and (min-width: 75rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 75rem;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 60rem;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 48rem;
  }
}
@media only all and (min-width: 30.01rem) and (max-width: 47.99rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 30rem;
  }
}
.jl-slideshow .el-content-wrapper {
  padding: 0.938rem;
  margin: 0.625rem;
}
.jl-slideshow .el-vertical-align {
  margin: 1.9749rem;
}
.tm-header .navbar-wrapper, .tm-header-mobile .navbar-wrapper {
  padding: 0 0.938rem;
  margin: 0 0.625rem;
}
[id^="jlnavbar-"][id$="-particle"] {
  padding: 0 0.938rem;
  margin: 0 0.625rem;
}
.menu-simple .jl-container .g-main-nav {
  padding: 0 0.938rem;
  margin: 0 0.625rem;
}
.menu-extended .el-navbar-dropbar {
  padding-left: 0.938rem;
  padding-right: 0.938rem;
}
.el-horiz-nav {
  padding: 0 0.938rem;
  margin: 0 0.625rem;
}
[id^="jlnav-"][id$="-particle"] .jl-search-input {
  border-radius: 0;
  box-shadow: none;
}
ul.jl-list, .jl-breadcrumb, .jl-comment-list {
  margin-left: 0;
}
ul.jl-tab, .jl-subnav {
  margin-top: 0;
}
p, ul.jl-list {
  margin: 0 0 20px 0;
}
.jl-hr, hr {
  overflow: visible;
  text-align: inherit;
  border-top: 1px solid #e5e5e5;
}
.jl-checkbox, .jl-radio {
  display: inline-block !important;
  width: 16px !important;
}
.jl-modal-dialog video {
  vertical-align: middle;
}
.jl-link {
  color: #439a86;
}
.jl-link:hover, .jl-link:focus, .jl-link:active {
  color: #439a86;
}
.jl-link-heading:hover, .jl-link-heading a:hover, .jl-link-toggle:hover .jl-link-heading, .jl-link-toggle:focus .jl-link-heading, .jl-list-primary > ::before, .jl-text-primary {
  color: #439a86 !important;
}
.jl-notification-message-primary, .jl-button-link, .jl-navbar-toggle.jl-open, .jl-navbar-toggle:focus, .jl-navbar-toggle:hover, .jl-iconnav > * > a:hover, .jl-iconnav > .jl-active > a {
  color: #439a86;
}
.jl-search-input {
  box-sizing: border-box !important;
}
.jl-search-navbar .jl-search-input:focus, .jl-tab > .jl-active > a {
  border-color: #439a86;
}
.jl-button-primary, .jl-card-primary.jl-card-hover:hover, .jl-background-primary, .jl-marker, .jl-alert-primary, .jl-subnav-pill > .jl-active > a, .jl-checkbox:checked, .jl-checkbox:indeterminate, .jl-checkbox:checked:focus, .jl-checkbox:indeterminate:focus, .jl-radio:checked, .jl-card-primary > .tm-timeline-arrow, .jl-dotnav > .jl-active > *, .jl-dotnav > * > :focus, .jl-dotnav > * > :hover, .jl-pagination > .jl-active > *, .jl-label:not(.jl-label-success, .jl-label-warning, .jl-label-danger) {
  background-color: #439a86;
}
.jl-light .jl-label {
  background-color: #fff;
  color: #1c1c1c;
}
.jl-light > :not([class*="jl-card-media"]) .jl-card-title {
  color: rgba(255, 255, 255, 0.7);
}
.jl-button-primary:hover, .jl-button-primary:focus {
  background-color: #3b8877;
}
.jl-light .jl-button-primary:focus {
  background-color: #fff;
  color: #1c1c1c;
}
.jl-icon:not(.jl-preserve) [stroke*="#"]:not(.jl-preserve) {
  stroke: currentcolor;
}
.jl-section-primary, .jl-tile-primary, .jl-card-primary, .jl-badge {
  background: #439a86;
}
.jl-text-background {
  background-color: #439a86;
  background-image: linear-gradient(90deg, #439a86 0, #43749a 100%);
}
.jl-checkbox:focus, .jl-radio:focus {
  border-color: #439a86;
}
.jl-radio:checked:focus {
  background-color: #439a86;
}
.jl-overlay-primary {
  background: rgba(67, 154, 134, 0.8);
}
.jl-button-default {
  background-color: rgba(255, 255, 255, 0);
  color: #439a86;
  border-color: #439a86;
}
.jl-button-default:hover, .jl-button-default:focus, .jl-button-default:active {
  background-color: #439a86;
  border-color: #439a86;
  color: #ffffff;
}
.jl-pagination > * > :hover {
  color: #fff;
  background-color: #439a86;
}
.menu-simple .g-main-nav .tm-form-login {
  white-space: normal;
}
/*# sourceMappingURL=custom_blog.css.map */