/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

:root {
    --kre-dark-blue: #000545;
    --kre-light-blue: #6491a5;
    --kre-light-grey: #ececec;
    --kre-mid-blue: #308cd4;
    --kre-black: #282829;
    --kre-grey: #abadb0;
  
}

body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    line-height: 40px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
    text-rendering: auto;
} 
p {
    line-height: 28px;
}
.kre-dark-blue { color: var(--kre-dark-blue) !important;}
.kre-light-blue { color: var(--kre-light-blue) !important;}
.kre-light-grey { color: var(--kre-light-grey) !important;}
.kre-mid-blue { color: var(--kre-mid-blue) !important;}
.kre-black { color: var(--kre-black) !important;}
.kre-grey { color: var(--kre-grey) !important;}

.white, .white p, .white h1, .white h2, .white h3, .white h4, .white h5, .white p a, .white a {  color: white; }

.footer .wp-block-social-links svg {
     fill: #fff ! important;
}
.social-footer .wp-block-social-links a {
    fill: var(--mint);
}
.mixed-header .header-bar .right-widgets.mini-widgets {
    text-align: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
}
.overlay-navigation .side-header .header-bar {
    width: 100%;
    padding: 0px 0px 0px 0px;
}
.side-header.h-justify.h-center .main-nav > li > a, .side-header.h-center .branding, .side-header.h-center:not(.masthead-mobile-header) .mini-widgets {
    text-align: left;
    -ms-flex-pack: left;
    -ms-justify-content: left;
    justify-content: left;
    padding-left: 50px;
    padding-top: 55px;
}
.admin-bar.ouside-menu-close-icon .menu-close-toggle, .admin-bar.ouside-menu-close-icon .hide-overlay {
    top: 55px;
    right: 50px;
}
.contact-info a {
    text-decoration: none !important;
    color: var(--kre-dark-blue) !important;
}
.contact-info a:hover {
    text-decoration: none !important;
    color: var(--kre-mid-blue) !important;;
}
.dt-btn::before {
    content: url("/wp-content/uploads/2024/08/kre-bracket-button.png");
    margin-left: 0px;
    position: absolute;
    top:-15px;
    left: 0;
}

/* p strong {
    font-size: 20px;
} */
p {
    margin-bottom: 20px;
}
.h-bodytext p {
    line-height: 30px;
}
.contact p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0px;
}
.casestudy-lefttext p, .casestudy-lefttext h2 {
    padding-bottom: 15px !important;
}
.casestudy-lefttext .kre-grey strong{
    font-weight: 300;
}
.homepage-icon h3{
    font-size: 20px;
}
.delay { animation-delay: 0.2s;}
.delay2 { animation-delay: 0.4s;}
.delay3 { animation-delay: 0.6s;}
.delay4 { animation-delay: 0.6s;}

/* ----------------------------------- BRACKETS ----------------------------------- */
.dt-btn{
    margin-bottom: 50px;
}
.bracket-white, .bracket-dark-blue, .bracket-blue, .bracket-white-quote {
    display: table;
    padding-left: 20px;
}
.bracket-white>.vc_column-inner {
   margin-left: -70px !important;
   padding-top: 0px !important;
}
.bracket-blue>.vc_column-inner {
    padding-top: 0px !important;
 }
.bracket-white-quote::before {
    display: none;
}
.bracket-white-quote>.vc_column-inner {
    margin-left: 0px !important;
}
.bracket-dark-blue::before {
    content: url("/wp-content/uploads/2024/08/kre-bracket-dark-blue.png");
}
.bracket-white::before {
    content: url("/wp-content/uploads/2024/08/kre-bracket-white.png");
}
.bracket-blue::before {
    content: url("/wp-content/uploads/2024/08/kre-bracket-light-blue-contact.png");
    display: table-cell; /* Display Table-Cell */
    vertical-align: middle;
}
/* ----------------------------------- NAV ----------------------------------- */


