@import url("//www.canyoncreek.com/wp-content/plugins/media-grid-overlay-manager/css/frontend.css");

/* ***** 25 - Flickr style OVERLAY ***** */ 
  
		.mgom_25_0 { /* title */
				text-align: left;
					font-size: 15px;
					
					color: #000;line-height: 15px;
					font-weight: bold;
		}
		.mg_box:hover .mgom_25_0 {
				
					color: #000;
		}
		
		.mgom_25_1 { /* descr */
				text-align: left;
					font-size: 13px;
					
					color: #000;line-height: 18px;
					
		}
		.mg_box:hover .mgom_25_1 {
				
					color: #000;
		}
		
		.mgom_25_2 { /* txt_block */
				bottom: -100%; left: 0px;
					background-color: #fff;opacity: 0.6; filter: alpha(opacity=60);
					padding-top: 10px; padding-bottom: 5px; 
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		}
		.mg_box:hover .mgom_25_2 {
				bottom: 0px; left: 0px;
					background-color: #aecfbf;opacity: 0.9; filter: alpha(opacity=90);
					
		}
		
	.mgom_25_3.mgom_txt_wrap {
		bottom: -100%; left: 0px;	
		
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		padding-top: 10px; padding-bottom: 5px; 
	}
	
	.mg_box:hover .mgom_25_3.mgom_txt_wrap {
		bottom: 0px; left: 0px;	
	}
	
/* ***** 77 - Lower text + button OVERLAY ***** */ 
  
		.mgom_77_0 { /* title */
				text-align: center;
					font-size: 16px;
					
					color: #222222;line-height: 19px;
					font-weight: bold;
		}
		.mg_box:hover .mgom_77_0 {
				
					color: #383838;
		}
		
		.mgom_77_1 { /* descr */
				text-align: left;
					font-size: 14px;
					
					color: #222222;line-height: 19px;
					
		}
		.mg_box:hover .mgom_77_1 {
				
					color: #383838;
		}
		
		.mgom_77_2 { /* button */
				font-size: 10px;
					line-height: 11px;
					display: table; margin: auto;
						
						border: 1px solid #444444;
						border-radius: 5px;
					
					background-color: #ffffff;
					color: #222222;margin-top: 5px !important; 
		}
		.mg_box:hover .mgom_77_2 {
				
					border-color: #666666;
					background-color: #ffffff;
					color: #383838;
		}
		
			.mgom_77_2 {
				transition: 		all 400ms ease 0s;
				-webkit-transition: all 400ms ease 0s;
				-ms-transition: 	all 400ms ease 0s;
			}
			
		.mgom_77_3 { /* txt_block */
				bottom: -100%; left: 0px;
					background-color: #ffffff;opacity: 0.6; filter: alpha(opacity=60);
					
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		}
		.mg_box:hover .mgom_77_3 {
				bottom: 0px; left: 0px;
					background-color: #aecfbf;opacity: 0.9; filter: alpha(opacity=90);
					
		}
		
	.mgom_77_4.mgom_txt_wrap {
		bottom: -100%; left: 0px;	
		
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		
	}
	
	.mg_box:hover .mgom_77_4.mgom_txt_wrap {
		bottom: 0px; left: 0px;	
	}
	
/* ***** 87 - Zoom + Icon OVERLAY ***** */ 
  
		.mgom_87_0 { /* img_fx */
				
			z-index: 890; 
		}
		.mg_box:hover .mgom_87_0 {
				
		}
		
		.mgom_87_1 { /* corner_shape */
				bottom: -150px; right: -150px;
					background-color: #aecfbf;opacity: 0.4; filter: alpha(opacity=40);
					
					color: #222222;
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
			z-index: 880; 
		}
		.mg_box:hover .mgom_87_1 {
				bottom: -80px; right: -80px;opacity: 0.7; filter: alpha(opacity=70);
					
		}
		
		.mgom_87_2 { /* title */
				text-align: left;
					font-size: 14px;
					
					color: #222222;line-height: 19px;
					
		}
		.mg_box:hover .mgom_87_2 {
				
					color: #383838;
		}
		
		.mgom_87_3 { /* txt_block */
				top: 0px; left: 0px;
					background-color: #ffffff;opacity: 0.7; filter: alpha(opacity=70);
					
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		}
		.mg_box:hover .mgom_87_3 {
				top: 0px; left: 0px;
					background-color: #ffffff;opacity: 1; filter: alpha(opacity=100);
					
		}
		
	.mgom_87_4.mgom_txt_wrap {
		top: 0px; left: 0px;	
		
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		
	}
	
	.mg_box:hover .mgom_87_4.mgom_txt_wrap {
		top: 0px; left: 0px;	
	}
	
