/************************************************************/
/* PARAMETERS */
/************************************************************/


/************************************************************/
/* PARAMETERS FOR sys_image_overlay_frame  */
/************************************************************/
	
	:root 
	{
	  --sys_icon_overlay_width:   60px;
	  --sys_icon_overlay_height:  60px;
	  --sys_icon_overlay_shift_h:  9px;
	  --sys_icon_overlay_shift_v: 15px;
	  --sys_icon_overlay_shift_margin: 2px;
	  --sys_icon_overlay_zoomout: 0.93;
	  --sys_helper_border:         0px;
	  --sys_drop_shadow:           1px;
	  --sys_drop_shadow_blur:      2px;
	  --sys_drop_shad_icon_blur:   1px;
	}
		
/************************************************************/
/* SEPARATORS */
/************************************************************/

	.sys_draw_arrow_left
	{
		background-color: #FFF;
		z-index: 1000;
		
		width: 30px;
		height: 30px;
		border-top: 30px solid transparent;
		border-bottom: 30px solid transparent;
		border-right: 30px solid white;
		position: absolute;
		margin: 0 auto;
		left: -28px;
		top: 120px;
	}
	
	.sys_draw_separator_h_short
	{
		position: relative;
		border-bottom:  1px solid #555;
		height:   1px;
		width:   50px;
	}
							

/*****************************************************************/
	
	.sys_spacer_v_10
	{
		margin-top:    10px;
		margin-bottom: 10px;
	}
	
	.sys_spacer_v_12
	{
		margin-top:    12px;
		margin-bottom: 12px;
	}
	
	.sys_spacer_v_15
	{
		margin-top:    15px;
		margin-bottom: 15px;
	}
	
/************************************************************/
/* TEXT */ 
/************************************************************/


	.writing_placeholder
	{
		position: relative;
		width:   210px;
		height:  auto;
		text-align:center;
		
		-webkit-border-radius: 2px;
		-moz-border-radius:    2px;
		border-radius:         2px;
		
		border: 1px solid #FFF;
		
		-webkit-box-shadow: 1px 1px 6px #808080;
		-moz-box-shadow:    1px 1px 6px #808080;
		box-shadow:         1px 1px 6px #808080;
		
		padding: 8px ;
	}
	
	.writing_text
	{
		width:  inherit;
		height: inherit;
	  
		text-align:center;
	}
	
/************************************************************/
/* BOXES */ 
/************************************************************/

	.sys_index_column
	{
		display: flex;
		flex-flow: column nowrap;
		justify-content: flex-start;
		gap: 8px;
		overflow: hidden;
		
		-webkit-text-size-adjust: 100%;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		font-size: 14px;
		line-height: 1;
		color: #FFF;
		box-sizing: border-box;
		background: rgba(0,0,0,0.5);
		margin-bottom: 8px;
		
		width:200px;
		padding:8px;
		border:1px solid #433;
	}
	
	
	.sys_index_column_header
	{
		height:24px;
		width:100%;
		color: #FFF;
		text-shadow: 2px 2px #332;
		
		text-align:left;
		letter-spacing:+1px;
		font-weight:bold;
		
		padding:3px;
		border-bottom:1px solid  #FFF;
	}
	
	.sys_index_column_item_BKP
	{
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		gap: 8px;
	}
	
	.sys_index_column_item
	{
		height:120px;
		width:100%;
		color: #FFF;
		text-shadow: 2px 2px #332;
		
		overflow: hidden;
		cursor: pointer;
		
		padding-bottom:2px;
		border-bottom:1px dotted  #888;
	}
	
	.sys_index_column_date
	{
		color:#EA3;
		font-size: 18px;
		font-weight:normal;
		letter-spacing:+1px;
	}
	
	.sys_index_column_footer a
	{
		color: #FFF;
	}
	
	.sys_index_column_footer a:hover
	{
		color: #EA3;
		text-decoration: none;
	}
	
	.sys_index_column_footer
	{
		float: left !important;
		height:18px;
		width:100%;
		color: #FFF;
		text-shadow: 2px 2px #332;
		
		text-align:right;
		letter-spacing:+1px;
		font-weight:bold;
		
		padding:3px;
	}
	
	.sys_index_column_image_BKP
	{
		padding:1px;	
			
		background: rgba(0,0,0,0.5);
	}
	
	.sys_index_column_image
	{
		float: right !important;
		width:  70px;
		height: 70px;
		margin-left: 3px;
	}
	
	.sys_index_column_image > img 
	{
		height: 100%;
		max-width:  70px;
		max-height: 70px;
		
		vertical-align: middle;
		object-fit: cover !important;
		
		border: solid 1px #433 !important;
	}
	
	@media (max-width: 480px)
	{
		.sys_index_column
		{
			font-size: 14px;
			width:172px;
			padding:1px;
		}
		
		.sys_index_column_footer
		{
	
			height:16px;
			letter-spacing:0px;
			
			padding:2px;
		}
		
		.sys_index_column_item
		{
			height:124px;
			width:100%;
			color: #FFF;
			gap: 5px;
			padding-bottom:1px;
		}
	
		.sys_index_column_date
		{
			font-size: 17px;
			letter-spacing:0px;
		}
		
			
		.sys_index_column_image
		{
			width:  65px;
			height: 65px;
		}
		
		.sys_index_column_image > img 
		{
			max-width:  65px;
			max-height: 65px;
		}
	}
