/*
Theme Name: Hemker Zoo
Theme URI: https://hemkerzoo.com/
Description: Hemker Zoo Divi Child Theme March 2022
Author: Whitebox Marketing
Author URI: https://whitebox.marketing/
Template: Divi
Version: Updated for Divi 3+
*/



/*------------------------------------------------*/
/*-----------------[TYPOGRAPHY]-------------------*/
/*------------------------------------------------*/

@media (min-width: 920px){
	.two-column ul {
		column-count: 2;
	}
	.two-column ul ul {
		column-count: 1;
	}

	.three-column ul {
		column-count: 3;
	}
	.three-column ul ul {
		column-count: 1;
	}
}
/*------------------------------------------------*/
/*-------------------[GENERAL]--------------------*/
/*------------------------------------------------*/

/* Make sure background color can be seen */
#main-content .et_pb_section {
	background-color: transparent;
}

/* Make the buttons shorter */
body .et_pb_button:focus,
body .et_pb_button:active,
body .et_pb_button:hover,
body .et_pb_button {
	display: inline-block;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
/* Add a little animation to the icon on hover */
.et_button_custom_icon .et_pb_button:hover:after {
	margin-left: 0.5em;
}

body #page-container .et_pb_button.dark-blue {
    border-color: #1E2746;
    padding-right: 2em;
    padding-left: 0.7em;
    background-color: #1E2746;
}
body #page-container .et_pb_button.dark-blue:hover {
	color: #ffffff!important;
    background-color: #1E2746;
    border-color: #ffffff!important;
}

/* Add overlay to Div section */
div.et_pb_section.color-overlay.et_pb_section_parallax .et_parallax_bg_wrap .et_parallax_bg:before,
div.et_pb_section.color-overlay:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('/wp-content/uploads/2022/02/Hemker-Gradient-Overlay-01_1200x751.png');
    background-size: 100% 100%;
}


