/*
Theme Name: TBD - Child
Theme URI: http://lovesuperpixel.com;
Description: CMS for TBD
Author: SuperPixel
Author URI: http://lovesuperpixel.com;
Template: tbd
Version: 1.0.0
@import url('../tbd/style.css');

*/

/*==============================================
=            Additional CSS Changes            =
==============================================*/
/***General Styling***/
body {
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6, h3 a {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 5px;
}

h3 {
	font-size: 34px;
    line-height: 40px;
}

/***Text Alignment***/
.center-text {
	text-align: center;
}

/***Text Colours***/
.grey-copy p,
.grey-copy h3 {
	color: #666;
}

.black-copy {
	color: #000;
}

.grey-copy hr {
	border-top: 1px solid #666;
}

/***Nav / Header***/
.nav-container {
    border-bottom: 1px solid #292929;
}

 .logo-light,
 .logo-dark {
    margin-left: 80px;
}


/***Rev Slider***/
.project-slide-wrapper {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.6);
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 5px;
	padding: 30px 100px 30px 30px;
	float: left;
}

span.proj-head {
    font-size: 14px;
    float: left;
    padding-bottom: 8px;
    opacity: 0.8;
    font-weight: 300;
}

span.proj-title {
	font-size: 20px;
	float: left;
	clear: both;
	opacity: 0.8;
}

/***Tabs***/
.text-tabs .tab-title {
    color: #666;
}

.text-tabs .tab-title span {
    font-size: 13px;
}

/*Hero Slider*/
.overlay:before {
    opacity: 0;
}

/***Home Page***/

.parallax .slides li > .background-image-holder {
    height: 110vh;
}

.main-slide-title {
	width: 385px!important;
    height: auto;
    position: absolute;
    top: 35px;
    right: 35px;
    z-index: 99;
}

.scroll {
    width: 100px!important;
    position: absolute;
    height: auto;
    z-index: 100;
    bottom: 16%;
    left: 50%;
}

.projects-grid.col-md-6 {
	padding: 0;
}

.projects-grid.col-md-6 .wpb_content_element {
	margin-bottom: 0;
}

.contact-copy {
	padding: 16% 0 0 16%;
}


/***Project Pages***/
section.proj-section {
	padding: 55px 0 0 0;
}

section.proj-section:nth-child(4) {
	padding-bottom: 55px;
}

.proj-details {
	padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
}

span.proj-copy-spacer {
    padding: 0 44px;
    color: #f1f1f1;
}

/***Footer***/
footer {
    padding: 30px 0;
}










/*=====  End of Additional CSS Changes  ======*/




/*=====================================
=            Media Queries            =
=====================================*/
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1024px) {
    /*Logo*/
    .logo-light,
    .logo-dark {
        margin-left: 0;
    }

    /*Hero baner*/
    ul.slides .align-bottom {
        display: none;
    }

    /*Tabs*/
    .text-tabs .tab-title {
    padding: 0px 16px;
    }

    /*Contact*/
    .contact-copy {
        padding: 10% 0 0 10%;
    }
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	/*Hero Banner*/
    .scroll {
        left: 43%;
    }

    /*Contact*/
    .contact-copy {
        padding: 10%;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 736px) {
	/*Hero Banner*/
    .parallax .slides li > .background-image-holder,
    .cover.fullscreen.image-slider {
        padding: 0;
        height: 110vh;
    }

    .image-slider .slides {
        overflow: visible;
    }

    .main-slide-title {
        width: 35%!important;
    }

    .scroll {
        display: none!important;
    }

    .back-to-top {
        left: 80%;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 568px) {
	/*Project Details*/
    span.proj-copy-spacer {
        padding: 0 20px;
        color: #000;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	h3 {
        font-size: 28px;
        line-height: 36px;
    }

    /*Hero Slider*/
    .main-slide-title {
        width: 62%!important;
        top: 20px;
        right: 20px;
    }

    .background-image-holder {
        background-position: 22% 50% !important;
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}


/*=====  End of Media Queries  ======*/