/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* test banner CSS override
.page-id-65 .fusion-page-title-bar .fusion-parallax-none{
    background-image: url(https://vpd.ca/wp-content/uploads/2021/05/banner-stats.jpg) !important;
}
*/

/*
.home .fusion-builder-row-5{
	display:block !important;
}

.fusion-builder-row-5{
	display:none !important;
}
*/

#gtranslate_selector, .gt_selector {
	background: transparent;
	border: none;
	/* FIX FOR SAFARI */
	-webkit-appearance:none;
}

@media screen and (min-width: 768px) {
	.ul-3-col{
		columns: 3;
		-webkit-columns: 3;
		-moz-columns: 3;
	}
}


@media only screen and (max-width: 800px) {
	
	#gtranslate_selector, .gt_selector {
		display: block;
		margin: 0 auto;
	}
}

#wrapper .fusion-vertical-menu-widget .menu .sub-menu > li > a {
padding-left: 20px;
}

#wrapper .fusion-vertical-menu-widget.no-border.left .menu li a .arrow {
	position: relative;
	top: -10px;
}

#wrapper .fusion-vertical-menu-widget .menu li a .arrow:before {
	position: absolute;
	transform: rotate(90deg);
}

/* VPD-24 - Custom news template */

#news-container .searchandfilter {
	padding: 0 15px;
}

#news-container .searchandfilter > ul {
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}

#news-container .sf-field-category {
	width: 100%;
}

#news-container .sf-field-search,
#news-container .sf-field-submit {
	flex: 1;
}

#news-container .sf-field-submit {
    max-width: 1px;
}

#news-container input[type=submit] {
	border: none;
    background: transparent;
    color: #222;
    box-shadow: none;
    position: absolute;
    top: 6px;
    left: 559px;
    height: 48px;
    width: 55px;
    text-indent: -9999px;
	border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
	z-index: 3;
}

#news-container input[type=submit]:hover {
	cursor: pointer;
}

#news-container .sf-field-search {
	position: relative;
	margin-right: 30px;
	max-width: 600px;
    flex-basis: 600px;
}

#news-container .sf-field-search:before {
	content: "\f002";
    font-family: 'awb-icons';
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 17px;
    width: 20px;
    height: 20px;
	font-size: 17px;
	line-height: 1;
    z-index: 2;
}

#news-container .sf-field-search:after {
	content: " ";
    position: absolute;
    top: 11px;
    right: 1px;
    width: 55px;
    height: 48px;
    background: #f7eb89;
	border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    z-index: 1;
}

#news-container .sf-field-category ul {
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: nowrap;
}

#news-container .sf-field-category ul > li:not(:last-child) {
	margin-right: 15px;
}

#news-container .sf-field-category ul > li {
    display: flex;
    align-items: center;
}

#news-container .cl-element-taxonomy__term,
#news-container .cl-element-title__anchor,
#news-container .cl-element-published_date {
	font-family: "Open Sans" !important;
}

#news-container .sf-input-text,
#news-container .sf-input-select {
	color: #091F2D;
	border: 1px solid #CCD7DD;
	border-radius: 4px;
}

#news-container .sf-input-select {
	padding-left: 15px;
}

#news-container .cl-element-taxonomy__term {
	background: none;
	padding: 0;
}

#news-container .cl-element-published_date {
	margin-top: auto;
	border-top: 3px solid #FFF;
	border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

#news-container .cl-layout--equal-rows .cl-template {
	border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

#news-container .cl-element-taxonomy,
#news-container .cl-element-title__anchor {
	padding: 0 15px;
}

#news-container .cl-element-title__anchor:hover,
#news-container .cl-element-title:hover {
	text-decoration: none !important;
}

#news-container .cl-element-section {
	display: flex;
	flex-direction: column;
}

/* hide date field*/
#news-container .sf-field-post_date{
	display: none;
}
.archive-container ul li{
	display: inline;
}

.cl-pagination {
    text-align: right;
    padding: 0 15px;
    margin-top: 30px;
}

.cl-pagination .page-numbers:not(:last-child) {
	margin: 0 5px;
	border-right: 1px solid #222;
    padding-right: 12px;
}

@media only screen and (min-width: 1025px) {

	#news-container .sf-input-text {
		min-width: 600px;
	}
}

@media only screen and (max-width: 767px) {
	
	#news-container .sf-field-category > ul {
		flex-direction: column;
	}
	
	#news-container .sf-field-search {
		margin: 0;
		flex-basis: 100%;
		max-width: 100%;
	}
	
	#news-container input[type=submit] {
		top: 136px;
    	left: 250px;
	}
	
	.sf-field-search label {
		width: 100%;
	}
}

