/*

Theme Name: Pro – Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/

/* --- GENERAL --- */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 { font-family: "bebas-neue", 'Arial Narrow', sans-serif!important; font-weight: 400; }

.x-btn, .button, [type="submit"] { font-size: 14px!important; padding: 0.4em 1em 0.5em!important; text-shadow: none!important; box-shadow: none!important; text-decoration: none!important; }
.x-btn.x-btn-real { background: #173b7d; color: #fff!important; }
.x-btn.x-btn-real:hover { background: #e0c176; }

.entry-wrap { background: rgba(255,255,255,0.8)!important; box-shadow: none!important; border-radius: 0!important; padding: 30px!important; }

/* --- HEADER --- */
header.x-masthead {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b49f68+0,ddbf76+50,b49f68+100 */
	background: #b49f68; /* Old browsers */
	background: -moz-linear-gradient(left, #b49f68 0%, #ddbf76 50%, #b49f68 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #b49f68 0%,#ddbf76 50%,#b49f68 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #b49f68 0%,#ddbf76 50%,#b49f68 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b49f68', endColorstr='#b49f68',GradientType=1 ); /* IE6-9 */
}
header.x-masthead li.current-menu-item a,
header.x-masthead li.current-page-ancestor a { background: #173b7d!important; }

/* --- GRIDS --- */
.x-block-grid { margin: 0!important; }
.x-block-grid>li { line-height: 1.4!important; }

.white-grid>li { color: #fff!important; }

/* --- BACKGROUNDS --- */
.section-home-bg { min-height: 90vh!important; padding: 40px 0 160px!important; }
.section-bg { min-height: 90vh!important; padding: 100px 0 160px!important; }

.gold-bg a { color: #00073b; text-decoration: underline; }
.gold-bg a:hover { color: #173b7d; }

/* --- LEADERSHIP --- */
.h-image-slider { max-width: 500px; float: right; }

.h-image-slider .slick-list { width: 80%; display: inline-block; }
.h-image-slider button.slick-prev,
.h-image-slider button.slick-next { width: 10%!important; margin-top: 50px; border: none; text-indent: -9999px; }
.h-image-slider button.slick-prev { height: 40px; background: url(https://www.jrsl.ca/wp-content/uploads/2018/03/leadership-left-arrow.png) no-repeat; float: left; }
.h-image-slider button.slick-next { height: 42px; background: url(https://www.jrsl.ca/wp-content/uploads/2018/03/leadership-right-arrow.png) no-repeat; background-position: right; float: right; }
.h-image-slider img { max-width: 90px; border: 1px solid #D8BB74; cursor: pointer; }

.h-slider-image-holder .h-slider-image-title { font-size: 0.9em; line-height: 1em; color: #d8bb74; font-weight: bold; text-transform: uppercase; margin: 15px 0 5px; }
.h-slider-image-holder .h-slider-image-text { font-size: 0.9em; line-height: 1.1em; color: #d8bb74; margin: 0; }

/* --- COMPANIES --- */
#menu-companies-menu { max-width: 700px; text-align: center; border: none!important; box-shadow: none!important; border-radius: 0!important; }
#menu-companies-menu li { width: 130px; text-align: center; margin: 0 2px; display: inline-block; border-bottom: none!important; vertical-align: top; }
#menu-companies-menu li a { font-family: "bebas-neue", 'Arial Narrow', sans-serif!important; font-size: 1.1em; line-height: 1em; height: 55px; background: rgb(224, 193, 118); color: #00073b; text-decoration: none; text-transform: uppercase; text-shadow: none!important; border-radius: 0!important; border-bottom: none!important; box-shadow: none!important; }
#menu-companies-menu li a:before { display: none; }
#menu-companies-menu li.current-menu-item a,
#menu-companies-menu li.current-page-ancestor a,
#menu-companies-menu li a:hover { background: #173b7d; color: #fff; }

.company-page .x-section .x-container.marginless-columns.slide-row { display: block; }
.company-page .x-section .x-container.marginless-columns.slide-row.slide-row.hidden { display: none!important; }

.company-page.is-ie .x-section .x-container.marginless-columns.slide-row { display: table; }

#slide-btn:before { content: ""; background: url(https://www.jrsl.ca/wp-content/uploads/2018/03/arrow.png) no-repeat; width: 9px; height: 8px; display: inline-block; margin-right: 10px; }
#slide-btn.h-btn-active:before { transform: rotate(180deg); }

.slide-row .headline-image .x-text-content { -webkit-justify-content: start!important; justify-content: start!important; -webkit-align-items: start!important; align-items: start!important; }

.h-image-container { text-align: center; }
.h-image-container .h-image-single { width: 32%; display: inline-block; vertical-align: top; }
.h-image-container .h-image-single img { min-height: 50px; }
.h-image-container .h-image-single.h-bg-active img { border: solid 5px #173b7d; }

.h-img-2-container { margin-top: 20px; text-align: left; }
.h-img-2-container h3 { font-size: 1.5em; line-height: 1em; margin-top: 0; }
.h-img-2-container .h-img-2-content { font-size: 0.9em; line-height: 1.4em; color: #1E43A0; }

.companies-sidebar img { width: 100%; max-width: 100%; }
.companies-sidebar li.current-menu-item a { border-color: #173b7d!important; background-color: #fff!important; }

/* --- HISTORY --- */
.history .section-bg { padding: 40px 0 160px!important; }

#grid-299 article.tg-post-330 h2,
#grid-299 article.tg-post-336 h2,
#grid-299 article.tg-post-365 h2,
#grid-299 article.tg-post-434 h2,
#grid-299 article.tg-post-464 h2,
#grid-299 article.tg-post-468 h2 { display: none; }

#grid-299 .tg-grid-area-bottom1 { z-index: 9999!important; }




/* --- SITE DIRECTORY --- */
.site-directory a { color: #fff!important; }
.site-directory a:hover { color: #e0c176!important; }
.site-directory .x-block-grid.two-up img { border: solid 1px #d8bb74; margin: 0!important; }
.site-directory .x-block-grid.two-up .x-block-grid-item p { margin: 0!important; }
.site-directory .x-block-grid.two-up .x-block-grid-item:first-child { width: 70px!important; margin-right: 15px!important; }
.site-directory .x-block-grid.two-up .x-block-grid-item:last-child { width: 42%!important; margin-top: 0!important; }

/* --- ERROR/SEARCH RESULTS --- */
.error404 .entry-wrap  { margin-top: 50px; }
.search-results .x-main.left { width: 100%; margin-top: 50px; }
.search-results .x-main.left .entry-content { display: none; }
.search-results .x-sidebar.right { display: none; }

/* --- FOOTER --- */
footer.x-colophon {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000b3b+0,00488d+50,000b3b+100 */
	background: #000b3b; /* Old browsers */
	background: -moz-linear-gradient(left, #000b3b 0%, #00488d 50%, #000b3b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #000b3b 0%,#00488d 50%,#000b3b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #000b3b 0%,#00488d 50%,#000b3b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000b3b', endColorstr='#000b3b',GradientType=1 ); /* IE6-9 */
}

/* --- RESPONSIVE --- */
@media all and (max-width: 979px) {
	
	/* --- HEADER --- */
	header.x-masthead .e68-1.x-bar { top: 15px!important; }
	
	/* --- BACKGROUNDS --- */
	.section-home-bg { min-height: 80vh!important; }
	.section-bg { min-height: 80vh!important; }
	
	/* --- COMPANIES --- */
	.wynward-content { width: 100%!important; display: block!important; }
	.companies-sidebar { width: 100%!important; max-width: 225px; display: block!important; border: none!important; margin: 20px auto 0!important; }
	
	.slide-btn-row .x-column:first-child,
	.slide-btn-row .x-column:last-child { display: none!important; }
	.slide-btn-row .x-column:nth-of-type(2) { width: 100%!important; text-align: center!important; }
	
	/* --- LEADERSHIP --- */
	.h-image-slider { max-width: 100%; float: none; }
	
}
@media all and (max-width: 767px) {

	/* --- GENERAL --- */
	h1, .h1 { font-size: 0.7em!important; }
	
	/* --- GRIDS --- */
	.x-block-grid { max-width: 100%!important; }
	.x-block-grid.two-up { max-width: 100%!important; }
	.x-block-grid.two-up>li { width: 100%!important; }
	.x-block-grid.two-up>li:nth-child(2) { margin-top: 5%!important; }
	
	/* --- COMPANIES --- */
	#slide-btn { display: none; }
	
}
@media all and (max-width: 780px) {
	
	/* --- COMPANIES --- */
	#menu-companies-menu li { width: 100%; margin: 0; }
	#menu-companies-menu li a { height: auto; }
	#menu-companies-menu li.real-estate a br { display: none; }
	
}
@media all and (max-width: 567px) {

	/* --- LEADERSHIP --- */
	.h-image-slider button.slick-prev,
	.h-image-slider button.slick-next { margin-top: 40px; }
	.h-image-slider img { max-width: 85px; }
	
}
@media all and (max-width: 480px) {
	
	/* --- GRIDS --- */
	.x-block-grid.four-up>li { width: 47.5%!important; }
	.x-block-grid.four-up>li:nth-child(2) { margin-top: 0!important; }
	
	/* --- LEADERSHIP --- */
	.h-image-slider button.slick-prev,
	.h-image-slider button.slick-next { margin-top: 20px; }
	.h-image-slider img { max-width: 60px; }
	
	/* --- COMPANIES --- */
	.slide-row .headline-image .x-text-content { display: block!important; }
	.slide-row .headline-image .x-text-content .x-graphic { display: block; margin: 0 auto 10px; }
	.slide-row .headline-image .x-text-content .x-graphic img { margin: 0 auto; }
	
}