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

[Table of contents]

1. Typography
2. Color
3. Section Padding
4. Header & Navigation
5. Title Areas
6. Slider & Parallax
7. Lightbox
8. Plugin Preloader
8a. Hero and folio sections
-. Rollovers
-. Homepage
-. About Pages
-. Contact Pages
9. Project Pages
10. Pagination
10a. Fullscreen Pages
-. Blog Pages
-. Form Elements
-. Social Lists
10b. Footer
-. Dividers
-. Media Element Player
-. Component Stling
-. Resolution Media Queries
11. Search Styling
12. Revised section blocks
13. Anchors
14. Animation

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


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

.weight-300{
	font-weight: 300;
}

.weight-200{
	font-weight: 200;
}

.weight-100{
	font-weight: 100;
}

h6 {
	line-height: 1.5 !important;
}

h0 {
	font-size: 7rem;
}

.tms-caption.scale.title-large,
.tmp-content .title-large{
	text-transform: lowercase !important;
}

.title-medium{
    font-size: 4rem !important;
	text-transform: lowercase !important;
	font-weight: 200 !important;
}

/*------------------------------------------------------------------
[2. Colour]
*/

.bkg-tinted{
	background-color: rgba(255, 255, 255, 0.6);
}

/* klred */
.bkg-klred{
	background-color: #be1622;
	border-color: #be1622;
}
.bkg-hover-klred:hover{
	background-color: #be1622;
	border-color: #be1622;
}
.border-hover-klred:hover{
	border-color: #be1622;
}
.color-klred,
.color-hover-klred:hover{
	color: #be1622;
}


/* midgrey */
.bkg-midgrey{
	background-color: #a6aab3;
	border-color: #a6aab3;
}
.bkg-hover-midgrey:hover{
	background-color: #a6aab3;
	border-color: #a6aab3;
}
.border-hover-midgrey:hover{
	border-color: #a6aab3;
}
.color-midgrey,
.color-hover-midgrey:hover{
	color: #a6aab3;
}

/* verydarkgrey */
.bkg-verydarkgrey{
	background-color: #232323;
	border-color: #232323;
}
.bkg-hover-verydarkgrey:hover{
	background-color: #232323;
	border-color: #232323;
}
.border-hover-verydarkgrey:hover{
	border-color: #232323;
}
.color-verydarkgrey,
.color-hover-verydarkgrey:hover{
	color: #232323;
}

/* verylightgrey */
.bkg-verylightgrey{
	background-color: #e9e8e8;
	border-color: #e9e8e8;
}
.bkg-hover-verylightgrey:hover{
	background-color: #e9e8e8;
	border-color: #e9e8e8;
}
.border-hover-verylightgrey:hover{
	border-color: #e9e8e8;
}
.color-verylightgrey,
.color-verylightgrey-sand:hover{
	color: #e9e8e8;
}


/* greypale */
.bkg-greypale{
	background-color: #b9b9b9;
	border-color: #b9b9b9;
}
.bkg-hover-greypale:hover{
	background-color: #b9b9b9;
	border-color: #b9b9b9;
}
.border-hover-greypale:hover{
	border-color: #b9b9b9;
}
.color-greypale,
.color-hover-greypale:hover{
	color: #b9b9b9;
}

/* warmgrey & warmgrey-light*/
.bkg-warmgrey-light{
	background-color: #807874; 
	border-color: #807874;
}
.bkg-hover-warmgrey-light:hover{
	background-color: #807874; 
	border-color: #807874;
}
.border-hover-warmgrey-light:hover{
	border-color: #807874;
}
.color-warmgrey-light,
.color-hover-warmgrey-light:hover{
	color: #807874;
}
.bkg-warmgrey{
	background-color: #4a3e39; 
	border-color: #4a3e39;
}
.bkg-hover-warmgrey:hover{
	background-color: #4a3e39; 
	border-color: #4a3e39;
}
.border-warmgrey,
.border-hover-warmgrey:hover{
	border-color: #4a3e39;
}
.color-warmgrey,
.color-hover-warmgrey:hover{
	color: #4a3e39;
}






/*------------------------------------------------------------------
[3. Section Padding]
*/

.section-block.narrow{
	padding-top: 4rem;
	padding-bottom: 4rem;
}

/* skin 625 - less padding */
.fullscreen-section .fullscreen-inner,
.pagination-2 .pagination-next,
.row.xlarge{
	padding-top: 6rem !important;
	padding-bottom: 11rem;
}


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

/* skin 710 - logo amendment */
.header .logo{
	width: 3rem !important;
	padding-top: 3rem;
	padding-bottom: 0;
	line-height: 1.6rem;
}

@media only screen and (max-width: 960px){
    .header .logo a:last-child {
        display: none !important;
    }
}
#phomen
{
    cursor: pointer;
}
/*------------------------------------------------------------------
[5. Title Areas]
*/

/* Intro Title 2 */
.intro-title-2{
	height: 50rem !important;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}

.intro-title-1{
	background-image: url("../images/slider/slide-500-fs.jpg");
}

#fourohfour{
	background-image: url("../images/slider/slide-404-fs.jpg") !important;
}