.masthead.mixed-header .menu-select, .masthead.mixed-header .mini-nav > ul:not(.mini-sub-nav) > li > a {
    font: 14px / 18px "Inter", Helvetica, Arial, Verdana, sans-serif;
    color: #fff;
}
.list-type-menu.mini-nav > ul > li.act > a, .list-type-menu.mini-nav > ul > li:not(.act) > a:hover {
    opacity: 1;
    color: #98c6e9 !important;
}
.masthead.mixed-header .mini-nav > ul:not(.mini-sub-nav) > li > a  {
    font: 16px "Inter", Helvetica, Arial, Verdana, sans-serif !important;
    font-weight: 600 !important;
}
.home .masthead.mixed-header .mini-nav > ul:not(.mini-sub-nav) > li > a:hover  {
    color: #98c6e9 !important;
}

.wpb_gmaps_widget .wpb_wrapper {
    background-color: #ffffff;
    padding: 0px;
}

.slick-prev::after {
    content: 'Previous';
    font-family: "Inter", sans-serif;
    color: var(--kre-dark-blue) !important;
    font-size: 15px;
    font-weight: 600;
    position: absolute;
    top: 10px;
    left: 50px;
}

.is-style-logos-only a:hover{
    color: #98c6e9 !important;
}
/*
.slick-prev::before {
    content: 'Case study';
    font-family: "Inter", sans-serif !important;
    color: var(--kre-light-blue) !important;
    font-size: 15px;
    font-weight: 600;
    position: absolute;
    top: 10px;
    left: 50px;
}*/
.slick-next::after {
    font-family: "Inter", sans-serif;
    color: var(--kre-dark-blue) !important;
    content: 'Next';
    font-size: 15px;
    font-weight: 600;
    position: absolute;
    top: 10px;
    right: 50px;
}
.owl-nav div.owl-next:before {
    background-color: #000545 !important;
    color: #fff;
}
.owl-nav div.owl-next:before:hover {
    background-color: #98c6e9 !important;
    color: #fff;
}
.owl-nav div.owl-prev::after  {
    background: #000545 !important;
}
.owl-nav div.owl-next::after  {
    background: #6491a5  !important;
}
@media screen and (min-width: 993px) {
    .mini-nav:not(.select-type-menu) > ul > li:not(:last-child) {
        margin: 0 40px 0 0;
    }
}

/* ----------------------------------- TYPOGRAPHY ----------------------------------- */

h1, h2, h3, h4 {
	margin-bottom: 30px;
}

h3.h3-title {
    font-size: 44px;
    line-height: 55px;
    font-weight: 600;
	color: var(--kre-dark-blue)
}

.intro-para {
    font-size: 25px;
    line-height: 35px;
    font-weight: 600;
}
.header-underline-icon h4 {
    padding-right: 30px;
    break-inside: avoid;
}

/* ----------------------------------- LAYOUTS ----------------------------------- */

.header-underline-icon {
    padding-bottom: 20px;
    border-bottom: #abadb0 1px solid;
    position: relative;
}
.header-underline-icon p {
    width:80%;
    text-wrap: balance; 
}
.header-underline-icon::after {
    font: var(--fa-font-sharp-light);
    font-size: 25px;
    float: right;
    color: var(--kre-mid-blue) !important;
    position: absolute;
    top: 0;
    right: 0;
}
.homepage-icon::before {
    font: var(--fa-font-sharp-light);
    font-size: 40px;
    color: var(--kre-mid-blue) !important;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: pulse 2s infinite;
}
.contact-icon::before {
    font: var(--fa-font-sharp-thin);
    font-size: 18px;
    float: left;
    margin-right: 10px;
    padding-top: 4px;
    color: var(--kre-mid-blue) !important;
}
.icon-address::before {
    content: '\f015';
}
.icon-phone::before {
    content: '\f015';
}
.icon-email::before {
    content: '\f015';
}
.icon-house::after {
    content: '\f015';
}
.icon-buildings::after {
    content: '\e1b1';
}
.icon-users::after {
    content: '\f0c0';
}
.icon-account::after {
    content: '\f56c';
}
.icon-coins::after {
    content: '\f51e';  
}
.icon-list::after {
    content: '\f733';
}
.icon-insurance::after {
    content: '\f2f7';
}
.icon-project::after {
    content: '\f5f3';
}
.icon-appraisal::after {
    content: '\e5e3';
}
.icon-procurement::after {
    content: '\f7d9';
}
.icon-warehouse::before {
    content: '\f495';
}
.icon-offices::before {
    content: '\f1ad';
}
.icon-multi::before {
    content: '\e1b1';
}
.icon-land::before {
    content: '\f5a0';
}
.icon-occupiers::before {
    content: '\f0c0';
}
.icon-planning::before {
    content: '\f573';
}
.icon-aggregate::before {
    content: '\e656';
}
.icon-funding::before {
    content: '\f51e';
}
.casestudy-imageslider {
    margin-top: 70px;
}
.slick-next, .slick-prev {
    top: 104% !important;
}