/* HOME NEWS FEED */

.home #news-container .cl-pagination {
	display: none;
}

.home #news-container .cl-layout .cl-layout__item {
	display: none;
}

.home #news-container .cl-layout .cl-layout__item:nth-child(1),
.home #news-container .cl-layout .cl-layout__item:nth-child(2),
.home #news-container .cl-layout .cl-layout__item:nth-child(3) {
	display: block;
}

/*FIX FOR MEGAMENU JOIN US */

#menu-item-161 .fusion-megamenu {
	margin: 0 auto;
    width: 100%;
    max-width: 1340px;
}

/* LANGUAGE SWITCHER FLAGS */

.tool-items a:not(.en):not(.fr):not(.ja):not(.ko):not(.zh-CN):not(.zh-TW):not(.pa):not(.es):not(.vi) {
	display: none;
}

/*CUSTOM RADIO */

.radio-container {
  display: block;
  position: relative;
  padding-left: 30px !important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.radio-container span {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #FFF;
	border: 1px solid #EFEFEF;
	border-radius: 50%;
	opacity: .5;
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ span {
	opacity: 1;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ span {
  opacity: 1;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-container span:after {
  content: "";
  position: absolute;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ span:after {
	display: block;
	opacity: 1;
}

/* Style the indicator (dot/circle) */
.radio-container span:after {
  top: 5px;
  left: 5px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #7A99AD;
}

/* ADDTHIS BUGFIX */

.at-below-post.addthis_tool {
    display: none;
}

.post-content .at-below-post.addthis_tool {
    display: block;
}

/* gtranslate dropdown */
.notranslate{
	color: white;
}

.notranslate option{
	color: black;
}

/* CUSTOM NEWS */

.search-filter-results {
	display: flex;
	flex-wrap: wrap;
}

.search-filter-results .search-filter-item {
	display: flex;
	flex-basis: 33%;
	max-width: 33%;
	padding: 10px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.search-filter-results .search-filter-item .search-filter-item-inner {
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
	width: 100%;
	padding: 20px;
	background-color: #D2E1EB;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.search-filter-results .search-filter-item.vancouver-crime-stories .search-filter-item-inner {
	background-color: #ADC1CC;
}

.search-filter-results .pagination,
.search-filter-results .archive-container {
	flex-basis: 100%;
	max-width: 100%;
}

.search-filter-results .archive-container ul {
	margin: 0;
	padding: 0;
}

.search-filter-results .archive-container ul li a {
	padding: 0 10px 0 0;
	font-size: 16px;
	color: #081F2C;
	text-decoration: underline;
}

.search-filter-results .archive-container ul li a:hover {
	text-decoration: none;
}

.archive-container > span {
	display: block;
	margin: 2rem 0 1rem;
	font-weight: 700;
}

.filter-item-bottom {
	position: relative;
	padding: 15px 25px;
	margin-top: auto;
	margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -20px;
	height: 58px;
	border-top: 3px solid #FFF;
	background-color: #F7EA88;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.filter-item-bottom a {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 20px;
	width: 20px;
	height: 20px;
	line-height: 1;
}

.filter-item-bottom a i {
	font-size: 20px;
	color: #081F2C;
}

.search-filter-results .wp-pagenavi a, 
.search-filter-results .wp-pagenavi span {
	border: none;
    border: 1px solid #7A99AC;
    color: #7A99AC;
    padding: 5px 10px;
    font-size: 14px;
	text-decoration: underline;
}


.search-filter-results .wp-pagenavi a:hover, 
.search-filter-results .wp-pagenavi span:hover {
	text-decoration: none;
}

.search-filter-results .wp-pagenavi span.current {
	background-color: #7a99ac !important;
	color: #FFF !important;
	text-decoration: none;
}

.search-filter-results .wp-pagenavi .pages,
.search-filter-results .wp-pagenavi .last {
	display: none !important;
}

.search-filter-item .post-category {
	
}

.search-filter-results .search-filter-item h2 {
	margin: 0 0 3rem;
	font-size: 24px !important;
	font-weight: 700 !important;
}

.search-filter-results .search-filter-item p {
	margin: 0;
}

.search-filter-results .search-filter-item h2 a {
	color: #081F2C;
	text-decoration: underline;
}

.search-filter-results .search-filter-item h2 a:hover {
	text-decoration: none;
}

.search-filter-results .search-filter-item  .post-categories,
.search-filter-item .cat-link {
	list-style: none;
	padding: 0;
	margin: 0 0 1rem;
}

.search-filter-item  .post-categories li a,
.search-filter-item .cat-link {
	color: #081F2C;
}

@media only screen and (min-width: 1025px) {
	
	#news-container .searchandfilter > ul {
		margin-top: -60px;
	}
}

@media only screen and (device-width: 768px) {
	
	.search-filter-results .search-filter-item {
		flex-basis: 50%;
		max-width: 50%;
	}
	
	#news-container .sf-input-text,
	.searchandfilter label {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	
	.search-filter-results .search-filter-item {
		flex-basis: 100%;
		max-width: 100%;
	}
	
	.search-filter-results .wp-pagenavi {
		display: flex;
		flex-wrap: wrap;
	}
	
	.search-filter-results .wp-pagenavi > * {
    	flex-basis: 15%;
    	max-width: 15%;
    	border: none !important;
	}
	
	.search-filter-results .archive-container {
		margin-top: 2rem;
	}
	
	.fusion-search-element.fusion-search-element-1.fusion-search-form-clean {
		margin-right: 0 !important;
	}
	
	div#news-container {
		margin-top: -60px;
	}
	
	.fusion-search-form-content {
    	padding: 0 !important;
	}
	
	.fusion-search-field.search-field {
    	padding-right: 0 !important;
	}
	
	.utility-about .sub-menu {
		display: none !important;
	}
}

.category-news-releases > .entry-title,
.category-vancouver-crime-stories > .entry-title {
	display: none;
}

/*.fusion-alert-content a,*/
.panel-body.toggle-content a,
.tab-pane a,
.fusion-alert-content a,
.table-1 tr > td a,
.table-2 tr > td a,
.fusion-post-content-container a,
.post-content a,
.modal-content .modal-body a {
	padding-bottom: .05rem;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	text-decoration: none !important;
}

.panel-body.toggle-content a:hover,
.tab-pane a:hover,
.fusion-alert-content a:hover,
.table-1 tr > td a:hover,
.table-2 tr > td a:hover,
.fusion-post-content-container a:hover,
.post-content a:hover,
.modal-body a:hover,
.modal-content .modal-body a:hover {
	border-bottom: none;
}

@media only screen and (min-width: 1101px) {
	
	/*#menu-item-105 .fusion-megamenu-holder {
		display: flex;
		flex-wrap: nowrap;
	}
	
	#menu-item-105 .fusion-megamenu-holder > .fusion-megamenu {
		flex: 1;
		flex-direction: column;
	}
	
	#menu-item-105 .fusion-megamenu-holder > .fusion-megamenu > li {
		width: 100%;
	}
	
	#menu-item-105 .fusion-megamenu-holder > .fusion-megamenu .fusion-megamenu-title {
		min-height: 41px;
	}*/
	
	.cta-col-01 > .fusion-column-wrapper > .fusion-builder-row {
		height: 100%;
	}
}

.fusion-body #wrapper .fusion-menu-element-wrapper[data-count="3"].collapse-enabled .fusion-megamenu-menu .fusion-megamenu-wrapper .fusion-megamenu-holder ul li:hover a,
.fusion-body #wrapper .fusion-menu-element-wrapper[data-count="3"].collapse-enabled .fusion-megamenu-menu .fusion-megamenu-wrapper .fusion-megamenu-holder ul li.current-menu-item a {
	color: #FFF !important;
}

.responsive-embed {
	margin: 0 0 2rem;
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%;
}

.responsive-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

#wrapper .fusion-timeline-arrow:before {
	font-family: 'awb-icons' !important;
}

.single-post .single-navigation {
    	margin-bottom: 0;
    	height: 0;
    	overflow: hidden;
    	border: none;
    	position: relative;
}

@media only screen and (min-width: 1100px) {

	.single-post .single-navigation a {
    	/*position: absolute;
    	top: 0;
    	right: 0;*/
	}
	
	.single-post .single-navigation a[rel=prev] {
		
	}

	.single-post .fusion-post-title-meta-wrap {
		margin-top: -73px;
	}
}

@media only screen and (max-width: 767px) {
	
	.single-post .fusion-post-title-meta-wrap > h2 {
		display: none
	}
	
	.menu-item.expanded > .fusion-megamenu-wrapper {
		max-height: 100vh !important;
	}
}