/* ***** Half Circle Module ***** */
div.et_pb_section.half-circle-wrapper {
    background: linear-gradient(180deg, rgba(159,28,75,1) 0px, rgba(159,28,75,1) 102px, rgba(255,255,255,0) 102px);
}
.half-circle-wrapper .et_pb_row {
	padding-top: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
    width: 100%;
}
.half-circle-wrapper .et_pb_row .et_pb_column {
	padding: 0 0 2rem !important;
	margin-right: 0;
}
.et_pb_module.half-circle {
    width: 100%;
    padding: 15px;
    background: linear-gradient(180deg, rgba(159,28,75,1) 0px, rgba(159,28,75,1) 102px, rgba(255,255,255,0) 102px);
    margin: 0 auto;
    height: auto;
}
.et_pb_module.half-circle .et_pb_text_inner {
	background-color:#ece6dd;
	border-radius: 50%;
	margin: 12px auto;
}/*
.et_pb_module.half-circle .et_pb_text_inner:before {
    content: "";
    width: 100vw;
    height: 87px;
    background: #9f1c4b;
    position: absolute;
    top: -12px;
	z-index: -1;
}*/
/*.et_pb_module.half-circle .et_pb_text_inner:before {
    content: "";
    position: absolute;
    top: -12px;
    left: -12px;
    width: 174px;
    height: 87px;
    z-index: 5;
    background: #9f1c4b;
}*/
.et_pb_module.half-circle .et_pb_text_inner,
/*.et_pb_module.half-circle .et_pb_text_inner:before,*/
.et_pb_module.half-circle .et_pb_text_inner:after {
	position: relative;
    display: flex;
	width: 150px;
    height: 150px;
    justify-content: center;
    align-items: center;
	flex-direction: column;
}
/*.et_pb_module.half-circle .et_pb_text_inner:before,*/
.et_pb_module.half-circle .et_pb_text_inner:after {
	content: "";
	position: absolute;
	top: -12px;
	left: -12px;
	border-width: 12px;
	border-style: solid;
	border-radius: 50%;
	border-color: #9f1c4b;
	transform: rotate(45deg);
	/*transform: rotate(-135deg);*/
    transition: all .6s ease-in-out;
}
.et_pb_module.half-circle:hover .et_pb_text_inner:after {
	transform: rotate(-135deg);
}
/* green */
.et_pb_module.half-circle.green .et_pb_text_inner, 
.et_pb_module.half-circle.green .et_pb_text_inner h3 {color: #1c6e62;}
.et_pb_module.half-circle.green .et_pb_text_inner:after {
	border-color: #9f1c4b #1c6e62 #1c6e62 #9f1c4b;
}
/* yellow-green */
.et_pb_module.half-circle.yellow-green .et_pb_text_inner, 
.et_pb_module.half-circle.yellow-green .et_pb_text_inner h3 {color: #92a03a;}
.et_pb_module.half-circle.yellow-green .et_pb_text_inner:after {
	border-color: #9f1c4b #92a03a #92a03a #9f1c4b;
}
/* blue-green */
.et_pb_module.half-circle.blue-green .et_pb_text_inner, 
.et_pb_module.half-circle.blue-green .et_pb_text_inner h3 {color: #3e5e69;}
.et_pb_module.half-circle.blue-green .et_pb_text_inner:after {
	border-color: #9f1c4b #3e5e69 #3e5e69 #9f1c4b;
}
/* dark-blue */
.et_pb_module.half-circle.dark-blue .et_pb_text_inner, 
.et_pb_module.half-circle.dark-blue .et_pb_text_inner h3 {color: #1e2746;}
.et_pb_module.half-circle.dark-blue .et_pb_text_inner:after {
	border-color: #9f1c4b #1e2746 #1e2746 #9f1c4b;
}
/* pink */
.et_pb_module.half-circle.pink .et_pb_text_inner, 
.et_pb_module.half-circle.pink .et_pb_text_inner h3 {color: #f48b94;}
.et_pb_module.half-circle.pink .et_pb_text_inner:after {
	border-color: #9f1c4b #f48b94 #f48b94 #9f1c4b;
}


@media (max-width:768px){
	.half-circle-wrapper .et_pb_row .et_pb_column {
		width: 50%;
	}
}
@media (min-width:980px){
	.half-circle-wrapper .et_pb_row .et_pb_column {
		padding: 0 20px 2rem !important;
	}
}

/*
@media (min-width:480px){
	.et_pb_module.half-circle:before {
		left: -10vw;
	}
}
@media (min-width:768px){
	.et_pb_module.half-circle:before {
		left: -22vw;
	}
}
@media (min-width:981px){
	.et_pb_module.half-circle:before {
		display:none;
	}
}*/

/* ***** Border Wrap ***** */
.et_pb_module.small-border-wrap {
    position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
}
.et_pb_module.small-border-wrap:before, 
.et_pb_module.small-border-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 30%;
    width: 40%;
    height: 6px;
    background: #9f1c4b;
}
.et_pb_module.small-border-wrap:after {
	top: unset;
	bottom: 0;
}
.et_pb_module.small-border-wrap.yellow-green:before, 
.et_pb_module.small-border-wrap.yellow-green:after {
    background: #92a03a;
}
.et_pb_module.small-border-wrap.green:before, 
.et_pb_module.small-border-wrap.green:after {
    background: #1c6e62;
}
.et_pb_module.small-border-wrap.blue-green:before, 
.et_pb_module.small-border-wrap.blue-green:after {
    background: #3e5e69;
}
.et_pb_module.small-border-wrap.dark-blue:before, 
.et_pb_module.small-border-wrap.dark-blue:after {
    background: #1e2746;
}
.et_pb_module.small-border-wrap.pink:before, 
.et_pb_module.small-border-wrap.pink:after {
    background: #f48b94;
}

/* ***** Full Width sections with images ***** */
@media (max-width:767px) {
	.fws-img-right.et_pb_section .et_pb_row,
	.fws-img-left.et_pb_section .et_pb_row {
		background-image:none !important;
		padding-left: 6vw;
    	padding-right: 6vw;
	}
}
@media (min-width:768px) {
	/* ***** full with section - image on right ***** */
	.fws-img-right.et_pb_section {
		background: none;
	}
	.fws-img-right.et_pb_section .et_pb_row {
		background-size: 40%;
		background-position: right center;
		padding-left: 4%;
		padding-right: 4%;
	}
	.fws-img-right.et_pb_section .et_pb_row .et_pb_column {
		max-width: 60%;
		padding-left: calc(60% - 688px);
	}

	/* full with section - image on left */
	.fws-img-left.et_pb_section {
		background: none;
	}
	.fws-img-left.et_pb_section .et_pb_row {
		background-size: 40%;
		background-position: left center;
		padding-left: 4%;
		padding-right: 4%;
	}
	.fws-img-left.et_pb_section .et_pb_row .et_pb_column {
		max-width: 688px;
		/*padding-left: 40%;*/
	}
}

/* ***** Icon Menu ***** */
.icon-menu-list ul {
	list-style: none !important;
	line-height: 1.8em;
	padding-left: 0 !important;
}
.icon-menu-list ul > li {
    position: relative;
    padding: 4px 6px 4px 10px;
    line-height: 1.2em;
}
.icon-menu-list ul > li a {
	color: #1e2746;
	transition: all 0.2s 0s ease-in-out;
}
.icon-menu-list ul > li a:active,
.icon-menu-list ul > li a:focus,
.icon-menu-list ul > li a:hover {
	color: #fff;
}
.icon-menu-list ul > li:before {
    content: "\45";
    font-family: 'etmodules';
    opacity: 0;
    position: absolute;
    left: -10px;
    top: 4px;
	transition: all 0.2s 0s ease-in-out;
}
.icon-menu-list ul > li:hover:before {
    left: -6px;
	opacity: 1;
}
.icon-menu-list.et_pb_bg_layout_dark ul > li:before {
	color: #fff;
}

/* ***** Spaced List (adds spacing between list items) ***** */
.spaced-list ul li:not(:first-child) {
	margin-top: .75rem;
}
/*------------------------------------------------*/
/*-----------------[HEADER-MENU]------------------*/
/*------------------------------------------------*/

/* *** Search *** */
header .et_pb_search {
    display: none;
	transition: all .6s ease-in-out;
}
.divimegapro-open header .et_pb_search {
    display: inline-block;
}

.et_pb_menu .et_mobile_nav_menu li {
	list-style-type: none;
}

/* ***** Mega Menu ***** */
#main-mega-menu ul li {
    margin-bottom: 2px;
}
.et-db #et-boc #main-mega-menu .icon-menu-list.et_pb_module h3 > a,
.et-db #et-boc #main-mega-menu .icon-menu-list.et_pb_module.et_pb_text ul > li a {
    color: #fff !important;
}
#main-mega-menu .icon-menu-list h3 {
    position: relative;
    margin-bottom: 8px;
    padding-bottom: 12px;
	color: #fff !important;
}
#main-mega-menu .icon-menu-list h3:after {
    content: "";
    width: 60%;
    height: 2px;
    background: #ece6dd;
    position: absolute;
    left: 0;
    bottom: 0;
}
/* Icon */
header .divimegapro-329 > div {
    cursor: pointer;
}
span.menu-icon {
    position: relative;
    display: block;
    width: 60%;
    height: 3px;
    background: #fff;
    margin: 30px auto 20px;
    transition: all .6s ease-in-out;
	cursor: pointer;
}
span.menu-icon:before, 
span.menu-icon:after {
    content: "";
    position: absolute;
    left: 8%;
    display: block;
    width: 84%;
    height: 3px;
    background: #fff;
    transition: all .6s ease-in-out;
}
span.menu-icon:before {
	top: -12px;
}
span.menu-icon:after {
	bottom: -12px;
}
header div.divimegapro-329[aria-expanded="true"] span.menu-icon {
	width: 50%;
	transform: rotate(45deg);
}
header div.divimegapro-329[aria-expanded="true"] span.menu-icon:before, 
header div.divimegapro-329[aria-expanded="true"] span.menu-icon:after {
	top: 0;
	left: 0;
	bottom: unset;
	width: 100%;
	transform: rotate(90deg);
}


