/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 20/04/2017
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* Mobile first
================================================== */

    .container 	{ position: relative; width: 100%; margin: 0px auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin: 0px; }
    .row                                        { margin-bottom: 7px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }
    
    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns { width: 90%; padding-left: 5%; padding-right: 5%; }

    .flex_full_width_text { width: 90%; padding: 0 5%; }
    .flex_full_width, .flex_left_half, .flex_right_half { float: left; width: 100%; }
	.flex_full_width .flexbox.flexbox_container_padding, .flex_left_half .flexbox.flexbox_container_padding, .flex_right_half .flexbox.flexbox_container_padding { padding: 0px; }
    
    .container .col_1.alpha { float: left; width: 20%!important; padding-left: 0%; }
    .container .col_1.last { float: left; width: 72%!important; padding-left: 1%; padding-right: 0%; }
	.container .col_2:nth-of-type(odd), .container .col_3:nth-of-type(odd), 
	.container .col_4:nth-of-type(odd) { float: left; width: 48%; padding-right: 0%; margin: 5% 0%; }
	.container .col_2:nth-of-type(even), .container .col_3:nth-of-type(even), 
	.container .col_4:nth-of-type(even) { float: right; width: 48%; padding-left: 0%; margin: 5% 0%; }
	.container .col_2 h3, .container .col_3 h3, .container .col_4 h3 { font-size: 1.2em; }
	.container .col_2 .entry, .container .col_3 .entry, .container .col_4 .entry { font-size: 0.9em; line-height: 1.5em; }
	
	.container .col_2, .container .col_3, .container .col_4 { background-color: white; padding-bottom: 22px; }

	.one-fifth, .four-fifths, .one-fourth, .one-third, .two-thirds, .one-half, .full-width { float: left; width: 100%; }

	.half { width: 90%; }
	
	.topbar .eight.columns {
	    width: 40%!important;
	}
	.break_full { display: none; }
	.break_small { clear: both; display: block; }
	
	.eight.columns.email, .eight.columns.telephone { width: 40%!important; }
    .eight.columns.telephone { float: right; }

	.columns_1, .columns_2 { width: 100%; float: left; }
	.columns_3, .columns_4, .columns_5 { width: 100%; float: left; }

	.one_half,
	.one_third,
	.two_thirds,
	.one_fourth,
	.two_fourths,
	.three_fourths,
	.one_fifth,
	.two_fifths,
	.three_fifths,
	.four_fifths,
	.one_sixth,
	.five_sixths {width: 100%; margin-right: 0%;}
	.eight.columns.email { padding-right: 0%; font-size: 0.9em; } 
	.eight.columns.telephone { padding-left: 0%; font-size: 0.9em; }
	.container .five.col_1 { width: 100%!important; }
	.container .ten.col_1 { width: 100%!important; padding: 0% 0% 10%; }
	
	.container .col_1 { width: 100%; padding-left: 0%; padding-right: 0%; }
    .container .col_1.alpha { padding-right: 0%; }
	.container .col_1.alpha img { width: 100%; }

	.container .three_across:nth-child(odd) { width: 100%!important; float: left; }
	.container .three_across:nth-child(even) { width:100%!important; margin-right: 0px; float: right; }
	.footer .four.columns { width: 40%; }
	.footer .twelve.columns { width: 45%; }

	.flexbox {
	  position: relative;
	  display: flex;
	  flex-direction: column; 
	}

	.flex-reverse { order: -1; }

	.flex-col { display: flex; flex: 1; padding: 50px 6%;}
	
	/*#flex_top_block .flex-image { border-bottom-left-radius: 50% 10%;  border-bottom-right-radius: 50% 10%; }*/
	.flex-equal { padding: 5%; }
	.flex-col.flex-image { min-height: 200px; background-size: cover; }
	.flex-col.flex-map { height: 300px; padding: 0px; min-height: auto; }
	.flex-col.flex-text { display: flex; padding: 0px; }
	.flex-col .flex-text-block { display: flex; flex-direction: column; width: 100%; justify-content: center; padding: 60px 60px; }
	.flex-col .flex-text-block.no-padding { padding-left: 0px; padding-right: 0px; }
	
/* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }




/* Larger than mobile
================================================== */

@media (min-width: 480px) {
	.column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
    .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }

	.one_half { width: 49%; }
	.one_third { width: 32%; }
	.two_thirds { width: 66%; }
	.one_fourth { width: 23.5%; }
	.two_fourths {width: 49%;}
	.three_fourths { width: 74.5%; }
	.one_fifth { width: 18.4%; }
	.two_fifths { width: 38.8%; }
	.three_fifths { width: 59.2%; }
	.four_fifths { width: 79.6%; }

	.flex_full_width .flexbox.flexbox_container_padding { padding: 30px 18px; }
		
	.one_half,
	.one_third,
	.two_thirds,
	.two_fourths,
	.three_fourths,
	.one_fourth,
	.one_fifth,
	.two_fifths,
	.three_fifths,
	.four_fifths,
	.one_sixth,
	.five_sixths {
		position: relative;
		margin-right: 2%;
		float: left;
	}

	.last {margin-right:0 !important;}

	.container .five.col_1 { width: 28%!important; float: left!important; padding-left: 0%!important; margin-left: 0px; }
	.container .ten.col_1 { width: 69%!important; float: left!important; padding: 0%!important; 
							margin-left: 0px!important; margin-bottom: 20px; }
	
}




/* Larger than phablet
================================================== */

@media (min-width: 547px) {

		.curve { position: relative; left: -5%; width: 110%; border-bottom-left-radius: 50% 40px; border-bottom-right-radius: 50% 40px; overflow: hidden; }

}




/* Larger than tablet
================================================== */

/* Base Grid */
/* (width divided by 16) x number of cols - (margin-left + margin-right) */

@media (min-width: 768px) {
	
    .container                                  { width: 768px; }
    .container .column,
    .container .columns                         { margin-left: 10px; margin-right: 10px; padding-left: 0!important; padding-right: 0!important; }
    .alpha.omega                                { margin-left: 0; margin-right: 0; }

    .container .one.column,
    .container .one.columns                     { width: 28px; }
    .container .two.columns                     { width: 76px; }
    .container .three.columns                   { width: 124px; }
	.container .three_across.columns			{ width: 236px; }
    .container .four.columns                    { width: 172px; }
    .container .five.columns                    { width: 220px; }
    .container .six.columns                     { width: 268px; }
    .container .seven.columns                   { width: 316px; }
    .container .eight.columns                   { width: 364px; }
    .container .nine.columns                    { width: 412px; }
    .container .ten.columns                     { width: 460px; }
    .container .eleven.columns                  { width: 508px; }
    .container .twelve.columns                  { width: 556px; }
    .container .thirteen.columns                { width: 604px; }
    .container .fourteen.columns                { width: 652px; }
    .container .fifteen.columns                 { width: 700px; }
    .container .sixteen.columns                 { width: 748px; }
	.container .twelve.columns.navigation		{ width: 556px; }

    .container .one-third.column                { width: 236px; }
    .container .two-thirds.column               { width: 492px; }
	
	.curve { position: relative; left: -5%; width: 110%; border-bottom-left-radius: 50% 90px; border-bottom-right-radius: 50% 90px; overflow: hidden; }

	.flex_full_width { float: left; width: 100%; }
    .flex_left_half { float: left; width: 50%; }
    .flex_right_half { float: right; width: 50%; }
    .flexbox_container_padding .container 		{ width: 708px; }
    .flexbox_container_padding .container .sixteen { width: 666px; }

	
	.flex_full_width .flexbox.flexbox_container_padding { padding: 18px; }
	.flex_left_half .flexbox.flexbox_container_padding { padding: 30px 15px 30px 30px; }
	.flex_right_half .flexbox.flexbox_container_padding { padding: 30px 30px 30px 15px; }
    
    .topbar .eight.columns {
	    width: 46%!important;
	}

	.one-fifth { width: 20%; }
	.four-fifths { width: 80%; }
	.one-fourth { width: 25%; }
	.one-third { width: 33.3333%; }
	.two-thirds { width: 66.666%; }
	.one-half { width: 50%; }
	
	.columns_1 { width: 100%; }
	.columns_2 { width: 50%; }
	.columns_3 { width: 33.33333%; }
	.columns_4 { width: 25%; }
	.columns_5 { width: 20%; }

	.flexbox {
		display: flex;
		flex-direction: row; 
	}

	.flex-col {
	  flex: 1; 
	  padding: 120px 5%;
	}

	#flex_top_block .flex-col { padding: 120px 0px; }

	.flex-reverse { order: 0; }
	.flex-col.flex-image { min-height: 200px; }
	.flex-col.flex-text { padding: 120px 0px; }
	.flex-col .flex-text-block { padding: 0px 60px; }
	.flex-col.flex-map { height: auto; }

	.container .col_2, .container .col_3, .container .col_4 {  }

}




