/*
Theme Name: Dataroom
Author: Kubiak Creative
Author URI: https://kubiakcreative.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
*/


form a {
	color: #FFFFFF;
}

form a:hover {
	color: #32cccc;
}

.jll-logo img {
	max-width: 200px;
}


.minheight100 {
	min-height: 100vh;
}



.pink {
	color: #32cccc !important;
}

.white, .white p a {
	color: #ffffff !important;
}

p.grow {
		font-size: 20px;
		line-height: 30px;
}

.line-before {
	position: relative;
}

.line-before::before {
	content: "";
	display: block;
	width: 100vw;
	height: 1px;
	background: #32cccc;
	left: calc(-100vw - 20px);
	top: 50%;
	position: absolute;
}

@media (max-width: 992px) {
	.left-tablet {
		text-align: left !important
	}
	
	.hidden-tablet {
		display: none;
	}
	
}

@media (min-width: 992px) {
.mapbg {
	background-image: url('/wp-content/uploads/2024/03/dataroom-background-dots.png');
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 700px auto;
	background-position: right center;
	}
	
	.page-id-691 #page,
	.page-id-730 #page,
	.page-id-747 #page {
	background-repeat: no-repeat;
	background-image: url('/wp-content/uploads/2024/03/dataroom-background-dots.png');
	background-position: right bottom;
	}
	
	.downloads-margin-top {
		margin-top: 140px;
	}
	
	
}

.mapbgsmall {
	background-size: 350px auto;
/* 	background-position: 70% 45%;  */
}

.video-thumb {
	margin-bottom: 8px;
}

.circle {
	font-size: 13px;
	line-height: 16px;
	position: relative;
	padding-left: 40px;
	display: inline-block;
	margin-bottom: 20px !important;
}

.circle::before {
	position: absolute;
	content: "";
	display: block;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	color: #002742;
	background-color: #32cccc;
	text-align:center;
	line-height: 30px;
}


.circle::after {
	font-size: 14px;
	font-weight: 500;
	z-index:2;
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	color: #ffff;
	text-align:center;
	line-height: 30px;
} 

.c1::after {	content: "1" }
.c2::after {	content: "2" }
.c3::after {	content: "3" }
.c4::after {	content: "4" }
.c5::after {	content: "5" }
.c6::after {	content: "6" }
.c7::after {	content: "7" }
.c8::after {	content: "8" }
.c9::after {	content: "9" }
.c10::after {	content: "10" }
.c11::after {	content: "11" }
.c12::after {	content: "12" }


h1 {
	color: #FFFFFF;
}

h3 {
	color: var(--the7-h3-color) !important;
}

strong, bold, b, .bold {
	font-weight: 600
}

p {
	margin-bottom: 30px;
}

p small {
	font-size: 12px;
	line-height: 15px;
}

.scroll-top.on {
	background-color: #32cccc;
	border: solid 1px #32cccc;
}

.scroll-top.on:hover {
	background-color: #ffffff;
	border: solid 1px #32cccc;
}

.scroll-top.on:hover svg {
	fill: #32cccc
}

.center {
	text-align: center;
}

.border-bottom {
	padding: 30px;
	border-bottom: solid 1px #FFFFFF;
}

.form-control::-moz-placeholder{
    color:#fff;
    opacity:1
}

.form-control:-ms-input-placeholder{
    color:#fff
}

.form-control::-webkit-input-placeholder{
    color:#fff
}

#user-registration {
	margin-top: 0;
	background-color: transparent!important;
}

.user-registration-MyAccount-navigation-link.is-active a {
	background-color: #FFFFFF!important;
	color: #213354!important;
}

#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a {
	color: #32cccc;
}

.ur-form-grid input {
	border-radius: 5px !important;
}

.ur-frontend-form {
	border: none;
	padding: 0 !important;
}

.default-btn-shortcode,
.ur-frontend-form input[type=submit] {
  float: none;
	min-width: 200px !important;
	border-radius: 5px !important;
}

.ur-frontend-form button, .ur-frontend-form button[type=submit] {
  margin-right: 10px;
  margin-bottom: 0;
  border-radius: 5px !important;
}


.ur-frontend-form .ur-button-container  {
	display: block !important;
	padding: 0;
	margin-top: 30px;
}

fieldset {
	border: none;
}

.ur-form-grid {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.ur-grid-1 {
	margin-right: 20px;
}

#ur-frontend-form,
label.ur-label{
	font-size: 16px !important;
	font-weight: 400 !important;
}

#user-registration,
#user-registration p,
.user-registration-LostPassword,
.user-registration-LostPassword a {
	color: #FFFFFF;
	font-size: 16px;
}

.user-registration-error,
.user-registration-message {
    border-top-color: #32cccc;
    background: #FFFFFF;
   	color: #213354;
}

.user-registration-Button .button,
input[type="submit"]{
	border-width: 1px !important;
	border-top-width: 1px !important;
	border-bottom-width: 1px !important;
	border-left-width: 1px !important;
	border-right-width: 1px !important;
	box-shadow: none !important;
}


.user-registration-MyAccount-content {
	background-color: rgba(255,255,255,0.1) !important;
	color: #002742 !important;
}

.user-registration-MyAccount-content h2,
.user-registration-MyAccount-content h3,
.user-registration-MyAccount-content label.ur-label {
	color: #FFFFFF;
}
.user-registration-MyAccount-content header,
.user-registration-MyAccount-content legend {
	display: none !important;
}


.dataroom-downloads a.download-link {
	color: #32cccc;
	text-decoration: none;
	display: block;
	padding: 2px 5px;
}

.dataroom-downloads a.download-link:hover {
	color: #FF7066;
}


.dataroom-downloads a.download-link::before {
	font-family: "Font Awesome 5 Free"; 
	content: "\f063" !important;
	margin-right: 10px;
	color: #32cccc;
	position: revert !important;
	opacity: 1 !important;
	display: inline-block !important;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
  }