/************************************************************/
/*  IMAGES */
/************************************************************/



/************************************************************/
/*  GALLERIES */
/************************************************************/
	

	.gallery_frame
	{
		width: 100%;
		height: 100%;
		
		padding:10px;
		
		
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;

		-moz-flex-justify-content: center;
		-webkit-justify-content: center;
		-ms-flex-justify-content: center;
		justify-content: space-between;
	}

	.gallery_box
	{
		width: 100%;

		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;

		-moz-flex-justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-flex-justify-content: space-between;
		justify-content: space-between;
	}

	.gallery_group
	{
		width: auto;
		display: flex;
		grid-gap: 10px 2em;
		flex-direction: row;
		flex-wrap: wrap;
		
		
		-moz-flex-justify-content: center;
		-webkit-justify-content: center;
		-ms-flex-justify-content: center;
		justify-content: center;
	}

	.gallery_group_spaced
	{
		width: 100%;
			
		display: flex;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		grid-gap: 10px 2em;
		flex-direction: row;
		flex-wrap: wrap;
		
		
		-moz-flex-justify-content: space-around;
		-webkit-justify-content: space-around;
		-ms-flex-justify-content: space-around;
		justify-content: space-around;
	}

	.gallery_unit:last-child
	{

	}

	.gallery_unit
	{
		
		width: 100%;
			
		  flex: 1 0 10px;
		  display: flex;
		  flex-wrap: wrap;
		  flex-direction: column;
		  align-content: space-between;
	}

	.gallery_box img
	{
		width: 220px;
		object-fit: cover !important;
		border:  3px solid white;


		-webkit-border-radius: 	5px;
		-moz-border-radius: 	5px;
		border-radius: 			5px;

		-webkit-box-shadow: 0 0 5px 1px rgba(0,0,3, 0.5);
		-moz-box-shadow: 	0 0 5px 1px rgba(0,0,3, 0.5);
		box-shadow: 		0 0 5px 1px rgba(0,0,3, 0.5);
	}

	.gallery_box img:hover
	{
		-webkit-box-shadow: 0 0 8px 1px #39D;
		-moz-box-shadow: 	0 0 8px 1px #39D;
		box-shadow: 		0 0 8px 1px #39D;
	}

	.gallery_thumbnail_square
	{
		height: same-as-width !important;
	}
	
/************************************************************/

	.gallery_image_hdr, .gallery_image_hdr > img
	{
		filter:saturate(1.2) brightness(1.1);
	}
	
	
