/*-------------------------------------------------------
Theme Name: Divi Child Theme
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: A child theme template for Divi
Author: Divi
Author URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Version: 1.0.0
----------------- ADDITIONAL CSS HERE ------------------*/


@font-face {
    font-family: Capture it;
    src: url(https://dev2.nash-design.co.uk/wp-content/themes/divi-child/fonts/Capture-it.ttf);
}

.mec-month-divider span::before {
	border-bottom: 4px solid #00984c;
}

/*contact flyout*/
.et_pb_contact_form_1.et_pb_contact_form_container {
	background-color:#00984c !important;
}

.et_pb_contact_form_0.et_pb_contact_form_container {
	background-color:#00984c !important;
}

.et_pb_contact_main_title {
	color:#fff;
}

/*home event detail flyout*/
.rv_button.closed:after {content:'\33';}
.rv_button.opened:after{content:'\33';}

/*sub menu event dropdown*/
#top-menu li li a {
	padding:0px;
}

/*hide the contact form on the event page*/
.et-db #et-boc .et_pb_section.et_section_transparent {
	display:none;
}

/*gallery page header*/
#gallery-video {

    padding-top: 0px !important;
	height:100%;
}

#gallery-video:hover {

    filter: saturate(100%) !important;
}





/*contact flyout*/

#main-footer {
	display:none;
}

#et_search_icon:hover, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar::after, .mobile_menu_bar::before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span::before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span::before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {
	color: #00984C;
}

.mfp-title {
display: none;
}

/*sub menu width*/
.nav li ul {
	width:100px;
}

/*logo bigger on centred menu*/
.et_header_style_split .centered-inline-logo-wrap {
	height:100px !important;
	width:200px !important;
}




.ten-columns .et_pb_module {width: 10%; float: left;}
.nine-columns .et_pb_module {width: 11.11%; float: left;}
.eight-columns .et_pb_module {width: 12.5%; float: left;}
.seven-columns .et_pb_module {width: 14.28%; float: left;}
.six-columns .et_pb_module {width: 16.66%; float: left;}
.five-columns .et_pb_module {width: 20%; float: left;}


#top-menu li a:hover {
	color:#00984C;
}






/*--------------------------------------------------------------*/
/*-------Masonry Filterable Portfolio Layout by Divi Soup-------*/
/*--------------------------------------------------------------*/


/*Hide items until all loaded*/

.ds-masonry-portfolio .et_pb_portfolio_item {
 display: none;
}


/*Set the number of columns*/

.ds-masonry-portfolio .et_pb_portfolio_items {
 -webkit-columns: 14em; /*increase em values for less columns, decrease for more columns*/
 columns: 14em; /*increase em values for less columns, decrease for more columns*/
 -webkit-column-gap: 10px; /*space between columns*/
 column-gap: 10px; /*space between columns*/
 width: 100%;
 margin-bottom: 30px;
}


/*Size the items and add spacing*/

.ds-masonry-portfolio .et_pb_portfolio_item {
 width: 100%;
 margin: 0;
 border-bottom: 10px solid transparent; /*space between images (should be same value as space between columns)*/
 overflow: hidden;
 -webkit-column-break-inside: avoid;
 break-inside: avoid-column;
}


/*Remove title spacing*/

.ds-masonry-portfolio .et_pb_portfolio_item h2 {
 margin-top: 0;
 padding-bottom: 0;
}


/*Style the title and caption hover effect*/

.ds-masonry-portfolio .ds-portfolio-text {
 position: absolute;
 top: 0;
 width: 100%;
 height: 100%;
 padding: 20px; /*padding around title and category*/
 background: rgba(255, 255, 255, .8); /*overlay colour on hover*/
 opacity: 0;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
}


/*Activate hover effect*/

.ds-masonry-portfolio .et_pb_portfolio_item:hover .ds-portfolio-text {
 opacity: 1;
}


/*Space the filters*/

.ds-masonry-portfolio .et_pb_portfolio_filters ul {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: normal;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 100%;
}

