.elementor-kit-315{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#CBCBCB;}.elementor-kit-315 img{border-radius:0px 0px 0px 0px;opacity:0.89;}.elementor-kit-315 img:hover{opacity:1;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;}.elementor-widget:not(:last-child){margin-bottom:1px;}.elementor-element{--widgets-spacing:1px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-315 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*Tab Corner Rounding*/
.elementor-tab-title {
    border-radius: .4em .4em 0 0;
}

/*Tab Padding*/
.elementor-widget-tabs .elementor-tab-desktop-title{
    padding: 8px 10px !important;
}

/*Hide map attribution footer*/
.leaflet-control-attribution{display:none;}

/*Primary Tab Div CSS*/
.primary{
    height: 353px;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    padding-right: 15px;
}
/*Secondary Tab Div CSS*/
/*
The height of the primary tabs is 353px
The height of the image carousel is 124px
353 + 124 = 477
The total height of the right column (up to elevation profile) is 830px.
Height of secondary = 100% - (830-477) = 100% - 353
*/
.secondary{
    height: calc(500px);
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    padding-right: 15px;
}

/*Tab Widget CSS*/
.elementor-widget-tabs .elementor-tab-content{
    padding-right: 0px !important;
    /*make the other padding 7px*/
    padding-left:15px !important;
    padding-top:20px !important;
    padding-bottom:7px !important;
}

/*Button CSS*/
button {
  border: none;
  border-radius: .4em; /*Rounded corners*/
  padding: 3px 6px; /*Padding within buttons*/
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px; /*Padding between buttons */
  cursor: pointer;
  text-transform: none; /*Don't alter the capitalization of the text*/
  pointer-events: none;
  border: 1px solid;
}

/*Table CSS*/

/* Cell font and size, excluding header */
tbody td {
	line-height: 20px;
}

td {vertical-align: top;}
th {
    text-align:center;
    vertical-align: bottom;
}

/*Hike Length Button CSS*/
@media only screen and (max-width: 767px) {
  .hike-length-button {
    top: -62px !important;
  }
}

/*Inactive Hamburger Menu */
.header-widgets-wrapper{
    display:none !important;
}

/*Desktop navigation bar */
@media only screen and (min-width: 767px) {
    .navbar .header-inner{
        visibility: visible !important;
        display: flex !important;
    }
}


body{
    data-elementor-device-mode:"desktop" !important;
}

/*Paragraphs within the "Overview" table*/
.overview p{
    margin-bottom:4px;
}
/*Linebreaks in mobile view to make the table look better*/
@media screen and (min-width: 767px)  {
        .mobile-break { display: none; }
    }

/*Header and Footer CSS*/
.menu-item a{
    color:#ffffff !important;
}

/*Master Map Legend CSS, share atributes with Trail Markers Legend*/
.legend, .trail-markers{
    background-color:#F9F7F5;
    
    /*Align table to center*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/*Width of Master Map Legend*/
.legend{
    width:200px;
}
/*Add morders to the table. Same color as the border of the tabs element in the Hiking Page*/
.legend, .trail-markers table, th, td {
  border: 1px solid #A58A60;
  border-collapse: collapse;
}

/* For desktop */
@media screen and (min-width: 768px) {
  .legend,
  .trail-markers table,
  th,
  td {
    border-width: 2px !important; /* Only changing the border width to 2px */
  }
}

/*Padding in overview table*/
.overview td{
    padding-left: 10px !important;
}

/*Make table narrower on tablet*/
@media only screen and (max-width: 1024px) {
    .legend{
        width:150px;
    }
}

/*Make left column a bit wider than the pictures*/
.legend td:nth-child(1) {  
  width:60px;
}

/*More styling for trail marker legend*/
/*2n+1; make every other cell that width, starting with cell 1*/
.trail-markers td:nth-child(2n+1) {  
  width:60px;
}

/*Make images the same width*/
/*Couldn't find a way to do it with margins, so this will have to do*/
.legend img{
    width:40px !important;
    margin-left: 7px;
}

.trail-markers img{
    width:40px !important;
    margin-left: 7px;
}

/*Hero Image CSS*/

/*Desktop/Tablet*/
.entry-cover-image{
    max-height:300px !important;
}

/*Mobile*/
@media only screen and (max-width: 767px) {
    .entry-cover-image{
        max-height:200px !important;
    }
    .single-featured-image-header{
        max-height:200px !important;

    }
}/* End custom CSS */