/* ##### Skeleton.css ##### */

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

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

    /* ## Skeleton ## */

    /* ## Skeleton End ## */

    /* ## Layout ## */

    /* Header */

    /* Header End */

    /* Slideshow */
    
    ul.text-slider { color: #FFF; list-style: none; position: relative; margin: 0; padding: 60px 0; height: 280px; }
    ul.text-slider li.slide .main-tagline { font-size: 3em; letter-spacing: 3px; }
    ul.text-slider li.slide .sub-tagline { font-size: 1em; margin: 0 100px; }
    
    /* Slideshow End */

    /* Page */
    
    .section-head { margin: 35px 1.5%; }

    /* Page End */

    /* Footer */

    /* Footer End */

    /* ## Layout End ## */

}

/* #Mobile (Both)
================================================== */

/* Note: Design for a width of 767px amd below */

@media only screen and (max-width: 787px) {
	
    /* ## Skeleton ## */
    
    /* Base Grid */
    .container .columns { margin: 0 3%; }
    .container .columns.full                    { margin-left: 0; margin-right: 0; }
    .container .columns.one                     { width: 44%; }
    .container .columns.one.full                { width: 50%; }
    .container .columns.two                     { width: 44%; }
    .container .columns.two.full                { width: 50%; }
    .container .columns.three                   { width: 44%; }
    .container .columns.three.full              { width: 50%; }
    .container .columns.four                    { width: 44%; }
    .container .columns.four.full               { width: 50%; }
    .container .columns.five                    { width: 44%; }
    .container .columns.five.full               { width: 50%; }
    .container .columns.six                     { width: 44%; }
    .container .columns.six.full                { width: 50%; }
    .container .columns.seven                   { width: 44%; }
    .container .columns.seven.full              { width: 50%; }
    .container .columns.eight                   { width: 44%; }
    .container .columns.eight.full              { width: 50%; }
    .container .columns.nine                    { width: 94%; }
    .container .columns.nine.full               { width: 100%; }
    .container .columns.ten                     { width: 94%; }
    .container .columns.ten.full                { width: 100%; }
    .container .columns.eleven                  { width: 94%; }
    .container .columns.eleven.full             { width: 100%; }
    .container .columns.twelve                  { width: 94%; }
    .container .columns.twelve.full             { width: 100%; }
    .container .columns.thirteen                { width: 94%; }
    .container .columns.thirteen.full           { width: 100%; }
    .container .columns.fourteen                { width: 94%; }
    .container .columns.fourteen.full           { width: 100%; }
    .container .columns.fifteen                 { width: 94%; }
    .container .columns.fifteen.full            { width: 100%; }
    .container .columns.sixteen                 { width: 94%; }
    .container .columns.sixteen.full            { width: 100%; }

    .container .columns.one-third               { width: 44%; }
    .container .columns.one-third.full          { width: 50%; }
    .container .columns.two-thirds              { width: 94%; }
    .container .columns.two-thirds.full         { width: 100%; }

    .container .columns.m1                      { width: 0.25%; }
    .container .columns.m1.full                 { width: 6.25%; }
    .container .columns.m2                      { width: 6.5%; }
    .container .columns.m2.full                 { width: 12.5%; }
    .container .columns.m3                      { width: 12.75%; }
    .container .columns.m3.full                 { width: 18.75%; }
    .container .columns.m4                      { width: 19%; }
    .container .columns.m4.full                 { width: 25%; }
    .container .columns.m5                      { width: 25.25%; }
    .container .columns.m5.full                 { width: 31.25%; }
    .container .columns.m6                      { width: 31.5%; }
    .container .columns.m6.full                 { width: 37.5%; }
    .container .columns.m7                      { width: 37.75%; }
    .container .columns.m7.full                 { width: 43.75%; }
    .container .columns.m8                      { width: 44%; }
    .container .columns.m8.full                 { width: 50%; }
    .container .columns.m9                      { width: 50.25%; }
    .container .columns.m9.full                 { width: 56.25%; }
    .container .columns.m10                     { width: 56.5%; }
    .container .columns.m10.full                { width: 62.5%; }
    .container .columns.m11                     { width: 62.75%; }
    .container .columns.m11.full                { width: 68.75%; }
    .container .columns.m12                     { width: 69%; }
    .container .columns.m12.full                { width: 75%; }
    .container .columns.m13                     { width: 75.25%; }
    .container .columns.m13.full                { width: 81.25%; }
    .container .columns.m14                     { width: 81.5%; }
    .container .columns.m14.full                { width: 87.5%; }
    .container .columns.m15                     { width: 87.75%; }
    .container .columns.m15.full                { width: 93.75%; }
    .container .columns.m16                     { width: 94%; }
    .container .columns.m16.full                { width: 100%; }

    .container .columns.mot                     { width: 27.333%; }
    .container .columns.mot.full                { width: 33.333%; }
    .container .columns.mtt                     { width: 60.666%; }
    .container .columns.mtt.full                { width: 66.666%; }

    .container .columns.sidebar { float: left; margin-top: 6%; text-align: center; width: 94%; }

    /* ## Skeleton End ## */

    /* ## Layout ## */
    
    /* Slideshow */
    
    ul.text-slider { color: #FFF; list-style: none; position: relative; margin: 0; padding: 40px 0; height: 220px; }
    ul.text-slider li.slide .main-tagline { font-size: 2em; letter-spacing: 2px; }
    ul.text-slider li.slide .sub-tagline { font-size: 1em; margin: 0 50px; }

    /* Slideshow End */
    
    /* Header */
    
    /* Header End */
    
    /* Footer */
    
    footer .featured-logo { width: 27.333%; }

    /* Footer End */

    /* Page */
    
    .page-content { margin-bottom: 0; padding: 40px 0; }

    .page-content .main-content blockquote { max-width: 30%; }
    
    .double{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
    
    /* Page End */

    /* CTAs */
    
    .cta { font-size: 0.9em; }
    
    /* Hompage CTAs */
    .container .columns.cta:nth-of-type(2n+1)  { clear: both; }
    .container .columns.cta:nth-of-type(2n+2) { }

    /* CTAs End */

    /* Gallery */

    .gallery-categories .gallery-category { margin: 30px; }
    
    .gallery-images .g-image { margin: 0 3% 6% 3%; }

    /* Gallery End */

    /* Forms */

    .form .form-item label, .form.large .form-item label { text-align: left; width: 100%; }
    .form .form-item .basic-control, .form.large .form-item .basic-control { float: left; margin-top: 10px; width: 100%; }
    .form .form-item.buttons, .form.large .form-item.buttons { text-align: right; }
    .form .form-item .required, .form.large .form-item .required { float: right; margin: 0 0 10px; width: 100%; }

    /* Forms End */

    /* Accommodations */

    .accommodation { width: 47%; }

    /* Accommodations End */
    
    /* ## Layout End ## */
    
}

/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 787px) {
    
    /* ## Skeleton ## */
    
    /* ## Skeleton End ## */

    /* ## Layout ## */

    /* Header */
    
    /* Header End */
    
    /* ## Layout End ## */

}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

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

    /* ## Skeleton ## */
    
    /* Base Grid */
    .container .columns { margin: 0 5%; }
    .container .columns.full                    { margin-left: 0; margin-right: 0; }
    .container .columns.one                     { width: 90%; }
    .container .columns.one.full                { width: 100%; }
    .container .columns.two                     { width: 90%; }
    .container .columns.two.full                { width: 100%; }
    .container .columns.three                   { width: 90%; }
    .container .columns.three.full              { width: 100%; }
    .container .columns.four                    { width: 90%; }
    .container .columns.four.full               { width: 100%; }
    .container .columns.five                    { width: 90%; }
    .container .columns.five.full               { width: 100%; }
    .container .columns.six                     { width: 90%; }
    .container .columns.six.full                { width: 100%; }
    .container .columns.seven                   { width: 90%; }
    .container .columns.seven.full              { width: 100%; }
    .container .columns.eight                   { width: 90%; }
    .container .columns.eight.full              { width: 100%; }
    .container .columns.nine                    { width: 90%; }
    .container .columns.nine.full               { width: 100%; }
    .container .columns.ten                     { width: 90%; }
    .container .columns.ten.full                { width: 100%; }
    .container .columns.eleven                  { width: 90%; }
    .container .columns.eleven.full             { width: 100%; }
    .container .columns.twelve                  { width: 90%; }
    .container .columns.twelve.full             { width: 100%; }
    .container .columns.thirteen                { width: 90%; }
    .container .columns.thirteen.full           { width: 100%; }
    .container .columns.fourteen                { width: 90%; }
    .container .columns.fourteen.full           { width: 100%; }
    .container .columns.fifteen                 { width: 90%; }
    .container .columns.fifteen.full            { width: 100%; }
    .container .columns.sixteen                 { width: 90%; }
    .container .columns.sixteen.full            { width: 100%; }

    .container .columns.one-third               { width: 90%; }
    .container .columns.one-third.full          { width: 100%; }
    .container .columns.two-thirds              { width: 90%; }
    .container .columns.two-thirds.full         { width: 100%; }
    
    .container .columns.sidebar { float: left; margin-top: 10%; text-align: center; width: 90%; }

    /* ## Skeleton End ## */

    /* ## Layout ## */
    
    /* Slideshow */

    ul.text-slider li.slide .main-tagline { font-size: 1.5em; letter-spacing: 0; }
    ul.text-slider li.slide .sub-tagline { font-size: 1em; margin: 0 20px; }

    /* Slideshow End */
    
    /* Header */
    
    /* Header End */
    
    /* Footer */

    footer .featured-logo { width: 23.3333%; }
    footer .footer-links, footer .footer-text { text-align: center; }

    /* Footer End */

    /* Page */
    
    .page-content .main-content blockquote { margin: 0 0 30px 0; max-width: 100%; width: 100%; }

    /* Page End */

    /* CTAs */

    /* CTAs End */

    /* Gallery */

    .gallery-categories .gallery-category { margin: 45px; }
    
    .gallery-images .g-image { margin: 0 5% 5% 5%; }

    /* Gallery End */
    
    /* Tables */

    table:not([class]) th, table:not([class]) td { padding: 5px; }

    /* Tables End */

    /* Accommodations */

    .accommodation { width: 94%; }

    /* Accommodations End */
    
    .page-documents .page-document .document-image { margin-bottom: 20px; margin-right: 0; width: 100%; }
    .page-documents .page-document .document-content { margin-left: 0; width: 100%; }

    /* ## Layout End ## */
    
}

