/**
* Theme Name: Agro Child
* Description: This is a child theme of Agro, generated by Merlin WP.
* Author: <a href="http://ninetheme.com/about">Ninetheme</a>
* Template: agro
* Version: 1.3.1
*/ 
h2{
	text-transform: capitalize !important;
}
/** Header **/
#top-bar .container-fluid {
	max-width: 1170px !important;
	margin: 0 auto;
}
.site-logo img {
    max-width: 200px !important;
}
.navigation li a:not(.custom-btn):active {
	color: #fbd522 !important;
}
@media (min-width: 1200px) {
	.top-bar {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}
header.top-bar {
	padding: 0 !important;
	position: relative !important;
}
header .container-fluid .row {
	padding:30px !important;
}
header .container-fluid {
	padding:0 !important;
}
header::after {
    /**content: url(https://staging.chaus.ca/gbhl/wp-content/uploads/ROPE-2410.png);**/
    width: 100%;
}
/** mobile navigation**/
.top-bar.is-expanded .top-bar__inner {
	height: 20% !important;
}
@media (max-width: 767px) {
	.top-bar.is-expanded .top-bar__inner {
		height: 50% !important;
	}
}
/** changing up the padding on section component **/
.section {
	padding-top: 30px !important;
	padding-bottom:30px !important;
}	
@media (min-width: 992px){
	.section {
		padding-top: 80px !important;
		padding-bottom:80px !important;
	}
}
@media (min-width: 768px) {
	.section {
		padding-top: 50px !important;
		padding-bottom:50px !important;
	}
}
/** HOME PAGE CHANGES **/
@media (min-width: 768px){
	#home-heading-block {
		padding-left: 10%;
	}
	#image-row {
		padding-top: 7%;
		padding-bottom: 7%;
	}
	#events-row {
		padding-top: 50px;
		padding-bottom: 50px;
		background-size:cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	p {
		font-size: 14px;
	}
}
@media (min-width: 1200px) {
	#image-row {
		padding-top: 5%;
		padding-bottom: 5%;
	}
	#events-row {
		padding-top: 75px;
		padding-bottom: 75px;
	}
}
/**style View Our Gallery Button on home page **/
.view-gallery-home a {
	background-color: #dfeced !important;
	color: #113a5a !important;
	font-size: 25px !important;
	font-weight: 700 !important;
}
#gallery-feed {
	background-repeat:no-repeat;
	background-position: right bottom;
}
/** Align the footer heading center **/
.nt-footer-widget .nt-sidebar-inner-widget-title{
    text-align: center;
}
.nt-footer-copyright {
	margin-bottom: 0 !important;
}
footer a:hover {
	text-decoration: underline !important;
	color: #203e59 !important;
	font-size: 110% !important;
}
#footer address p {
	margin: 0 !important;
}
#footer .footer__item {
	margin-bottom: 20px !important;
}
/** align the image in the third column of footer to the right**/
#footer div:nth-child(3) {
text-align:right;
}
.event-listings-home, .event-listings-home a {
	color: #113a5a;
}
.upcoming-events-title  h2 {
	text-transform: capitalize;
	font-size: 40px !important;
	line-height: 50px !important;
	text-align: left; 
	color: #113a5a; 
}
.upcoming-events-title p {
	color: #113a5a;
	text-align: left;
}
@media (max-width:767px) {
	.upcoming-events-title  h2{
		font-size: 30px !important;
		line-height: 40px !important;
		text-align: center;
		margin-top: 20px !important;
	}
	.upcoming-events-title  p {
		width: 80%;
		text-align: center;
		margin: 0 auto;
	}
	.event-listings-home {
		margin: 20px;
	}
	.event-listings-home p {
		margin: 10px 0 !important;
	}
	#events-row .row{
		padding-left: 10px !important;
	}
}
.who-and-what p {
	text-align: justify;
	padding: 20px;
}

.image-row-home figure {
	margin-top:-50% !important;
}
.border-right {
	border-right: 1px solid #fefefe;
}
#image-row {
	background-color: #dfeced;
}
@media (max-width: 767px) {
	.nt-footer-widget .nt-sidebar-inner-widget {
		text-align: center;
	}
	.nt-footer-widget .nt-sidebar-inner-widget.widget_media_image {
		margin-bottom: 30px;
	}
	#image-row {
		background-color: transparent !important;
	}
	.image-row-home figure {
		margin-top: 10px !important;
	}
	.nt-footer-copyright {
		text-align:center;
	}
}
/** Gallery page **/
#gallery-set a {
	letter-spacing:2px!important;
	color: #113a5a !important;
}
#gallery-set a.selected, #gallery-set a:hover {
	color: #bfa443 !important;
}
@media (max-width: 767px) {
	#gallery-set a {
	font-size: 1.3rem!important;
}
}
/** Rope **/
.rope .wpb_single_image {
	line-height:0 !important;
}