/*Sign in*/
.ms-signInLink{
	display:none
}

/*UI resets for SharePoint*/
*, *:before, *:after {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

#s4-ribbonrow *{
	font-size:8pt
} 

* #ms-designer-ribbon img{
	width: auto; /*within a span may still need to have width of image not 100% for SP2013 OOTB features/imges*/
	max-width: none;
}

.uk-height-medium-large{
	height:375px
}

element.style {
    display: block;
}
#pageStatusBar[class], #migrationToolPromotionBar[class], .ms-status-msg{
	margin-bottom:0px
}


/*Navigation Overrides*/

.ms-core-navigation{
	font-family: 'Montserrat', verdana, sans-serif;
	position:relative;
	top:5px
}

.ms-core-listMenu-horizontalBox ul{
	padding-left:20px
}

/*hides the home link in the navigation*/
.ms-core-listMenu-horizontalBox li.static > a{ 
 	display: none !important; 
} 

/*hides the edit links in global nav*/
.ms-core-listMenu-horizontalBox > .ms-core-listMenu-root > .ms-listMenu-editLink{
	display:none !important
}
 
.ms-core-listMenu-horizontalBox li.static > ul a{ 
 	display: block !important; 
}


.static.dynamic-children.selected a.selected .menu-item-text{
	color:#000000;
	font-size:1rem;
	font-weight:normal
}

ul.ms-core-listMenu-root li ul.static li.static .ms-core-listMenu-item{
	color:#000000;
	text-transform:uppercase;
	font-size:1.2rem;
	font-weight:700;
	margin-top:20px
}


ul.ms-core-listMenu-root li ul.static li.static ul.static li.static .ms-core-listMenu-item{
	text-transform:none;
	font-size:1.1rem;
	font-weight:normal;
	color:#000000;
	line-height:1.1;
	margin-top:10px
}

.uk-offcanvas-close.uk-icon{
	font-size:3rem
}

/*Global Dynamic Dropdown*/

ul.dynamic{
	box-shadow:0 5px 15px rgb(0 0 0 / 8%);
	min-width:200px;
	padding:0px;
}

ul.dynamic li.dynamic .ms-core-listMenu-item,  ul.dynamic li.dynamic .ms-core-listMenu-item:link{
	color:#222
}

ul.dynamic li.dynamic{
	padding:10px 20px;
	background:#ffffff;
	text-align:left;
	list-style:none
}

ul.dynamic li.dynamic:nth-child(even) {
	background:#f4f4f4;
	border-top:1px solid #e0e0e0;
}

ul.dynamic li.dynamic:hover{
	background:#e2e2e2;	
}

.ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
	padding-right:0px;
	width:100%;
}

.ms-core-listMenu-horizontalBox ul, .ms-core-listMenu-horizontalBox li, .ms-core-listMenu-horizontalBox .ms-core-listMenu-item, .ms-core-listMenu-horizontalBox > ul > li > table {
	display:block;
	margin-bottom:10px
}


/*Top Bar Search*/
#hp-search-box, #SearchBox{
	width:95%
}

#SearchBox{
	margin-left: auto;
    margin-right: auto;
    width:55%
}

div#SearchBox.ms-floatLeft{
	float:none
}

#hp-search-box #SearchBox{
	width:auto;
	margin-left:40px;
	margin-right:0px
}

.nav-container{
	z-index:10
}

.ms-srch-sb > .ms-srch-sb-searchLink, .ms-srch-sbLarge > .ms-srch-sb-searchLink{
	width:35px;
	height:40px
}

.ms-srch-sbLarge > .ms-srch-sb-searchLink{
	top:15px;
	left:10px
}

.ms-srch-sb > .ms-srch-sb-searchLink:hover, .ms-srch-sbLarge > .ms-srch-sb-searchLink:hover{
	background-color:transparent
}