/* ***** 421 - Colors By CC OVERLAY ***** */ 
  
		.mgom_421_0 { /* img_fx */
				
			z-index: 890; 
		}
		.mg_box:hover .mgom_421_0 {
				
		}
		
		.mgom_421_1 { /* title */
				text-align: center;
					font-size: 20px;
					
					color: #222222;line-height: 10px;
					
		}
		.mg_box:hover .mgom_421_1 {
				
					color: #383838;
		}
		
		.mgom_421_2 { /* txt_block */
				bottom: -100%; left: 0px;
					background-color: #ffffff;opacity: 0.6; filter: alpha(opacity=60);
					
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		}
		.mg_box:hover .mgom_421_2 {
				bottom: 0px; left: 0px;
					background-color: #aecfbf;opacity: 1; filter: alpha(opacity=100);
					
		}
		
	.mgom_421_3.mgom_txt_wrap {
		bottom: -100%; left: 0px;	
		
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		
	}
	
	.mg_box:hover .mgom_421_3.mgom_txt_wrap {
		bottom: 0px; left: 0px;	
	}
	
/* ***** 486 - Styles and Finishes OVERLAY ***** */ 
  
		.mgom_486_0 { /* title */
				text-align: center;
					font-size: 20px;
					
					color: #000;line-height: 20px;
					font-weight: bold;
		}
		.mg_box:hover .mgom_486_0 {
				
					color: #000;
		}
		
		.mgom_486_1 { /* descr */
				text-align: right;
					font-size: 14px;
					
					color: #000;line-height: 19px;
					
		}
		.mg_box:hover .mgom_486_1 {
				
					color: #000;
		}
		
		.mgom_486_2 { /* txt_block */
				bottom: -100%; left: 0px;
					background-color: #ffffff;opacity: 0.6; filter: alpha(opacity=60);
					
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		}
		.mg_box:hover .mgom_486_2 {
				bottom: 0px; left: 0px;
					background-color: #aecfbf;opacity: 0.9; filter: alpha(opacity=90);
					
		}
		
	.mgom_486_3.mgom_txt_wrap {
		bottom: -100%; left: 0px;	
		
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		
	}
	
	.mg_box:hover .mgom_486_3.mgom_txt_wrap {
		bottom: 0px; left: 0px;	
	}
	
/* ***** 512 - Detail Galleries OVERLAY ***** */ 
  
		.mgom_512_0 { /* title */
				text-align: left;
					font-size: 14px;
					
					color: #000;line-height: 19px;
					
		}
		.mg_box:hover .mgom_512_0 {
				
					color: #000;
		}
		
		.mgom_512_1 { /* txt_block */
				bottom: -100%; left: 0px;
					background-color: #ffffff;opacity: 0.6; filter: alpha(opacity=60);
					
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		}
		.mg_box:hover .mgom_512_1 {
				bottom: 0px; left: 0px;
					background-color: #aecfbf;opacity: 0.9; filter: alpha(opacity=90);
					
		}
		
	.mgom_512_2.mgom_txt_wrap {
		bottom: -100%; left: 0px;	
		
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		
	}
	
	.mg_box:hover .mgom_512_2.mgom_txt_wrap {
		bottom: 0px; left: 0px;	
	}
	
/* ***** 920 - Detail Galleries - Small OVERLAY ***** */ 
  
		.mgom_920_0 { /* title */
				text-align: left;
					font-size: 13px;
					
					color: #222222;line-height: 13px;
					
		}
		.mg_box:hover .mgom_920_0 {
				
					color: #383838;
		}
		
		.mgom_920_1 { /* txt_block */
				bottom: -100%; left: 0px;
					background-color: #ffffff;opacity: 0.6; filter: alpha(opacity=60);
					
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		}
		.mg_box:hover .mgom_920_1 {
				bottom: 0px; left: 0px;
					background-color: #aecfbf;opacity: 0.9; filter: alpha(opacity=90);
					
		}
		
	.mgom_920_2.mgom_txt_wrap {
		bottom: -100%; left: 0px;	
		
					transition: all 400ms ease 0s;
					-webkit-transition: all 400ms ease 0s; /* older webkit */
					-ms-transition: all 400ms ease 0s;
					
		
	}
	
	.mg_box:hover .mgom_920_2.mgom_txt_wrap {
		bottom: 0px; left: 0px;	
	}