.no-margin-bottom {
    margin-bottom: 0px !important;
}
.menu-line:nth-child(1){
    width: 30px !important;
    height: 2px !important;
}
.type-9-menu-icon .menu-toggle .lines-button .menu-line:nth-child(2), .type-9-mobile-menu-icon .dt-mobile-menu-icon .lines-button .menu-line:nth-child(2) {
    top: 10px;
    width: 20px;
    height: 2px;
}
.menu-line:nth-child(3){
    width: 10px !important;
    height: 2px !important;
    top: 20px !important;
}
.menu-toggle:hover .menu-line{
    width: 30px !important;
}
.type-9-menu-icon .menu-toggle .lines-button, .type-9-mobile-menu-icon .dt-mobile-menu-icon .lines-button {
    width: 30px;
    height: 11px;
    z-index: 2;
}
.fade-medium-menu-close-icon .menu-close-toggle .close-line, .fade-medium-menu-close-icon .hide-overlay .close-line {
    width: 30px;
    top: 50%;
    margin-top: -1px;
}
.fade-medium-menu-close-icon .menu-close-toggle .close-line-wrap, .fade-medium-menu-close-icon .hide-overlay .close-line-wrap {
    width: 30px;
    height: 30px;
}
/* -----------------------------------ACCORDION----------------------------------- */


.vc_tta-panel-heading {
    border-bottom: #abadb0 1px solid !important;
    background-color: var(--kre-light-grey) !important;
}
.vc_tta-panel-title a{
    color: var(--kre-dark-blue) !important;
}
.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
    border-color: var(--kre-mid-blue) !important;
}
.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {
    border-color: var(--kre-mid-blue) !important;
}
.vc_tta-panel-body {
    border-bottom: #282829 1px solid !important;
}
.padding-x-extra {
	padding-left: 0px;
	padding-right: 0px;
}
.content ul{
    list-style-type: "—";
    color: #6491a5;
}
.content ul li{
   padding-left: 20px;
   padding-bottom: 10px;
}




@media screen and (min-width: 992px) {
	.padding-x-extra {
	padding-left: 70px;
	padding-right: 70px;
}

/* ----------------------------------- BRACKETS----------------------------------- */
.bracket-white, .bracket-dark-blue, .bracket-blue {
    display: table;
}
.bracket-white-quote::before {
    display: table-cell;
}
.bracket-white>.vc_column-inner {
   margin-left: -50px !important;
   padding-top: 0px !important;
}
.bracket-blue>.vc_column-inner {
    padding-top: 0px !important;
    margin-left: 0px !important;
 }

.bracket-dark-blue::before {
    content: url("/wp-content/uploads/2024/08/kre-bracket-dark-blue.png");
}
.bracket-white::before {
    content: url("/wp-content/uploads/2024/08/kre-bracket-white.png");

}
.bracket-blue::before {
    content: url("/wp-content/uploads/2024/08/kre-bracket-light-blue-contact.png");
    display: table-cell; /* Display Table-Cell */
    vertical-align: middle;
}

.casestudy-lefttext::before {
    content: url("/wp-content/uploads/2024/08/kre-bracket-light-blue-tall.png");
    position: absolute;
    top: 0px;
    left: 0px;
}


/* ----------------------------------- ANIMATIONS----------------------------------- */
@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	20% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	120% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

/* ----------------------------------- CASE STUDIES----------------------------------- */

.casestudy-lefttext {
    width: 42%;
    float:left;
    display: inline;
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: 70px;
    margin-bottom: 70px;
}
.casestudy-righttext {
    width: 50%;
    float:left;
    display: inline;
    padding-top: 70px;
    padding-bottom: 70px;
    margin-bottom: 140px;
}

}