.ms-srch-sb > .ms-srch-sb-searchLink:before, .ms-srch-sbLarge > .ms-srch-sb-searchLink:before{
	content:url(https://investvancouver.ca/SiteAssets/img/searchicon.png);
	position:absolute;
    top:0px;
    left:0px
}

.ms-srch-sb.ms-srch-sb-border{	
	border:0px;
	background-color:#d7dadd;
	padding:15px 5px 5px 5px;
	border-radius:3px;
	width:90%;
	margin-top:10px;
}

.ms-srch-sb.ms-srch-sb-borderFocused,.ms-srch-sbLarge.ms-srch-sb-borderFocused{
	border:0px;
	background-color:#d7dadd;
	padding:15px 5px 5px 5px;
	border-radius:3px;
	background-color:transparent;
	width:90%;
	color:#222222;
	margin-top:10px;
}

.ms-srch-sb.ms-srch-sb-border input[type=text], .nav-container .ms-srch-sb.ms-srch-sb-borderFocused input[type=text],.ms-srch-sbLarge.ms-srch-sb-borderFocused input[type=text]{
	width:75%;
	border:0px;
	border-bottom:1px solid rgba(0,0,0,.8);
}

.ms-srch-sbLarge.ms-srch-sb-border{
	background:transparent;
	width:90%;
	border:0px;
}

.ms-srch-item{
	width:70%
}

/*.nav-container .ms-helperText, input.ms-helperText{
	color:#ffffff;
}*/

/*OFF CANVAS*/
.uk-offcanvas-bar{
	background-color:#f8f8f8/*#0039be*/;
	padding:30px 0px;
	-webkit-box-shadow: -3px 1px 11px -1px rgba(0,0,0,0.6); 
box-shadow: -3px 1px 11px -1px rgba(0,0,0,0.6);	
	/*diagnol 
	background: -moz-linear-gradient(100deg, transparent 0%, transparent 30%, rgba(255,255,255,.95) 30%, rgba(61,111,142,.75) 100%);	
	background: -webkit-linear-gradient(100deg, transparent 0%,transparent 30%,rgba(255,255,255,.95) 30%,rgba(255,255,255,.95) 100%); 
	background: linear-gradient(100deg, transparent 0%,transparent 30%,rgba(255,255,255,.95) 30%,rgba(255,255,255,.95) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#3d6f8e',GradientType=1 );*/
	width: 450px; 
	left:450px
}

.uk-offcanvas-close{
	right:40px;
	top:20px
}

.uk-close{
	color:#000000!important;	
}

.uk-close:hover{
	background-color:transparent !important;
	color:rgba(0,0,0,.7) !important;
}

.uk-offcanvas-close svg {
	float:right;
	width:10%;
	font-size:3rem!important
}

.uk-heading-small{
	font-size:2.8rem
}

.uk-card-primary {
	background-color:#0039be;
}

.uk-text-primary{
	color:#0039be/*rgb(0,57,190)*/!important
}

.uk-button-primary{
	padding:10px 30px;
	background-color:#1249cb/*#03efc2*/;
	text-shadow:1px 1px 1px rgb(0 0 0 / 0%);
	color:#ffffff;
}

a.uk-button-primary:visited{
	color:#ffffff;
}

.uk-light .uk-button-primary{
	color:#333!important
}

a.uk-icon-button, .uk-icon-button{
	background-color:#f7485e;
	}
.uk-icon.button.uk-icon svg polygon{
	color:#ffffff;
	stroke:#ffffff!important;
}

a.uk-icon-button.icon-button-footer, .uk-icon-button.icon-button-footer	{
	background:#ffffff;
	margin-right:10px
}


.card .uk-text-secondary, .uk-card-primary.uk-card-body .uk-text-secondary, .uk-card-primary>:not([class*=uk-card-media]) .uk-text-secondary,.uk-card-secondary.uk-card-body .uk-text-secondary, .uk-card-secondary>:not([class*=uk-card-media]) .uk-text-secondary, .uk-light .uk-text-secondary,.uk-text-secondary{
	color:#f7485e!important
}

.uk-card-primary.uk-card-body .uk-text-lead, .uk-card-primary>:not([class*=uk-card-media]) .uk-text-lead{
	color:#111;
}

.uk-paddng-medium{
	padding: 25px;
}

/*BREADCRUMB*/

/*Tooltip*/

.uk-tooltip{
	background:#ffffff;
	color:#000
}


input,select{
	 padding:10px 15px 10px 8px
}

.uk-text-bold{
	font-weight:800
}

.uk-text-large {
    font-size: 1.3rem;
    line-height: 1.4;
}

/*REFINERS*/

#Refinement{
	padding:0px 20px;
	width:100%
}

.ms-ref-refiner #Value,.ms-ref-refinername:link, .ms-ref-refinername:visited{
	width:90%
}

.ms-ref-uparrow{
	display:inline-block
}

.ms-ref-refinername:link{
    background-image: url(/SiteAssets/img/slash-red.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 20px;
    padding:0px 20px 0px 15px;
    margin-bottom:15px
}

.ms-ref-name{
	width:90%;
	font-size:1rem
}

/*WEBPART*/

.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a{
	font-family: 'Manrope', Verdana, sans-serif;
	font-size:1.3rem;
	line-height:1.4;
	padding:10px 10px 15px 10px;
	text-transform:uppercase;
	/*background-image: url(/SiteAssets/img/slash-green.svg);
	background-repeat:no-repeat;
	background-position:left top;
   	background-size:70px;*/

}

/*FORMS*/

input[type=password], input[type=text], input[type=file], select, textarea, .sp-peoplepicker-topLevel, .sp-peoplepicker-topLevelDisabled, .sp-peoplepicker-autoFillContainer, .ms-inputBox{
	border:none;
	border-bottom:1px solid rgba(0,0,0,.8);
	padding:12px 20px 12px 10px;
	font-weight:300;
	font-size:1rem;
	border-radius:0px;
	transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    background-color:rgba(255,255,255,0);
    color:#000;
    width:80%;
    margin-bottom:15px
}

input[type=button], input[type=reset], input[type=submit]{
	padding:10px 30px;
	background-color:#03efc2;
	text-shadow:none;
	color:#000000;
	font-size:1.1rem;
	border:1px solid #03efc2
}

input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover{
	opacity:.9
}

@media all and (max-width:690px) {

.uk-offcanvas-bar {
    width: 350px;
    left: 350px;
}

.show-for-small{
	display:block
}
.h-card{
	margin-bottom:20px;
}

.bg-section-clip{
	clip-path: polygon(100% 0%, 0% 0%, 0% 100%, 100% 100%);
}



}