/************************************************************/

	.photo_with_strip_container
	{
		width: 100%;
	}
	.photo_with_strip_group
	{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: auto;
	}
	
	
	.photo_with_strip_box
	{
		display: flex;
		flex-flow: column wrap;
		align-items:start;
	}
	
	.photo_strip_menu
	{	
		display: flex;
		flex-flow: column wrap;
		align-items:start;
		align-content:top;

	}
	
	
	.photo_strip_menuitem
	{
		margin-left:   0;
		margin-bottom: 8px;
		font-size:   16px;
		line-height: 13px;
	}
	
	
	.photo_with_strip_frame
	{
		position: relative;
		width:    150px;
		height:   150px;
		margin-left:  15px !important;
		margin-top:   10px !important;
				
		-webkit-border-radius: 1px;
		-moz-border-radius:    1px;
		border-radius:         1px;
		border: 1px solid      #FFF;
	  
		-webkit-box-shadow: 1px 1px 5px #808080;
		-moz-box-shadow:    1px 1px 5px #808080;
		box-shadow:         1px 1px 5px #808080;
	}
	
	
	.photo_with_strip
	{
		position:  absolute;
		top:   0;
		left:  0;
		height:  100%;
		object-position: 50% 50%;
		object-fit: cover !important;
		border: 1px solid white;
		
		-webkit-filter: grayscale(100%);
		   -moz-filter: grayscale(100%);
			 -o-filter: grayscale(100%);
			-ms-filter: grayscale(100%);
				filter: grayscale(100%); 
	}
	
	
	.photo_strip_selection .photo_with_strip
	{
		-webkit-filter: grayscale(1%) !important;
		   -moz-filter: grayscale(1%) !important;
			 -o-filter: grayscale(1%) !important;
			-ms-filter: grayscale(1%) !important;
				filter: grayscale(1%) !important; 
	}
	
	.photo_strip_selection .photo_strip_label a
	{
		color: #D03 !important; 
	}
	
	.photo_strip_selection .photo_strip_menuitem a
	{
		font-weight: bold; 
		color: #D03 !important; 
	}
	
	.photo_with_strip_frame:hover .photo_with_strip
	{
		-webkit-filter: grayscale(1%);
		   -moz-filter: grayscale(1%);
			 -o-filter: grayscale(1%);
			-ms-filter: grayscale(1%);
				filter: grayscale(1%); 
	}
	
	.photo_strip, .photo_strip_label
	{
		position:  absolute;
		top:  30%;
		left:  0;
		width:  100%;
		height:  40%;
	}
	
	
	.photo_strip
	{
		background-color: white;
		opacity: 0.65;
		z-index: 100;
		
	}
	
	
	.photo_strip_label, .photo_strip_label a
	{	
		font-family: 'open_sans_condensedbold' !important;
	}
	
	
	.photo_strip_label
	{
		border: 1px solid white;
		z-index: 101;
		
		text-align:center;
		font-weight:bold;
		font-size:  19px;
		line-height:14px;

	}
	
	
	.photo_strip_label a
	{
		display: inline-block;
		vertical-align: middle;
		color:black;
		font-weight:bold;
		text-transform: uppercase;
		padding-top: 20px;
	}
	
	/************************************************************/
	
	.photo_postcard_placeholder
	{
		position: relative;
		width:   180px;
		height:  auto;
		
	}
	
	.photo_postcard
	{
		width:  inherit;
		height: inherit;
	  
		-webkit-border-radius: 2px;
		-moz-border-radius:    2px;
		border-radius:         2px;
		
		border: 8px solid #FFF;
		
		-webkit-box-shadow: 1px 1px 6px #808080;
		-moz-box-shadow:    1px 1px 6px #808080;
		box-shadow:         1px 1px 6px #808080;
	}
	
	/************************************************************/
	
	
	.photo_panel
	{
		position: relative;
		width:  200px;
		height: 141px;
	}
		
	.photo_panel_vert
	{
		margin-left: 20px;
		position: relative;
		width:   inherit;
		height:  inherit;
	}

	.photo_back, .photo_panel  img
	{
		width:  inherit;
		height: inherit;
		
		-webkit-border-radius: 1px;
		-moz-border-radius:    1px;
		border-radius:         1px;
		border: 8px solid      #FFF;
	  
		-webkit-box-shadow: 1px 1px 6px #808080;
		-moz-box-shadow:    1px 1px 6px #808080;
		box-shadow:         1px 1px 6px #808080;
	}
	
	.photo_back
	{
		position:absolute;
		top:0;
		left:0;
		margin-top:1px;
		background-color: #545;
	}
	
	.photo_panel  img
	{
		position:absolute;
		margin-top:0;
		top:0;
		left:0;
		transform: rotate(7deg);
		background-color: #fff;
	}

	.photo_panel_BKP  img:before 
	{
	  content: "<div class=photo_back></div>";
	}

	/************************************************************/
	

	.cms_flow_image
	{
		width:  200px;
		height: 80px;
		margin: 5px;
	}
	.cms_flow_image img
	{
		width:  200px;
		height: 80px;
		object-fit: cover !important;
		border: 1px solid white;
		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		-webkit-box-shadow: 0 0 3px 1px rgb(0 0 3 / 50%);
		-moz-box-shadow: 0 0 3px 1px rgba(0,0,3, 0.5);
		box-shadow: 0 0 3px 1px rgb(0 0 3 / 50%);
	}

	/************************************************************/
		


	.sys_image_overlay_frame
	{
		min-width: 90px;
		max-width:120px;
	}

  
	.sys_image_overlay_box
	{
		display: flex;
		flex-direction: column;

		border:var(--sys_helper_border) solid red;
	}

	/*
	width:   calc(var(--sys_icon_overlay_width ) + var(--sys_icon_overlay_shift_h)) ;
	height:  calc(var(--sys_icon_overlay_height) + var(--sys_icon_overlay_shift_v)) ;
	*/

	.sys_image_overlay_bg
	{
		position:absolute;
		height:  var(--sys_icon_overlay_height);
		float:   left;
		z-index:1;
		-webkit-filter: drop-shadow(var(--sys_drop_shadow) var(--sys_drop_shadow) var(--sys_drop_shadow_blur) #222);
		filter:         drop-shadow(var(--sys_drop_shadow) var(--sys_drop_shadow) var(--sys_drop_shadow_blur) #222);


		border:var(--sys_helper_border) solid blue;
	}
	/*
	height:  var(--sys_icon_overlay_height);
	*/
  
	.sys_image_overlay
	{
		 height:     var(--sys_icon_overlay_height);
		 transform: scale( var(--sys_icon_overlay_zoomout) );

		 position:absolute;
		 z-index:2;
		 margin-top:  calc( (var(--sys_icon_overlay_height) * (1 - var( --sys_icon_overlay_zoomout)) + var(--sys_icon_overlay_shift_v)) );
		 margin-left: calc( (var(--sys_icon_overlay_width ) * (1 - var( --sys_icon_overlay_zoomout)) + var(--sys_icon_overlay_shift_h)) );
		 float:right;
		 -webkit-filter: drop-shadow(var(--sys_drop_shadow) var(--sys_drop_shadow) var(--sys_drop_shad_icon_blur) #222);
		 filter:         drop-shadow(var(--sys_drop_shadow) var(--sys_drop_shadow) var(--sys_drop_shad_icon_blur) #222);
		 
		 border:var(--sys_helper_border) solid green;
	}
	
   /*
	 margin-top:  calc( var(--sys_icon_overlay_height) * var(--sys_icon_overlay_z_shift) + var(--sys_icon_overlay_shift_v) );
	 margin-left: calc( var(--sys_icon_overlay_width ) * var(--sys_icon_overlay_z_shift) + var(--sys_icon_overlay_shift_h) );
   */
   
	.sys_image_overlay_caption
	{
		margin-top: calc( var(--sys_icon_overlay_shift_v) + var(--sys_icon_overlay_shift_margin)  );
	}
	
	
/************************************************************/
		
	
	.cms_index_image
	{
		width:  400px !important;
		height: 180px !important;
		margin-right: 8px;
	}
	.cms_index_image img
	{
		width:  400px !important;
		height: 180px !important;
		object-fit: cover !important;
		border: 3px solid white;
		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		-webkit-box-shadow: 0 0 5px 1px rgb(0 0 3 / 50%);
		-moz-box-shadow: 0 0 5px 1px rgba(0,0,3, 0.5);
		box-shadow: 0 0 5px 1px rgb(0 0 3 / 50%);
	}
	.cms_index_image_caption
	{
	   margin-top:5px;
	   font-size:12px;
	}
	
	
/************************************************************/

	figure 
	{
		padding:0;
		margin: 0;
		border: 0;
	}
	
	.cms_content_image_box
	{
		width:  400px;
		height: 280px;
		margin-right: 5px;
		margin-left: 10px;
		margin-bottom: 5px;
		float: right;
	}
	
	.cms_content_image_caption
	{
		font-size: 15px;
		
		font-family: open_sanscondensed_light;
		
	    margin-top:5px;
		
	    text-align:center;
	}
	
	.cms_content_image
	{
		width:  100%;
		height: 100%;
		object-fit: cover !important;
		border: 3px solid white;
		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		-webkit-box-shadow: 0 0 5px 1px rgb(0 0 3 / 50%);
		-moz-box-shadow: 0 0 5px 1px rgba(0,0,3, 0.5);
		box-shadow: 0 0 5px 1px rgb(0 0 3 / 50%);
	}
	
/************************************************************/
		

	
	.cms_sheet_image
	{
		width:  98%;
		height: 150px;
		margin-right:  5px;
		margin-left:   5px;
	}
	
	.cms_sheet_image img
	{
		width:  99%;
		height: 150px;
		object-fit: cover !important;
		border: 3px solid white;
		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		-webkit-box-shadow: 0 0 5px 1px rgb(0 0 3 / 50%);
		-moz-box-shadow: 0 0 5px 1px rgba(0,0,3, 0.5);
		box-shadow: 0 0 5px 1px rgb(0 0 3 / 50%);
	}
	
	.cms_sheet_image_obj
	{
	   margin-bottom:3px;
	}
	
	.cms_sheet_image_caption
	{
	   margin-top:5px;
	   font-size:12px;
	}
	
/************************************************************/

	.sys_postcard_container
	{
		position: relative;
		-webkit-text-size-adjust: 100%;
		margin: 5px 28px 10px 5px!important;
		float: left;
		padding: 0;
		
	}

	.sys_postcard_container *
	{
		font-family: 'open_sanscondensed_light',Arial;
		line-height: 18px;
		list-style: none!important;
		
	}

	.sys_postcard_outer_frame
	{
		position: relative;
			 -webkit-text-size-adjust: 100%;
		color: #333;
		font-size: 18px;
		line-height: 18px;
		list-style: none!important;
		border: 1px solid #ccc;
		box-shadow: 3px 3px 5px 0 #CFCFCF;
		display: block;
		float: left;
		margin: 0;
		padding: 0 5px 5px 0;
		background: url(shadowAlpha.png) no-repeat right bottom;
		background-color: #fff!important;
	}

	.sys_postcard_inner_frame
	{
		position: relative;
			-webkit-text-size-adjust: 100%;
		color: #333;
		font-size: 18px;
		line-height: 18px;
		list-style: none!important;
		background: #fff;
		display: block;
		float: left;
		margin: -5px 0 0 -5px;
		padding: 4px;
		border: 1px solid #ccc;
		
	}


	.sys_postcard_link
	{
		-webkit-text-size-adjust: 100%;
		font-size: 18px;
		line-height: 18px;
		list-style: none!important;
		text-decoration: none;
		position: relative;
		float: left;
		display: block;
		padding: 0;
		margin: 0;
		border: none;
		color: #eee;
		width: 200px;
		height: 160px;
		
	}


	.sys_postcard_img
	{

		object-fit: cover !important;
		-webkit-text-size-adjust: 100%;
		font-size: 18px;
		line-height: 18px;
		list-style: none!important;
		color: #eee;
		max-width: 100%;
		vertical-align: middle;
		display: block;
		padding: 0;
		margin: 0;
		border: none;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		width: 200px;
		height: 160px;
		
	}


	.sys_postcard_caption:hover
	{
		background-color: #fff;
	}


	.sys_postcard_caption:hover .sys_postcard_caption_text,
	.sys_postcard_caption_text
	{
		color: #000  !important;
	}


	.sys_postcard_caption
	{
		-webkit-text-size-adjust: 100%;
		height: auto;
		min-height: 50px;
		line-height: 18px;
		list-style: none!important;
		color: #eee;
		
		display: flex;
		flex-flow: column;
		justify-content:center;
		vertical-align: middle;
		position: absolute;
		
		bottom: 0;
		left: 0;
		right: 0;
		text-align: center;
		padding: 2px 4px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		opacity: 0.7;
		background: #000;
		
	}

	.sys_postcard_caption_text
	{
		color: #fff !important;
		font-size: 14px !important;
		
		font-weight: bold;
		vertical-align: middle;
	}
		
	.sys_picbox_container
	{
		max-width: 1280px;
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		
		padding:0;
	}
	
	.sys_picbox
	{
		max-width: 600px;
		width:     48%;
		min-height:    300px;
		height:    auto;
		background-color: #FFF;
		display: flex;
		flex-direction: row;
		
		margin: 0px;
		margin-bottom: 20px;
		
		border: 1px solid #fff;
		
		-webkit-box-shadow: 1px 0px 6px #987;
		-moz-box-shadow: 1px 0px 6px #987;
		box-shadow: 1px 0px 6px #987;
		
		cursor: pointer;
	}
	
	.sys_picbox_img 
	{
		padding: 8px;
	}
	
	.sys_picbox_img > img
	{
		height: 100%;
		max-height: 312px;
		width:  auto;
		max-width: 312px;
		vertical-align: middle;
		border: 1px solid #bcd;
		object-fit: cover !important;
	}
	
	.sys_picbox_text
	{
		padding: 15px;
		
		width: calc(50% - 10px);
		display: flex;
		flex-direction: column;
		
		line-height: 1.1;
		
		display:   flex;
		flex-flow: column;
		justify-content: space-between;
	}
	
	.sys_picbox_title
	{
		font-size: 20px;
		font-weight:bold;
		color: #689;
	}
	
	.sys_picbox_teaser
	{
		font-size: 16px;
		font-weight:normal;
		color: #333;
		
		line-height: 1.2;
	}
	
	@media (max-width: 1200px)
	{
		
		.sys_picbox_title
		{
			line-height: 1;
		}
		.sys_picbox_teaser
		{
			line-height: 1.1;
		}
			
			
		.sys_picbox_img > img
		{
		}
	}
	
	@media (max-width: 1100px)
	{
		.sys_picbox_container
		{
			display: block;
		}
		.sys_picbox
		{
			width:   99%;
			margin-left: auto;
			margin-right: auto;
		}
		
		.sys_picbox_img > img
		{
		}
	}
	
	@media (max-width: 980px)
	{
	
	}
	
	@media (max-width: 600px)
	{
	    .sys_picbox, .sys_picbox_img, .sys_picbox_text
	        {
			display:block;
			position:relative;
	    }
	   
	    .sys_picbox_img  
	        {
			max-width:  calc(100% - 16px ) !important;
			width:      calc(100% - 16px ) !important;
	    }
	   
	    .sys_picbox_img > img
	        {
			max-width:  calc(100% - 2px ) !important;
			width:      calc(100% - 2px ) !important;
	    }
	   
	    .sys_picbox_text 
	        {
			max-width:  calc(100% - 16px + 1px - 16px + 1px ) !important;
			width:      calc(100% - 16px + 1px - 16px + 1px ) !important;
	    }
	   
	    .sys_picbox .sys_draw_arrow_left
	        {
		    display:none;
	    }
	}
	

/*****************************************************************/
/**************          INPUTS AND BUTTONS         **************/
/*****************************************************************/

	.framed_button input[type="submit"],
	.framed_button input[type="reset"],
	.framed_button input[type="button"],
	.framed_button button,
	.framed_button  {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: transparent;
		border-radius: 0.375em;
		border: 0;
		box-shadow: inset 0 0 0 2px #6699FF;
		color: #6699FF !important;
		cursor: pointer;
		display: inline-block;
		font-size: 0.8em;
		font-weight: 700;
		height: 3.5em;
		letter-spacing: 0.075em;
		line-height: 3.5em;
		padding: 0 2.25em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
	}

	.framed_button input[type="submit"]:hover,
	.framed_button input[type="reset"]:hover,
	.framed_button input[type="button"]:hover,
	.framed_button button:hover,
	.framed_button:hover 
	{
		background-color: #6699FF;
		color: #fff !important;
	}

	.framed_button input[type="submit"]:active,
	.framed_button input[type="reset"]:active,
	.framed_button input[type="button"]:active,
	.framed_button button:active,
	.framed_button:active 
	{
		background-color: rgba(245, 106, 106, 0.15);
	}

	.framed_button input[type="submit"].icon:before,
	.framed_button input[type="reset"].icon:before,
	.framed_button input[type="button"].icon:before,
	.framed_button button.icon:before,
	.framed_button.icon:before 
	{
		margin-right: 0.5em;
	}

	.framed_button input[type="submit"].fit,
	.framed_button input[type="reset"].fit,
	.framed_button input[type="button"].fit,
	.framed_button button.fit,
	.framed_button.fit 
	{
		width: 100%;
	}

	.framed_button input[type="submit"].small,
	.framed_button input[type="reset"].small,
	.framed_button input[type="button"].small,
	.framed_button button.small,
	.framed_button.small 
	{
		font-size: 0.6em;
	}

	.framed_button input[type="submit"].large,
	.framed_button input[type="reset"].large,
	.framed_button input[type="button"].large,
	.framed_button button.large,
	.framed_button.large 
	{
		font-size: 1em;
		height: 3.65em;
		line-height: 3.65em;
	}

	.framed_button input[type="submit"].primary,
	.framed_button input[type="reset"].primary,
	.framed_button input[type="button"].primary,
	.framed_button button.primary,
	.framed_button.primary 
	{
		background-color: #6699FF;
		box-shadow: none;
		color: #ffffff !important;
	}

	.framed_button input[type="submit"].primary:hover,
	.framed_button input[type="reset"].primary:hover,
	.framed_button input[type="button"].primary:hover,
	.framed_button button.primary:hover,
	.framed_button.primary:hover 
	{
		background-color: #f67878;
	}

	.framed_button input[type="submit"].primary:active,
	.framed_button input[type="reset"].primary:active,
	.framed_button input[type="button"].primary:active,
	.framed_button button.primary:active,
	.framed_button.primary:active 
	{
		background-color: #f45c5c;
	}

	.framed_button input[type="submit"].disabled, 
	.framed_button input[type="reset"].disabled,
	.framed_button input[type="button"]:disabled,
	.framed_button button:disabled,
	.framed_button:disabled
	{
		pointer-events: none;
		opacity: 0.25;
	}
	
/*****************************************************************/