/*
Theme Name: Headrow 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: 2.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
*/

ul#menu-portal-menu li {
    display: inline-block;
}

ul#menu-portal-menu li a {
    display: block;
    padding: 10px 15px;
    text-transform: uppercase;
    color: white;
}

ul#menu-portal-menu li a:hover {
    color: var(--accent);
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: white;
} 
:root {
  --primary:  #49b9eb;
  --secondary: #97deff;
  --accent:#49b9eb;
  --accent2:  #97deff;
  --white: #ffffff;
}

::selection {
  color: var(--white);
  background: var(--primary);
}

.primary   {  color: var(--primary);}
.secondary {  color: var(--secondary);}
.accent   {  color: var(--accent);}


.pink {	color: var(--primary) !important;}

.text-white,
.text-white h3 {
	color: white;
}

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

form a {
	color: white;
}

form a:hover {
	color: var(--accent);
}


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

h1 {
	color: #FFFFFF;
}

h3 {
	color: var(--primary) !important;
	text-transform: uppercase !important;
}

h5 {
	margin-top: 10px !important;
	margin-bottom: 0 !important;
}

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

p {
	margin-bottom: 30px;
}

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


/* ------------------------------------------- GENERAL --------- */


.agent-logo img {
	max-width: 250px !important;
	height: auto;
}

.center,
.text-center {
	text-align: center !important;
}


/* ------------------------------------------- GRAPHIC ELEMENTS --------- */

.minheight100 {
	min-height: 100vh;
}


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

.line-before {
	position: relative;
}

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

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

/* -------------------------------------------  THUMBNAIL STYLES --------- */

.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: #00e2a6;
	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" }


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

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

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

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

/* ------------------------------------------- DOWNLOADS --------- */

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

.dataroom-downloads a.download-link:hover {
	color: var(--accent);
}

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

@media (min-width: 992px) {
	.downloads-margin-top {
		margin-top: 140px;
	}
}

/* TRANSPARENT */
#user-registration.user-registration,
#user-registration.user-registration .ur-frontend-form.login,
.user-registration.ur-frontend-form.dataroom-form {
    margin: 0px !important;
    border-radius: 0px;
    background: transparent;
    border: 1px solid white !important;
}

#user-registration.user-registration .ur-frontend-form.login  {
	padding: 30px !important;
}


/* UR TEXT WHITE ON TRANSPARENT */

 #user-registration,
.user-registration.ur-frontend-form.dataroom-form input,
.user-registration.ur-frontend-form.dataroom-form label.ur-label,
#user-registration p,
#user-registration .login input,
.ur-frontend-form.login label,
.user-registration-LostPassword.lost_password a,
.ur-frontend-form .hide_show_password .password-input-group .password_preview,
.ur-frontend-form .hide_show_password .password-input-group .password_preview:before {
	color: white !important; 
}

#user-registration .user-registration-error {
	background: white !important;
}

/* UR BUTTONS */

button.ur-submit-button,
.ur-reset-password-btn  {
	margin-top:10px;
	background: var(--accent) !important;
}

button.ur-submit-button:hover,
.ur-reset-password-btn:hover {
	background: var(--accent2) !important;
}


/* UR MY ACCOUNT PAGE */
#user-registration.horizontal h2,
#user-registration.horizontal .user-registration-MyAccount-navigation-link a {
	color: white !important;
}

#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a {
	background-color: var(--accent);
}

 #user-registration.horizontal {
	background: transparent !important;
 }