@media only screen and (max-width: 960px){
    .alt-size-on-mobile{
	font-size: 2rem !important;
	}	
}



/*------------------------------------------------------------------
[6. Slider & Parallax]
*/


/* avalanche 310 - arrow direction horizon */
#tms-next {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
    transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}

#tms-prev {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
    transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}


/* avalanche 370 - bullet colour */
.tms-bullet-nav {
	width: 0.8rem;
	height: 0.8rem;
	margin: 0 0.3rem;
	display: inline-block;
	background: #a6aab3;
	opacity: 1 !important;
	border-radius: 50%;

}
.tms-bullet-nav:hover,
.tms-thumb-nav:hover {
	background: #be1622 !important;
	opacity: 1 !important;
}
.tms-bullet-nav.active,
.tms-thumb-nav.active {
	opacity: 1 !important;
}
.tms-slide.photog {
	padding: 1rem;
}



/* skin 1292 - slider scroll link - bullets horizon in mobile */
.tm-slider-container .scroll-link,
.tmp-content-inner .scroll-link{

}
@media only screen and (max-width: 960px){
	.tm-slider-container.fullscreen{
		top: 11rem !important;
	}
}
@media only screen and (max-width: 768px){
	.featured-media .tms-pagination a{
		display: block !important;
	}
	.featured-media .tms-arrow-nav{
		display: none !important;
	}
}

/* skin 863 Sub Menus Colors */
.navigation .sub-menu li:hover > a,
.navigation .mega-sub-menu ul li:hover > a{
	background-color: #363232 !important
}


.tms-progress-bar{
	width: 0;
	height: 0.5rem  !important;
	background: rgba( 266, 266, 266, 0.7 ) !important;
	position: absolute;
	top: 0  !important;
	z-index: 2;
}

/*------------------------------------------------------------------
[7. Lightbox]
*/

.tm-lightbox{
	background: rgba(0,0,0,0.8) !important;
}
#tml-next{
	color: #fff !important;
}

#tml-prev{
	color: #fff !important;
}
#tml-exit{
	color: #fff !important;
}
.tml-nav{
	background: rgba( 0, 0, 0, 0) !important;
}

/*------------------------------------------------------------------
[8. Plugin Preloader]
*/

.tm-loader #circle{
	border: 2px solid rgba(0,0,0, 0.2);
	border-bottom-color: #be1622 !important;
}
.featured-media .tm-loader #circle {
	background: none;
	border: 2px solid rgba(255,255,255, 0.4);
	border-bottom: 2px solid #a1cd43 !important;
	opacity: 1;
}
/*------------------------------------------------------------------
[8a. Hero and folio sections]
*/

.hero-4{
	background-image:url(../images/slider/hero-pitch-tick.jpg) !important;
}

.hero-5{
	background-image:url(../images/slider/hero-5.jpg) !important;
}
.hero-4  .row:before{
	background-color: rgba(0,0,0,0.0) !important;
}

[class*="hero-"] .column + .column .split-hero-content .hero-content-inner,
[class*="hero-"] .column[class*="push-"] .split-hero-content .hero-content-inner{
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}
background-on-mobile . hero-4{
	background-on-mobile:  rgba(255, 255, 255, 0.6) !important;
}



/*------------------------------------------------------------------
[9. Project Pages]
*/

.maintain-widths .grid-item {
    width: 25% !important;
}
/*------------------------------------------------------------------
[10. Pagination]
*/


/*------------------------------------------------------------------
[10a. Full Screen section]
*/
.overlay-logo {
    position: absolute;
	width: 40%;
    object-fit: contain;
    z-index: 10;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
	
    animation:overlay-logo 2s 1;
    -webkit-animation:overlay-logo 2s 1;
    animation-fill-mode: forwards;

    animation-delay:7s;
    -webkit-animation-delay:7s; /* Safari and Chrome */
    -webkit-animation-fill-mode: forwards;
} 
@keyframes overlay-logo{
    from {opacity :1;}
    to {opacity :0;}
}
@-webkit-keyframes overlay-logo{
    from {opacity :1;}
    to {opacity :0;}
}

.tms-content-inner.v-align-bottom{
	padding-bottom: 9rem !important;
	vertical-align: bottom !important;
}


/*------------------------------------------------------------------
[10b. footer]
*/
.footer-top{
	background-color: #fff !important;
}
/*------------------------------------------------------------------
[11. Search Styling]
*/

.cse input.gsc-input,
input.gsc-input{
    <!-- Your Styles Here -->
}
.cse input.gsc-search-button,
input.gsc-search-button{
    <!-- Your Styles Here -->
}

/*------------------------------------------------------------------
[12. Revised Section Blocks]
*/


.section-block.photog{
	padding-top: 2rem;
	padding-bottom: 1rem;
}

@media only screen and (min-width: 769px) {
#mobileshow  {
display: none !important;}
}

.call-to-action-2{
	padding-top: 5rem !important;
	padding-bottom: 10rem !important;
	background: #f4f4f4 !important;

}
/*------------------------------------------------------------------
[14. Animation]
*/