/* ##### Skeleton.css END ##### */


/* ##### Layout.css ##### */

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */

/* Conditionals for hiding and showing elements */
@media only screen and (min-width: 1080px) 
{
	.eb{display:none!important} /* Exclude Big */
	.ef{display:none!important} /* Exclude Full */
	.ed{display:block!important} /* Exclude Device */
	.et{display:block!important} /* Exclude Tablet */
	.em{display:block!important} /* Exclude Mobile */
	.el{display:block!important} /* Exclude Mobile Landscape */
	.ep{display:block!important} /* Exclude Mobile Portrait */

	.bo{display:block!important} /* Big Only - Tablet and Full */
	.fo{display:block!important} /* Full Only */
	.do{display:none!important} /* Device Only - Tablet or Mobile */
	.to{display:none!important} /* Tablet Only */
	.mo{display:none!important} /* Mobile Only */
	.lo{display:none!important} /* Mobile Landscape Only */
	.po{display:none!important} /* Mobile Portrait Only */
}

/* Conditionals for hiding and showing elements */
@media only screen and (max-width: 1079px) 
{
	/*img, embed, object, video{max-width:100%}*/
	
	.eb{display:none!important} /* Exclude Big */
	.ef{display:block!important} /* Exclude Full */
	.ed{display:none!important} /* Exclude Device */
	.et{display:none!important} /* Exclude Tablet */
	.em{display:block!important} /* Exclude Mobile */
	.el{display:block!important} /* Exclude Mobile Landscape */
	.ep{display:block!important} /* Exclude Mobile Portrait */

	.bo{display:block!important} /* Big Only - Tablet and Full */
	.fo{display:none!important} /* Full Only */
	.do{display:block!important} /* Device Only - Tablet or Mobile */
	.to{display:block!important} /* Tablet Only */
	.mo{display:none!important} /* Mobile Only */
	.lo{display:none!important} /* Mobile Landscape Only */
	.po{display:none!important} /* Mobile Portrait Only */
}