/* Desktop and larger
================================================== */

@media (min-width: 960px) {
	
    .container                                  { width: 960px; margin: 0px auto; }
    .container .column,
    .container .columns                         { margin-left: 20px; margin-right: 20px; }

	.flex-equal { padding: 5% 5%; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    .container .one.column,
    .container .one.columns                     { width: 20px;  }
    .container .two.columns                     { width: 80px; }
    .container .three.columns                   { width: 140px; }
   	.container .three_across.columns			{ width: 280px; }
    .container .four.columns                    { width: 200px; }
    .container .five.columns                    { width: 260px; }
    .container .six.columns                     { width: 320px; }
    .container .seven.columns                   { width: 380px; }
    .container .eight.columns                   { width: 440px; }
    .container .nine.columns                    { width: 500px; }
    .container .ten.columns                     { width: 560px; }
    .container .eleven.columns                  { width: 620px; }
    .container .twelve.columns                  { width: 680px; }
    .container .thirteen.columns                { width: 740px; }
    .container .fourteen.columns                { width: 800px; }
    .container .fifteen.columns                 { width: 860px; }
    .container .sixteen.columns                 { width: 920px; }
	.container .twelve.columns.navigation		{ width: 700px; }
	.container .three_across.columns			{ width: 280px; margin-bottom: 20px;}
    .container .one-third.column                { width: 280px; }
    .container .two-thirds.column               { width: 600px; }
    .flexbox_container_padding .container 		{ width: 900px; }
    .flexbox_container_padding .container .sixteen { width: 860px; }

	.flex_full_width .flexbox.flexbox_container_padding { padding: 30px; }
 	
 	.container .col_2 { float: left!important; width: 48%!important; padding-left: 0%; margin: 2% 2% 2% 0%!important; }
	.container .col_2.last { float: right!important; width: 48%!important; padding-right: 0%!important; margin-right: 0%!important; }
	.container .col_3 { float: left!important; width: 32%!important; padding-left: 0%; margin: 2% 2% 2% 0%!important; }
	.container .col_3.last { float: right!important; width: 32%!important; padding-right: 0%; margin-right: 0%!important; }
	.container .col_4 { float: left!important; width: 22%!important; padding-left: 0%; margin: 2% 4% 2% 0%!important; }
	.container .col_4.last { float: right!important; width: 22%!important; padding-right: 0%; margin-right: 0%!important; }

	.container .col_2 { min-height: 400px; }
	.container .col_3 { min-height: 334px; }
	.container .col_4 { min-height: 282px; }

	.break_full { clear: both; display: block; }
	.break_small { display: none; }
	
	.half { width: 46%; float: left; padding: 2% }
	
}