.ds-masonry-portfolio .et_pb_portfolio_filters li {
 min-width: 20%; /*adjust percentage based on number of filters*/
 text-align: center;
}

.et_pb_filterable_portfolio_0 .et_portfolio_image:hover {
    
    filter: saturate(100%) !important;

}


/*--------------------------------------------------------------*/
/*-----End Masonry Filterable Portfolio Layout by Divi Soup-----*/
/*--------------------------------------------------------------*/











/*-----Ken Burns Header-----*/

.ds-kenburns-header {
    overflow:hidden ;
    position: relative;
    padding: 0;
}

.ds-kenburns-header:before {
    content: "";
    position: absolute;
    left:0; /*Left and Top sets the alignment of the image, you may need to change these if you want the image to move in a different direction*/
    top:0;
    width: calc(135vw + 70px); /*We are adding some extra width and height to the image so when it zooms and pans we don't get any whitespace around it. You may need to change these values if you change the values in the keyframes section of CSS below*/
    height: calc(135vh + 70px);
    z-index: -1;
    background: url(https://www.k9challenge.co.uk/wp-content/uploads/2019/03/k9-header-1980.jpg); /*Chnange to the URL of the image you want to use*/
   
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    -ms-animation:move 8s ease forwards;
    -webkit-animation:move 8s ease forwards;
    -0-animation:move 8s ease forwards;
    -moz-animation:move 8s ease forwards;
    animation:move 8s ease forwards; /* This sets the duration of the effect and the value 'forwards' tells the effect to stop when its finished rather than loop. */
}

@keyframes move {
    from {
    -ms-transform: scale3d(1); 
    -webkit-transform: scale3d(1); 
    -o-transform: scale3d(1); 
    -moz-transform: scale3d(1); 
    transform: scale3d(1); /*This tells the image to start at its original size*/
  }
    to {
    -ms-transform: scale3d(1.2, 1.2, 1.2) translate3d(-135px, -70px, 0px);
    -webkit-transform: scale3d(1.2, 1.2, 1.2) translate3d(-135px, -70px, 0px);
    -o-transform: scale3d(1.2, 1.2, 1.2) translate3d(-135px, -70px, 0px);
    -moz-transform: scale3d(1.2, 1.2, 1.2) translate3d(-135px, -70px, 0px);
    transform: scale3d(1.2, 1.2, 1.2) translate3d(-135px, -70px, 0px); /*This tells the image to finish at 1.2x it's original size and at a position of -150px on the X axis and -120px on the Y axis. You can adjust these values to get the effect you want*/
  }
}

/*mobile menu background colour*/
ul#mobile_menu.et_mobile_menu {
	background-color:#00984c;
}
#main-header .et_mobile_menu {
	/*background-color:#00984c;*/
}
	
.video {
	background-color: rgba(0,0,0,0.82);
}	
	
.mec-single-event {

    margin-top: 0px;

}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
@media (min-width: 1200px){

.mec-container {

    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}


}
	
@media (max-width: 960px){

	.ds-kenburns-header:before {
		height: calc(135vh + 210px);
	}
}

@media (max-width: 360px){


	.ds-kenburns-header:before {
		/*height: calc(202vh + 210px);*/
		height: calc(135vh + 575px);
	}
	
	.et_header_style_split #et_mobile_nav_menu {
		margin-top:0px;
	}
	
	.et_header_style_split header#main-header .logo_container {
		display:none;
	}
	
	
}


@media (max-width: 480px){

.et_header_style_split header#main-header .logo_container {
		display:none;
	}
	
	.ds-kenburns-header:before {
		/*height: calc(202vh + 210px);*/
		height: calc(135vh + 575px);
	}
	
	#reveal {
		background-color:rgba(0,0,0,0.10);
	}
	
	.mec-container {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	
	
	.et_header_style_split #et_mobile_nav_menu {
		margin-top:0px;
	}
}



/*
@media (min-width 1600px){
	.mec-container {

		width: 100vw !important;
		padding-left: 0px;
		padding-right: 0px;

	}
}
*/