/***************************************************************************************
    Common
****************************************************************************************/

*,*:before,*:after {
  -webkit-box-sizing:           border-box;
  -moz-box-sizing:              border-box;
  box-sizing:                   border-box;
}

/***************************************************************************************
    Basic Layout (Mobile)
****************************************************************************************/

.page-wrapper {
  margin:                       0;
}

header {
  padding:                      0.5em 20px;
  height:                       150px;
  position:                     relative;
}

aside,footer {
  padding:                      0.6em 20px;
}

.maincontent {
  width:                        100%;
}

aside {
  width:                        100%;
  margin-left:                  0;
}

h1 {
  margin:                       0;
}

h2 {
  margin:                       0.6em 20px;
}

p {
  margin:                       0.8em 20px;
}

ul, ol {
  padding:                      0;
  margin:                       0 0 0.625em 20px
}

/* Navigation **************************************************************************/

nav ul {
  margin:                       0;
}

nav ul li {
  list-style:                   none;
}

nav ul > li {
  margin-left:                  0;
  /* border-bottom:             1px solid rgba(250, 250, 250, 0.6); */
}

nav ul > li > a {
  padding:                      0.6em 20px;
  display:                      block;
}

nav ul a:link {
  text-decoration:              none;
}

a.toggle-nav {
    display: inline-block;
    position: absolute;
    right: 5%;
    top: 1em;
    text-decoration: none;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    cursor: pointer;
    padding: 0.357em;
}

#navMain {
    display: none;
}

#navMain:target {
    display: block;
}

/* Trip Calendar ***********************************************************************/

.tripContentHead, .tripContent {
  margin:                       0.3em 1em;
}

.tripContentHead {
  cursor:                       pointer;
  padding:                      0.20em 0.5em;
}

.tripContent p,ul {
  padding:                      0 0.5em;
  margin:                       0;
}



/* Forms *******************************************************************************/

form {
  margin:                       0.8em 20px;
  padding:                      20px;
  border-radius:                5px;
  -webkit-border-radius:        5px;
  -moz-border-radius:           5px;
}

legend {
  color:                        #202020;
  font-size:                    1.3em;
  padding:                      0 0.5em;
}

.radiosetlabel {
   width:                       100%;
   text-align:                  left;
}

.radioset {
   width:                       100%;
}

.radioset input, .radioset select{
  display:                      inline-block;
}

.radioset input {
  margin-right:                10px;
}

.radioset select {
  width:                        80%;
  border:                       1px solid #000000;
  padding:                      0.2em;
}

.formset label, .formset input, .formset textarea, .formset select{
  display:                      inline-block;
}

.formset label {
  width:                        100%;
  padding-right:                2%;
}

.formset input, .formset textarea, .formset select {
  width:                        100%;
  border:                       1px solid #000000;
  padding:                      0.2em;
}


.submit-button {
  float:                        right;
  padding:                      0.4em;
  margin-top:                   0.2em;
  margin-right:                 0.2em;
}

/* News ********************************************************************************/

.newsdate {
  width:                        34%;
  float:                        left;
}

.newslocation {
  width:                        62%;
  float:                        left;
  text-align:                   right;
}

.newstitle {
  clear:                        both;
  font-weight:                  bolder;
}

.newsbody {
  margin-left:                  10px;
}

/* Trips *******************************************************************************/

ul {
  list-style: none;
}

/* Extra *******************************************************************************/

.error {
  font-style: italic;
  color: #FF0000;
}

.debuginfo {
  font-style: italic;
  color: #FF61E5;
}

.copyright {
  margin:                       0;
  padding:                      0;S
}

img#flag {
  padding-left: 1em;
}

.info-small {
  font-size:                    0.8em;
  clear:                        both;
  margin:                       0;
}

/***************************************************************************************
    Tablets min 750px
****************************************************************************************/
@media only screen and (min-width: 46.875em) {
   a.toggle-nav {
      display:                  none;
    }

    #navMain {
        display: block;
    }
}

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

    @media only screen and (max-width: 78em) {
      font-size:                0.938em; /* 15px */
    }

    .main {
      overflow:                 hidden;
    }

    .maincontent {
      width:                    70%;
      float:                    left;
      padding:                  0.8em 20px;
      border-top:               none;
      min-height:               500px;
    }

    aside {
      width:                    30%;
      margin-left:              70%;
      margin-bottom:            -99999px !important;
      padding-bottom:           99999px  !important;
    }

    aside, footer {
      padding:                  0.8em 20px;
    }

    h2 {
      font-size:                2.1875em;
      line-height:              1.2em;
      margin:                   0.3em 0 0;
    }

    p {
      margin:                   0.8em 0;
    }

