/*------------------------------------------------------------------
KHAD additions
Version: 1.0.0;
Author: KeithHardy

[Table of contents]

1. Typography
-. Color
-. Section Padding
2. Header & Navigation
-. Title Areas
-. Slider & Parallax
-. Lightbox
-. Plugin Preloader
-. Rollovers
-. Homepage
-. About Pages
-. Contact Pages
-. Project Pages
3. Pagination
-. Fullscreen Pages
-. Blog Pages
-. Form Elements
-. Social Lists
-. Footer
-. Dividers
-. Media Element Player
-. Component Stling
-. Resolution Media Queries
-. Search Styling
4. Gallery Section

-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[1. Typography]
*/

h0 {
	font-size: 7rem;
}
.title-large-photog{
	text-transform: lowercase !important;
	font-size: 8rem !important;
	
}
.title-medium-photog{
	text-transform: lowercase !important;
	font-size: 6rem !important;
}

.title-small-photog{
	text-transform: lowercase !important;
	font-size: 4rem !important;
}

/*------------------------------------------------------------------
[2. Header & navigation]
*/

.navigation .sub-menu li{
	border-bottom: none;
}

/*------------------------------------------------------------------
[3. Pagination]
*/

.pagination-3 a{
	width: 7rem;
	height: 2rem !important;
	padding: 0;
	line-height: 2rem !important;
	border: none;
	border-radius: 0;
}
.pagination-3 li{
	margin-left: -0.4rem;
}
.pagination-3 a.current, 
.pagination-3 a:hover{
	background: #232323;
}
.pagination-3 a.pagination-previous, 
.pagination-3 a.pagination-next{
	width: 6.6rem;
	height: 5.2rem;
	max-width: 16rem;
	border-width: 2px;
	border-style: solid;
	border-radius: 0;
	line-height: 4.8rem;
	position: relative;
}
.pagination-3 .pagination-previous:after,
.pagination-3 .pagination-next:after{
	width: 7rem;
	height: 0.1rem;
	background-color: #OOO;
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transition-property: background-color, transform;
	   -moz-transition-property: background-color, transform;
	     -o-transition-property: background-color, transform;
		    transition-property: background-color, transform;
	-webkit-transition-duration: 400ms;
	   -moz-transition-duration: 400ms;
	     -o-transition-duration: 400ms;
	    -ms-transition-duration: 400ms;
	        transition-duration: 400ms;
}
.pagination-3 .pagination-previous:after{
	right: -4rem;
}
.pagination-3 .pagination-next:after{
	left: -4rem;
}
.pagination-3 a.pagination-previous:hover:after{
	background-color: #ddd;
	-webkit-transform: translate3d(4rem,0,0);
	   -moz-transform: translate3d(4rem,0,0);
	     -o-transform: translate3d(4rem,0,0);
		    transform: translate3d(4rem,0,0);
}
.pagination-3 a.pagination-next:hover:after{
	background-color: #ddd;
	-webkit-transform: translate3d(-4rem,0,0);
	   -moz-transform: translate3d(-4rem,0,0);
	     -o-transform: translate3d(-4rem,0,0);
		    transform: translate3d(-4rem,0,0);
}
.pagination-3 a:hover{
	background-color: #000;
}
.pagination-3 [class*="icon-"]{
	margin: 0;
	font-size: 2.2rem;
	line-height: 4.8rem;
	position: relative;
	font-weight:100 !important;
}
.pagination-3 a.disabled:after{
	background-color: #ddd;
}

/*------------------------------------------------------------------
[4. Gallery Section]
*/

.section-block.photog{
	padding-top: 2rem;
	padding-bottom: 1rem;
}
.gallery-wrapper{
	background-color: #000;
	background-size:cover; 
	background-repeat:no-repeat;
	background-position:center;
	-webkit-transition: background-image 400ms linear;
	-ms-transition: background-image 400ms linear;
	-moz-transition: background-image 400ms linear;
	-o-transition: background-image 400ms linear;
	transition: background-image 400ms linear;
}

.tms-caption.photog{
	width: auto;
	display: inline-block !important;
	background-image: url(../images/blank.png);
	opacity: 0;
	position: absolute;
	z-index: 2;
	-webkit-text-size-adjust: none;
	   -moz-text-size-adjust: none;
	    -ms-text-size-adjust: none;	
}

.tms-caption.photogtitle{
	width: auto;
	display: inline-block !important;
	background-image: url(../images/blank.png);
	opacity: 0;
	position: absolute;
	z-index: 2;
	-webkit-text-size-adjust: none;
	   -moz-text-size-adjust: none;
	    -ms-text-size-adjust: none;	
}
.tms-content-inner.photog{
  -webkit-animation: fadeout 18s forwards;
  -moz-animation: fadeout 18s forwards;
  -o-animation: fadeout 18s forwards;
  -animation: fadeout 18s forwards;

}
@-webkit-keyframes fadeout {
    0%   {opacity: 1;}
    85%  {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes fadeout {
    0%   {opacity: 1;}
    85%  {opacity: 1;}
    100% {opacity: 0;}
}