/* Header Mobile Menu */
header .et_pb_menu .et_mobile_menu {
	max-width: 300px;
	right: 0px;
	left: unset;
	padding: 2.5% 0;
	margin-top: 10px;
}
header .et_mobile_menu li a {
	border-bottom-color: rgba(255,255,255,0.7);
}
header .et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav li.menu-item-has-children a {
	padding-right: 20px;
}
header ul.et_mobile_menu li.menu-item-has-children {
	position: relative;
}
header ul.et_mobile_menu li.menu-item-has-children li a {
    padding-left: 4px;
}
header ul.et_mobile_menu span.toggleSubmenu {
    position: absolute;
    right: 0;
	top: 0;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: left;
	text-indent: -999em;
}
header ul.et_mobile_menu span.toggleSubmenu:after,
header ul.et_mobile_menu span.toggleSubmenu:before {
    content: "";
    width: 10px;
    height: 2px;
    position: absolute;
    top: 20px;
    left: 15px;
    background: #fff;
}
header ul.et_mobile_menu li:not(.open) span.toggleSubmenu:after {
	transform: rotate(90deg);
}
header ul.et_mobile_menu > li > ul.sub-menu {
	display: none !important;
}
header ul.et_mobile_menu > li.open > ul.sub-menu {
	display: block !important;
}
@media (min-width: 768px) {
	/*show hamburger menu on desktop*/
	.et_pb_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu {
		display: none;
	}
	.et_pb_menu .et_mobile_nav_menu, .et_pb_fullwidth_menu .et_mobile_nav_menu {
		display: flex;
		float: none;
		margin: 0 6px;
		align-items: center;
	}
	/* Add color to the left of the header on desktop */
	header .header-menu-row:before {
		content: "";
		width: 51vw;
		height: 100%;
		position: absolute;
		background: #1e2746;
		right: 99%; /* Leave 1% to make sure there isn't a line */
	}
}