/* Navigation **************************************************************************/

    nav {
      overflow:                 hidden;
      font-size:                1.2em;
    }

    nav ul {
      margin:                   0 20px;
    }

    nav ul li {
      float:                    left;
      border:                   none;
      width:                    auto;
    }

    nav  ul > li > a {
      padding:                  0.7em 10px 0.7em 10px;
      display:                  inline-block;
    }

/* Forms ******************************************************************************/

    .formset label {
    width:                      34%;
    text-align:                 right;
    }

    .formset input, .formset textarea, .formset select {
    width:                      62%;
    }

}

/***************************************************************************************
    Small Desktop min 1024px
****************************************************************************************/

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

    .main {
        width:                  80%;
        float:                  left;
    }

    .maincontent {
        width:                  65%;
        padding:                0.8em 20px;
    }

    aside {
        width:                  35%;
        margin-left:            65%;
    }

    footer {
      clear:                    left;
    }

/* Navigation **************************************************************************/

    nav {
       width:                   20%;
       float:                   left;
       box-shadow:              none;
    }

    nav ul {
        margin:                 1.6em 0 0 ;
    }

    nav ul > li {
        width:                  100%;
        float:                  none;
    }

    nav ul > li > a {
        padding:                0.8em 25px;
        display:                block;
    }

}


/***************************************************************************************
    Large Desktop min 1248px
****************************************************************************************/

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

    .page-wrapper {
      margin:                   0 auto;
      max-width:                78em;
    }

}

/***************************************************************************************
    Lightbox by Osvalds.info
****************************************************************************************/
/*changes begin*/
#thumbgallery
{

}

#thumbgallery li
{
    display:                    inline-block;
    margin:                     0.625em; /* 10 */
}

#thumbgallery img
{
    width:                      8.75em; /* 140 */
	height:                     8.75em; /* 140 */
	border-color:               #eee;
	border:                     0.625em solid rgba( 255, 255, 255, .5 ); /* 10 */

	-webkit-box-shadow:         0 0 0.313em rgba( 0, 0, 0, .05 ); /* 5 */
	box-shadow:                 0 0 0.313em rgba( 0, 0, 0, .05 ); /* 5 */

	-webkit-transition:         -webkit-box-shadow .3s ease, border-color .3s ease;
	transition:                 box-shadow .3s ease, border-color .3s ease;
}

#thumbgallery img:hover, #thumbgallery img:focus
{
    border-color:               #fff;

    -webkit-box-shadow:         0 0 0.938em rgba( 0, 0, 0, .25 ); /* 15 */
	box-shadow:                 0 0 0.938em rgba( 0, 0, 0, .25 ); /* 15 */
}
/*changes end*/

