/*
Theme Name: FanReach The7 Child Theme
Author: Chl
Author URI: 
Description: 
License: 
Template: dt-the7
Text Domain: chl
*/

#wp-admin-bar-of-chl-site-options .ab-item:before {
  content: "\e900";
}

.header-elements-button-1,
.chl-top-bar-link {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("https://cdn.chl.ca/assets/images/logos/chl.png");
  background-size: 100%;
  display: block;
  width: 50px;
  height: 50px;
}

.mini-wpml,
.wpml-ls-item-legacy-dropdown > a,
.mini-wpml .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a,
.wpml-ls-legacy-dropdown .wpml-ls-current-language > a:hover,
.wpml-ls-item-legacy-dropdown-click > a,
.mini-wpml .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a,
.wpml-ls-legacy-list-horizontal a,
.wpml-ls-legacy-list-vertical a {
  color: #522e91;
}
.mini-widgets #top-menu {
  margin-top: 20px;
}
/*.mobile-mini-widgets*/

.blog-carousel-shortcode {
    margin-bottom: 20px;
}

body.home div.btn-align-center {
 margin-top: 50px;
}

.dt-blog-shortcode {
  margin-top:30px;
  margin-bottom:60px;
}

/* Forces the size of the mobile logo */
.mobile-logo {
  max-height: 50px;
  width: auto;
}

/* Sets the height of the home carousel to a max height incase and image in not in the same portotions  */
@media only screen and (min-width: 800px) {
	.hcarousel .post-thumbnail-rollover{
		max-height:430px;
	}
}
@media only screen and (max-width: 768px) {
	.hcarousel .post-thumbnail-rollover{
		max-height:410px;
	}
}
@media only screen and (max-width: 500px) {
	.hcarousel .post-thumbnail-rollover{
		max-height:198px;
	}
}

@media only screen and (max-width: 480px) {
	.blog-carousel-shortcode.reposition-arrows .owl-nav .owl-next, .blog-carousel-shortcode.reposition-arrows .owl-nav .owl-prev{
		top:25% !important;
	}
}

article.category-video div.post-thumbnail-wrap div.post-thumbnail:before, article.category-video div.blog-media:before  {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -24px;
  margin-left: -24px;
  width: 48px;
  height: 48px;
  color: #fff;
  font-size: 60px;
  text-align: center;
  pointer-events: none;
  line-height: 1;
  text-shadow: 0 2px 5px rgba(0,0,0,.8);
  opacity: .8;
  transform-origin: 50% 50%;
  transform: scale(1);
  transition: all .2s ease-out;
  font-family: "Font Awesome 5 Free"; 
  content: "\f144";
  z-index: 1;
}

.sub-nav .menu-item i.fa,
.sub-nav .menu-item i.fas,
.sub-nav .menu-item i.far,
.sub-nav .menu-item i.fab {
	text-align: center;
	width: 1.25em;
}

/* Height of the logo in the primary nav */
header.header-bar .branding a img, .branding img { max-height: 55px; width: auto; }

/* Removing extraneous margin from primary nav when it's not floating */
ul#primary-menu { margin-bottom: 0; }

/* Make widget containers between top bar and primary nav full-width  */
#page div.masthead div.wf-wrap { padding: 0; }

/* Make widget images between top bar and primary nav full-width */
#page div.masthead div.wf-wrap img { width: 100%; height: auto; }

/* Reduce home list titles from 24px to 16px (client request) */
.blog-shortcode .post-entry-content .entry-title a { font-size: 1.00rem !important; }

/* Reduce main layout top and bottom padding from 70px to 50px */
#main { padding: 50px 0; }

/* Center article detail headings */
article.single-postlike h2 { text-align: center; }

/* Make category filter Capital Case */
.filter-bg-decoration .filter-categories a.act { text-transform: capitalize; }

/* On article detail, decrease space between meta info and first paragraph */
.single .post-meta { margin-bottom: 35px; }

/* On video detail, make spaceing around hero image / video consistent with article */
.post-video { padding-top: 0; margin-bottom: 45px; }

/* Decrease the font-size and set the color of the WPML links in the top right */
.wpml-ls-legacy-list-horizontal a span { color: #9e9e9e; font-size: 14px; }

/* Vertically align the league mega-menus with the language picker links */
ul.league-menu a.dropdown-toggle { line-height: 1; }

/* Vertically align the league mega-menus with the language picker links */
.mini-wpml .wpml-ls-current-language > a, .mini-wpml .wpml-ls-legacy-list-horizontal a { line-height: 1.5; }

/* Fine tune video play icon */
article.category-video div.post-thumbnail-wrap div.post-thumbnail:before, article.category-video div.blog-media:before { opacity: 0.85; font-size: 55px; text-shadow: 0 2px 5px rgba(0,0,0,.75); }

/* Fine tune tablet viewport */
@media screen and (max-width: 992px) {

	/* Set league mega menus to site link color */
	a.nav-link.dropdown-toggle { color: #fff; }
	
	/* Bump mobile content w/ sidebar position up */
	div#main.sidebar-right.sidebar-divider-vertical { padding: 20px 0; }
	
	/* Bump mobile content w/o sidebar position up */
	div#main.sidebar-none.sidebar-divider-vertical { padding: 35px 0; }
	
	/* Bump mobile content sidebar divider off position up */
	div#main.sidebar-none.sidebar-divider-off { padding: 25px 0; }	
	
	/* On News, decrease the space under the filters */
	div.filter.without-isotope.extras-off.filter-bg-decoration { margin-bottom: 25px; }
	
}

/* Fine tune mobile viewport (inherits tablet) */
@media screen and (max-width: 600px) {

	/* Set league mega menus to site link color */
	a.nav-link.dropdown-toggle { color: var(--the7-links-color); }
		
	/* Fix league mega menus position */
	.mobile-mini-widgets-in-menu { padding: 0; }
	.mobile-mini-widgets-in-menu { padding-left: 2rem; }
}
/* Hide header and footer for inApp*/
body.inApp .inline-header, body.inApp .classic-header, body.inApp .side-header, body.inApp .split-header {
  display: none;
}
body.inApp footer {
  display: none;
}