/*------------------------------------------------*/
/*------------------[HOMEPAGE]--------------------*/
/*------------------------------------------------*/
/* Show overlay on background video */
#home-header:before {
    z-index: 1;
}
/* ***** Slide Up Text Blurb ***** */
.et_pb_blurb.slide-up-text .et_pb_blurb_content {
    overflow: hidden;
    display: flex;
}
.et_pb_blurb.slide-up-text .et_pb_main_blurb_image {
	margin: 0;
    transition: all .6s ease-in-out;
}
.et_pb_blurb.slide-up-text .et_pb_blurb_container {
    position: absolute;
    top: calc(100% - 76px);
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(30, 39, 70, 0);
    transition: all .6s ease-in-out;
}
.et_pb_blurb.slide-up-text .et_pb_module_header {
    padding: 1em 0;
    transition: all .6s ease-in-out;
}
.et_pb_blurb.slide-up-text:hover .et_pb_blurb_container {
    background-color: rgba(30, 39, 70, 0.6);
    top: 0;
}
.et_pb_blurb.slide-up-text:hover .et_pb_module_header {
	padding-top: 3em;
}


/* ***** Price List ***** */
.price-list ul {
    list-style: none;
    padding: 0;
    display: flex;
    position: relative;
	flex-direction: column;
}
.price-list ul > li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	padding: 10px 0;
}
.price-list ul > li:not(:first-child) {
    border-top: 1px solid;
}
@media (min-width:768px){
	.price-list ul {
		flex-direction: row;
	}
	.price-list ul > li {
		flex-direction: column;
		padding: 0;
	}
	.price-list ul > li:not(:first-child) {
		border-top: none;
		border-left: 1px solid #cacaca;
		padding-left: 20px;
		margin-left: 20px;
	}
}
/*------------------------------------------------*/
/*------------------[SUBPAGES]--------------------*/
/*------------------------------------------------*/

/* ***** Meet Our Animals Gallery ***** */
#moa-gallery .et_pb_gallery_item {
	text-align: center;
	width: 100% !important;
	margin: 12px 0% !important;
}
#moa-gallery .et_pb_gallery_item .et_pb_gallery_caption {
	display:none;
}
#moa-gallery .et_pb_gallery_item img {
    -webkit-transition: all .2s;
    transition: all .2s;
}
#moa-gallery .et_pb_gallery_item:hover img {
	box-shadow: 0 0 12px #1a1a1a;
	transform: scale(1.01);
}
@media (min-width: 768px){
	#moa-gallery .et_pb_gallery_item {
		width: 46% !important;
		margin: 2% !important;
	}
}
@media (min-width: 1024px){
	#moa-gallery .et_pb_gallery_item {
		width: 30% !important;
		margin: 1.65% !important;
	}
}



/*------------------------------------------------*/
/*-------------------[Footer]---------------------*/
/*------------------------------------------------*/
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, 
footer a, footer a:focus, footer a:hover,
footer {
	color: #fff;
}
footer a:focus,
footer a:hover {
	text-decoration: underline;
}
footer a.icon:focus,
footer a.icon:hover {
	text-decoration: none;
}