/* Conditionals for hiding and showing elements */
@media only screen and (max-width: 787px) 
{
	.eb{display:block!important} /* Exclude Big */
	.ef{display:block!important} /* Exclude Full */
	.ed{display:none!important} /* Exclude Device */
	.et{display:block!important} /* Exclude Tablet */
	.em{display:none!important} /* Exclude Mobile */
	.el{display:none!important} /* Exclude Mobile Landscape */
	.ep{display:block!important} /* Exclude Mobile Portrait */

	.bo{display:none!important} /* Big Only - Tablet and Full */
	.fo{display:none!important} /* Full Only */
	.do{display:block!important} /* Device Only - Tablet or Mobile */
	.to{display:none!important} /* Tablet Only */
	.mo{display:block!important} /* Mobile Only */
	.lo{display:block!important} /* Mobile Landscape Only */
	.po{display:none!important} /* Mobile Portrait Only */
}

/* Conditionals for hiding and showing elements */
@media only screen and (max-width: 479px) 
{
	.eb{display:block!important} /* Exclude Big */
	.ef{display:block!important} /* Exclude Full */
	.ed{display:none!important} /* Exclude Device */
	.et{display:block!important} /* Exclude Tablet */
	.em{display:none!important} /* Exclude Mobile */
	.el{display:block!important} /* Exclude Mobile Landscape */
	.ep{display:none!important} /* Exclude Mobile Portrait */

	.bo{display:none!important} /* Big Only - Tablet and Full */
	.fo{display:none!important} /* Full Only */
	.do{display:block!important} /* Device Only - Tablet or Mobile */
	.to{display:none!important} /* Tablet Only */
	.mo{display:block!important} /* Mobile Only */
	.lo{display:none!important} /* Mobile Landscape Only */
	.po{display:block!important} /* Mobile Portrait Only */
}

/* ##### Layout.css END ##### */