/*

Theme Name: Salient Child Theme

Theme URI: http: //mysite.com/

Description: This is a custom child theme for Salient

Author: My Name

Author URI: http: //mysite.com/

Template: salient

Version: 0.1

*/

/* 28-6-19 */
/*body {height:100vh;}*/

.inner-title {
    margin-bottom: 30px;
}
.inner-title h1 small {
    font-size: 60%;
    display:block;
}
@media only screen and (max-width: 1000px) {
	.inner-title h1 small {
    	display: block;
    	padding-left: 0px;
	}
}
.side-text p span {
    color: #888c85;
}
.title-wrap {
    padding: 30px 0 0 0 !important;
}
.two-block {
    padding-bottom: 30px;
}
.three-btn a {
    margin-right: 10px;
}
.btn-section {
    padding-bottom: 30px;
}
.new-row {
    margin-bottom: 5px !important;
    background-color: #1e1e1e !important;
    padding: 15px 20px 15px 0px;
    margin-right: 25px;
}
.top-space {
    margin-top: 24px;
}
.new-row h4 {
    font-size: 15px !important;
    line-height: 15px !important;
    color: #bdc3bb;
}
.new-row p {
    font-size: 15px;
    line-height: 22px;
    color: #888C85;
}
.features-section-part,
.drama-section-part {
    margin-bottom: calc(100vw * 0.04) !important;
}
@media only screen and (max-width: 1000px) and (min-width: 1px) {
	.pro-credits-title-wrap {
		margin-bottom:0px!important;
	}
	h2.pro-credits-title {
		display:none;
	}
	body[data-ext-responsive="true"] .container .page-submenu > .full-width-section .container:not(.tab-container):not(.recent-post-container):not(.normal-container) {
    	padding: 0 0px!important;
		text-align:left;
	}
}

.page-submenu {
    background: #000 !important;
    z-index: 1;
}
.page-submenu .current-menu-item a:after {
    content: "";
    border-bottom: 4px solid #F9B234;
    height: 0px;
    display: block;
}
.page-submenu li a {
    font-size: 14px !important;
    opacity: 1;
    color: #f9b234 !important;
}
.page-submenu li.current-menu-item a {
    color: #f9b234 !important;
}
.page-submenu.stuck li.current-menu-item a {
    color: #f9b234 !important;
}
.page-submenu li:hover a {
    color: #f9b234 !important;
}
#drama-section {
    position: relative;
}
#drama-section::before {
    content: " ";
    background: url(http://test-b.co.uk/saraputt/wp-content/uploads/2018/12/drama-left-title.png) no-repeat 10% 50%;
    width: 40px;
    height: 473px;
}
#drama-section,
#features-section {
    display: flex;
}
.page-submenu ul {
    background: #000 !important;
}

#features-section {
    position: relative;
}
#features-section::before {
    content: " ";
    background: url(http://test-b.co.uk/saraputt/wp-content/uploads/2018/12/features-left-title.png) no-repeat 10% 50%;
    width: 40px;
    height: 444px;
}
.video-section-new {
    padding-bottom: 30px;
}
.page-submenu .mobile-menu-link {
    color: #f9b234 !important;
	padding: 16px 0px;
}

.custom-row {
    position: relative !important;
    display: flex !important;
    padding-left: 40px;
}

.side-bar-title {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    z-index: 2;
    left: 4px;
    transform-origin: left center;
}

.side-bar-title h6 {
    transform: rotate(-90deg);
    padding: 0 20px 0;
    background: #000;
    display: block !important;
    position: absolute;
}

.side-bar-title h6 {
    font-size: 16px !important;
    margin-bottom: 0 !important;
}

.custom-row:before {
    content: "";
    width: 2px;
    height: 100%;
    position: absolute;
    left: 5px;
    top: 0;
    bottom: 0;
    background: #fff !important;
    opacity: 0.2;
    display: block !important;
}

.wpb_row > .span_12.department_block {
       padding-bottom: calc(100vw * 0.30);
}

.department_block {
       padding-bottom: 6% !important;
}

.page-submenu li {
    text-transform: uppercase !important;
}

.client-department {
    padding-top: 20px;
}

.client-department {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}
.client-department > div:first-child {
    margin-bottom: 7px!important;
}
.page-submenu .mobile-menu-link,
.page-submenu ul li a {
	border: none!important;
}
/*Margin Top - Single Client Post*/
.additional_text_col{margin-top: 1.5em !important;}


/** Mobile CSS **/
@media only screen and (max-width: 1000px) and (min-width: 1px) {
	.custom-row {
		padding-left: 0px;
	}
	.custom-row:before {
		width: 0px;
		display:none!important
	}
	.side-bar-title {
		display:none;
	}
	.new-row {
		margin-right:0px;
		padding: 15px 0px 15px 0px;
	}
}

.client-category-title { display: flex; justify-content: space-between; align-items: center; }
.client-department{padding-bottom: 300px !important;}

.additional_text_col p{ display: flex; width: 100%;  }