#footer-menu ul {
    padding-left: 0;
    list-style: none;
    line-height: 1.7em;
}
/*------------------------------------------------*/
/*-------------------[BLOG]-----------------------*/
/*------------------------------------------------*/
#posts-grid article {
    background: #9f1c4b;
    color: #fff;
}
#posts-grid article:nth-child(odd) {
    background: #92a03a;
}
#posts-grid article .post-media-container {
    background: #fff;
}
#posts-grid article .entry-title > a,
#posts-grid article .entry-title,
#posts-grid article .post-meta,
#posts-grid article .post-content p,
#posts-grid article .post-content {
    color: #fff;
    background: none;
}
#posts-grid article .entry-title > a:active,
#posts-grid article .entry-title > a:focus,
#posts-grid article .entry-title > a:hover {
    color: #ece6dd;
}
/* read more button */
#posts-grid article .post-content p.el-read-more-link > a {
    color: #fff;
    display: inline-block;
	border: 1px solid #fff;
    padding: 3px 26px 3px 6px;
    line-height: 1.5em;
}
#posts-grid article .post-content p.el-read-more-link > a:hover {
    background-color: #fff;
    color: #9f1c4b;
}
#posts-grid article .post-content p.el-read-more-link > a:after {
	content: 'E';
	font-family: ETmodules!important;
    font-size: 20px;
    line-height: 1em;
    position: absolute;
    font-variant: none;
    font-style: normal;
    font-weight: 400;
    text-shadow: none;
    text-transform: none;
    -webkit-font-feature-settings: "kern" off;
    font-feature-settings: "kern" off;
    speak: none;
    margin-left: 0.1em;
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 1;
}
#posts-grid article .post-content p.el-read-more-link > a:hover:after {
	margin-left: 0.2em;
}


/*------------------------------------------------*/
/*------------------[EVENTS]----------------------*/
/*------------------------------------------------*/
#events-list article {
    background: #92A03A;
	border-bottom: none;
	margin-bottom: 2rem;
}
#events-list article:nth-child(4n+2) {
    background: #3E5E69;
}
#events-list article:nth-child(4n+3) {
    background: #1E2746;
}
#events-list article:nth-child(4n+4) {
    background: #9F1C4B;
}
#events-list article .post-content {
	padding: 0.5rem 20px;
	background:none;
}
#events-list article .post-content,
#events-list article .post-content .entry-title {
	color: #fff;
}
#events-list article .post-content .el-read-more-link > a {
	display: inline-block;
	color: #fff;
	border: 1px solid #fff;
	padding: 0.4em 1.2em;
}
#events-list article .post-content .el-read-more-link > a:active,
#events-list article .post-content .el-read-more-link > a:focus,
#events-list article .post-content .el-read-more-link > a:hover {
	background: #fff;
	color: #9F1C4B;
}
#events-list article .post-media {
	max-width: 350px;
	margin: 0 auto;
}
@media (min-width:920px){
	#events-list article .post-content {
		width: calc(70% - 40px);
		padding: 0.5rem 20px;
		background:none;
	}
	#events-list article .post-media {
		width: 30%;
		max-width: 100%;
	}
}
/*------------------------------------------------*/
/*------------------[FORMS]-----------------------*/
/*------------------------------------------------*/
.gform_wrapper.gravity-theme .gfield.inline-label .ginput_container > div {
	display: flex;
}
.gform_wrapper.gravity-theme .gfield.inline-label .ginput_container > div > input {
	margin-left: 6px;
}
.gform_button {
	font-size: 20px;
    font-weight: normal;
    font-style: normal;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1.7em;
    display: inline-block;
	
	padding: 0px 14px;    
	background: #9F1C4B;
    
	border: 2px solid #9F1C4B;
	border-radius: 0px;
	
	cursor: pointer;
	
	-webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all!important;
    transition-property: all!important;
}
.gform_button:hover {
	border-color: #fff;
}

footer .gform_button {
	border-color: #92a03a;
	background: #92a03a;
}




/*------------------------------------------------*/
/*-----------[THE EVENTS CALENDAR]----------------*/
/*------------------------------------------------*/

.tribe-common-l-container {
    background: #fff;
}
.tribe-common .tribe-common-c-btn {
	background-color: #92A03A!important;
    text-transform: uppercase;
}


.tribe-common .tribe-common-c-btn-border, 
.tribe-common a.tribe-common-c-btn-border {
	border-color: #92A03A!important;
	color: #92A03A!important;
}
.tribe-events .tribe-events-c-subscribe-dropdown 
.tribe-events-c-subscribe-dropdown__button:hover {
	background-color: #92A03A!important;
    color: #fff!important;
}
/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*------[ADD CUSTOMIZATION BELOW THIS LINE]-------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/