#imagelightbox
		{
			cursor: pointer;
			position: fixed;
			z-index: 10000;

			-ms-touch-action: none;
			touch-action: none;

			-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
			box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
		}


		/* ACTIVITY INDICATION */

		#imagelightbox-loading,
		#imagelightbox-loading div
		{
			border-radius: 50%;
		}
		#imagelightbox-loading
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			position: fixed;
			z-index: 10003;
			top: 50%;
			left: 50%;
			padding: 0.625em; /* 10 */
			margin: -1.25em 0 0 -1.25em; /* 20 */

			-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
			box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
		}
			#imagelightbox-loading div
			{
				width: 1.25em; /* 20 */
				height: 1.25em; /* 20 */
				background-color: #fff;

				-webkit-animation: imagelightbox-loading .5s ease infinite;
				animation: imagelightbox-loading .5s ease infinite;
			}

			@-webkit-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-webkit-transform: scale( .75 ); }
				50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
				to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
			}
			@keyframes imagelightbox-loading
			{
				from { opacity: .5;	transform: scale( .75 ); }
				50%	 { opacity: 1;	transform: scale( 1 ); }
				to	 { opacity: .5;	transform: scale( .75 ); }
			}


		/* OVERLAY */

		#imagelightbox-overlay
		{
			background-color: #fff;
			background-color: rgba( 255, 255, 255, .9 );
			position: fixed;
			z-index: 9998;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}


		/* "CLOSE" BUTTON */

		#imagelightbox-close
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			text-align: left;
			background-color: #666;
			border-radius: 50%;
			position: fixed;
			z-index: 10002;
			top: 2.5em; /* 40 */
			right: 2.5em; /* 40 */

			-webkit-transition: color .3s ease;
			transition: color .3s ease;
		}
			#imagelightbox-close:hover,
			#imagelightbox-close:focus
			{
				background-color: #111;
			}
			#imagelightbox-close:before,
			#imagelightbox-close:after
			{
				width: 2px;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 20%;
				bottom: 20%;
				left: 50%;
				margin-left: -1px;
			}
			#imagelightbox-close:before
			{
				-webkit-transform: rotate( 45deg );
				-ms-transform: rotate( 45deg );
				transform: rotate( 45deg );
			}
			#imagelightbox-close:after
			{
				-webkit-transform: rotate( -45deg );
				-ms-transform: rotate( -45deg );
				transform: rotate( -45deg );
			}


		/* CAPTION */

		#imagelightbox-caption
		{
			text-align: center;
			color: #fff;
			background-color: #666;
			position: fixed;
			z-index: 10001;
			left: 0;
			right: 0;
			bottom: 0;
			padding: 0.625em; /* 10 */
		}


		/* NAVIGATION */

		#imagelightbox-nav
		{
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			border-radius: 20px;
			position: fixed;
			z-index: 10001;
			left: 50%;
			bottom: 3.75em; /* 60 */
			padding: 0.313em; /* 5 */

			-webkit-transform: translateX( -50% );
			-ms-transform: translateX( -50% );
			transform: translateX( -50% );
		}
			#imagelightbox-nav button
			{
				width: 1em; /* 20 */
				height: 1em; /* 20 */
				background-color: transparent;
				border: 1px solid #fff;
				border-radius: 50%;
				display: inline-block;
				margin: 0 0.313em; /* 5 */
			}
			#imagelightbox-nav button.active
			{
				background-color: #fff;
			}


		/* ARROWS */

		.imagelightbox-arrow
		{
			width: 3.75em; /* 60 */
			height: 7.5em; /* 120 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			vertical-align: middle;
			display: none;
			position: fixed;
			z-index: 10001;
			top: 50%;
			margin-top: -3.75em; /* 60 */
		}
		.imagelightbox-arrow:hover,
		.imagelightbox-arrow:focus
		{
			background-color: #666;
			background-color: rgba( 0, 0, 0, .75 );
		}
		.imagelightbox-arrow:active
		{
			background-color: #111;
		}
			.imagelightbox-arrow-left
			{
				left: 2.5em; /* 40 */
			}
			.imagelightbox-arrow-right
			{
				right: 2.5em; /* 40 */
			}
			.imagelightbox-arrow:before
			{
				width: 0;
				height: 0;
				border: 1em solid transparent;
				content: '';
				display: inline-block;
				margin-bottom: -0.125em; /* 2 */
			}
				.imagelightbox-arrow-left:before
				{
					border-left: none;
					border-right-color: #fff;
					margin-left: -0.313em; /* 5 */
				}
				.imagelightbox-arrow-right:before
				{
					border-right: none;
					border-left-color: #fff;
					margin-right: -0.313em; /* 5 */
				}

		#imagelightbox-loading,
		#imagelightbox-overlay,
		#imagelightbox-close,
		#imagelightbox-caption,
		#imagelightbox-nav,
		.imagelightbox-arrow
		{
			-webkit-animation: fade-in .25s linear;
			animation: fade-in .25s linear;
		}
			@-webkit-keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}
			@keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}

		@media only screen and (max-width: 41.250em) /* 660 */
		{
			#container
			{
				width: 100%;
			}
			#imagelightbox-close
			{
				top: 1.25em; /* 20 */
				right: 1.25em; /* 20 */
			}
			#imagelightbox-nav
			{
				bottom: 1.25em; /* 20 */
			}

			.imagelightbox-arrow
			{
				width: 2.5em; /* 40 */
				height: 3.75em; /* 60 */
				margin-top: -2.75em; /* 30 */
			}
			.imagelightbox-arrow-left
			{
				left: 1.25em; /* 20 */
			}
			.imagelightbox-arrow-right
			{
				right: 1.25em; /* 20 */
			}
		}

		@media only screen and (max-width: 20em) /* 320 */
		{
			.imagelightbox-arrow-left
			{
				left: 0;
			}
			.imagelightbox-arrow-right
			{
				right: 0;
			}
		}