/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        4.19.5
*/
 
 /*
#5fbad4
#166678
*/
/* =Theme customization starts here----------------- */
/*--------------------start divi default styles--------------------*/
/*scroll to top*/
.et_pb_scroll_top.et-pb-icon {
    background: rgba(210, 210, 202,0.5)!important;
    bottom: 19vh!important;
    -webkit-border-top-left-radius: 50px!important;
    -webkit-border-bottom-left-radius: 50px!important;
    -moz-border-radius-topleft: 50px!important;
    -moz-border-radius-bottomleft: 50px!important;
    border-top-left-radius: 50px!important;
    border-bottom-left-radius: 50px!important;
    font-size: 36px;
    padding: 6px;
}
/*tables*/
@media only screen and (max-width: 982px) {
	table.responsive-table {
		margin-bottom: 0;
		overflow: hidden;
		overflow-x: scroll;
		display: block;
		white-space: nowrap;
	}
}
/*-----grid setup-----*/
.grid-container{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 0px;
}
/*-----grid setup-----*/

.grid-container .grid-3 {
	grid-column: span 3;
}
.grid-container .grid-4 {
	grid-column: span 4;
}
.grid-container .grid-6 {
	grid-column: span 6;
}
.grid-container .grid-8 {
	grid-column: span 8;
}
.grid-container .grid-12 {
	grid-column: span 12;
}

@media only  screen and (max-width: 982px) {
.grid-container .grid-item  {
		grid-column: span 12!important;
	}
}
.et-blog-css-grid > div {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(222px, 1fr));
	/*grid-template-columns: repeat(auto-fill, minmax(305px, 1fr));*/
    gap: 20px;
}

.et-blog-css-grid .et_pb_post {
    align-self: stretch;
    padding: 0;
    margin-bottom: 0px!important;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 1px 3px rgb(112, 112, 112, 0.3);
}
.et-blog-css-grid .et_pb_post  h2,
.et-blog-css-grid .et_pb_post  .post-meta,
.et-blog-css-grid .et_pb_post .post-content {
    padding-left:15px;
    padding-right: 15px;
}
.et-blog-css-grid .et_pb_post .post-content {
    padding-bottom: 15px;
}
.et-blog-css-grid .entry-featured-image-url {
    padding-top: 100%;
    margin-bottom: 20px!important;
}

.et-blog-css-grid .entry-featured-image-url img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    object-fit: cover;
    border-radius: 25px 25px 0 0;
}
.et-blog-css-grid .wp-pagenavi {
    width: 100%!important;
    position: absolute;
    bottom: 0;
    transform: translate(0%, 150%);
}
/*--------------------end divi default styles--------------------*/

/*--------------------start nav menu styles--------------------*/
/*modify breakpoint px for mobile menu*/
/*adjust Divi Menu module breakpoint*/
@media only screen and (max-width: 1400px) {
    .et_pb_menu .et_pb_menu__menu {
        display: none;
    }
    .et_mobile_nav_menu {
        display: block;
    }
}
#main-header input.et-search-field {
    background-color: #ffffff;
    padding-left: 5px;
}
.et_mobile_menu {
    padding: 0px!important;
    width: 112%!important;
    margin-left: -6%!important;
}
.et_mobile_menu li a {
    padding: 10px 20px!important;
    font-weight: 600!important;
}
.et_mobile_menu .menu-item-has-children>a {
    font-weight: 600!important;
    background-color: #f7f7f7!important;
}
.et_mobile_menu li.menu-item-has-children ul.sub-menu a {
    font-weight: 500!important;
    font-size: 16px;
    padding-left: 10px!important;

}
.et_mobile_menu li.current-menu-item a, 
.et_mobile_menu li ul.sub-menu li.current-menu-item a {
    font-weight: 700!important;
}
/*edit the Divi mobile hamburger icon*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d'!important;
}
.mobile_menu_bar:before {
    transition: all .2s linear;
    transform: rotate(0deg);
    display: block;
}
.mobile_nav.opened .mobile_menu_bar::before {
    transition: all .2s linear;
    transform: rotate(90deg);
    display: block;
}
#arf-nav .et_pb_module.et_pb_menu {
    margin-bottom: 0px!important;
}
.et_mobile_menu .first-level.menu-item-has-children > a {
    position: relative;
}
.et_mobile_menu .first-level.menu-item-has-children > a:after {
    font-family: 'ETmodules';
    content: '\4c';
    position: absolute;
    font-size: 22px;
    top: 11px;
    right: 15px;
    transition: all .2s ease!important;
    transform: rotate(90deg)!important;
}
.et_mobile_menu .first-level.menu-item-has-children > .icon-switch:after{
    content: '\4d';
}
.second-level {
    display: none;
}
.reveal-items {
    display: block;
}
#menu-primary-menu .second-level.mobile-only,
#menu-primary-menu .first-level.mobile-only{
    display: none!important;
}
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul#menu-primary-menu>li>a {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}
.et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap, .et_pb_menu_0_tb_header .et_pb_menu__logo-slot {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}
.et_mobile_menu {
    overflow-y: scroll!important;
    max-height: calc(100vh - 100px)!important;
    -overflow-scrolling: touch!important;
    -webkit-overflow-scrolling: touch!important;
}
/*sub menu wider*/
.et-menu li li a {
    padding: 6px 20px!important; 
    width: 260px!important;
}
.nav li ul.sub-menu {
    position: absolute!important;
    padding: 20px 0!important; 
    width: 300px!important;
	/*left: -60px!important;*/
}
#my-nav ul.sub-menu li.menu-item a {
    font-size: 15px!important;
    line-height: 1.7em;
    /*padding: 10px 0px!important;*/
}
#my-nav li .sub-menu li, 
#my-nav li .sub-menu li a 
{
    width: 100%;
}
/*--------------------end nav menu styles--------------------*/

/*--------------------start wpforms styles--------------------*/
#mc_newsletter{}
#mc_newsletter div.wpforms-container-full .wpforms-form input[type=submit], 
#mc_newsletter div.wpforms-container-full .wpforms-form button[type=submit], 
#mc_newsletter div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: #5fbad4;
    border: 4px solid #5fbad4;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 20px 15px;
    width: 100%;
    border-radius: 50px;
	transition: all 150ms ease 0ms;
}
#mc_newsletter div.wpforms-container-full .wpforms-form input[type=submit]:hover, 
#mc_newsletter div.wpforms-container-full .wpforms-form button[type=submit]:hover, 
#mc_newsletter div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
    background-color: #166678;
    border: 4px solid #166678;
	transition: all 150ms ease 0ms;
}
#mc_newsletter div.wpforms-container-full .wpforms-form input[type=date], 
#mc_newsletter div.wpforms-container-full .wpforms-form input[type=datetime], 
#mc_newsletter div.wpforms-container-full .wpforms-form input[type=datetime-local], 
#mc_newsletter div.wpforms-container-full .wpforms-form input[type=email], 
#mc_newsletter div.wpforms-container-full .wpforms-form input[type=month], 
#mc_newsletter div.wpforms-container-full .wpforms-form input[type=number], 
#mc_newsletter div.wpforms-container-full .wpforms-form input[type=password], 
#mc_newsletter div.wpforms-container-full .wpforms-form input[type=range], 
#mc_newsletter div.wpforms-container-full .wpforms-form input[type=search], 
#mc_newsletter div.wpforms-container-full .wpforms-form input[type=tel], 
#mc_newsletter div.wpforms-container-full .wpforms-form input[type=text], 
#mc_newsletter div.wpforms-container-full .wpforms-form input[type=time], 
#mc_newsletter div.wpforms-container-full .wpforms-form input[type=url], 
#mc_newsletter div.wpforms-container-full .wpforms-form input[type=week], 
#mc_newsletter div.wpforms-container-full .wpforms-form select, 
#mc_newsletter div.wpforms-container-full .wpforms-form textarea {
    min-height: 50px;
}
#contact_form button[type=submit]:hover {
    color: #166678!important;
    border-color: #166678;
	border: 2px solid #166678!important;
}
#contact_form .wpforms-field-container input,
#contact_form .wpforms-field-container select, 
#contact_form .wpforms-field-container textarea {
    min-height: 40px;
    border-radius: 25px!important;
    padding-left: 15px!important;
}
#contact_form .wpforms-field-container input {
    min-height: 5px!important;
}
#contact_form .wpforms-field-container textarea {
    padding-top: 15px!important;
}
#contact_form .wpforms-form button[type=submit] {
    padding: 13px 18px!important;
    color: #fff!important;
    background-color: rgb(255, 255, 255, 0)!important;
    border: 2px solid #fff!important;
    border-radius: 25px;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 150ms ease 0ms;
}
#contact_form .wpforms-form button[type=submit]{
    padding: 13px 18px!important;
    color: #166678!important;
    background-color: rgb(255, 255, 255, 0)!important;
    border: 2px solid #166678!important;
    border-radius: 25px!important;
}
#contact_form .wpforms-form button[type=submit]:hover {
    color: #ffffff!important;
    background-color: #5fbad4!important;
	border: 2px solid #5fbad4!important;
}

#contact_form .wpforms-confirmation-container-full, #contact_form div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 50px 0px!important;
}
.wpforms-confirmation-container-full, 
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #5fbad4!important;
    border: 1px solid #5fbad4!important;
    color: #f7f7f7!important;
    border-radius: 50px 0px!important;
    padding: 15px 25px!important;
}
/*--------------------end wpforms styles--------------------*/

/*--------------------start search and filter styles--------------------*/
#search_filters {
    overflow: visible !important;
}
#search_filters {
	
}

#search_filters li.sf-field-sort_order select.sf-input-select {
    min-height: 40px;
}

#search_filters input {
    font-size: 16px!important;
    padding-left: 15px;
    border: none!important;
}

#search_filters h4 {
    font-weight: 600;
    font-size: 20px!important;
    color: #5fbad4!important;
}
@media only  screen and (min-width: 982px) {
	#search_filters h4	{
		font-weight: 600;
		font-size: 18px!important;
		color: #5fbad4!important;
		display: inline-block;
		min-width: 170px;
	}
	.sf-field-post-meta-date_of_decision ul.sf_date_field,
	.sf-field-post-meta-date_of_race_event ul.sf_date_field	{
		max-width: 620px;
		width: 100%;
		display: inline-block;
		padding-left: 3px!important;
	}
	#search_filters .sf_date_field li {
		display:inline!important;
	}
}
@media only  screen and (max-width: 982px) {

}
#search_filters ul{
    padding: 0px;
}
#search_filters ul li.sf-field-search label{
    width: 100%;
	display: inline-block;
}
#search_filters ul li.sf-field-search input {
	min-height: 40px;
    width: 100%;
    padding-left: 15px;
    border: none;
    font-size: 16px;
    border-radius: 25px;
}


#search_filters .chosen-container.chosen-container-multi {
	min-height: 40px;
	width: 100%!important;
}
#search_filters .chosen-container.chosen-container-multi ul.chosen-choices {
	min-height: 40px;
	width: 100%!important;
	border: none;
	border-radius: 25px;
}
#search_filters .chosen-container.chosen-container-multi ul.chosen-choices li.search-field {
	line-height: 40px;
}
#search_filters .chosen-container-multi .chosen-choices li.search-choice {
	position: relative;
    padding: 9px 24px 9px 8px;
    max-width: 100%;
    border-radius: 25px;
    background-image: none;
    background-size: 100% 19px;
    background-repeat: no-repeat;
    background-clip: padding-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #f7f7f7;
	background-color: #5fbad4;
    border: 1px solid #5fbad4;
    cursor: default;
}
#search_filters .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 11px;
    right: 4px;
    display: block;
    width: 12px;
    height: 12px;
    font-size: 1px;
}

#search_filters .sf-field-category input {
	min-height: 25px;
    min-width: 25px;
}
#search_filters li.sf-field-submit {
    display: inline-block!important;
    margin-right: 20px!important;
}
#search_filters li.sf-field-reset {
    display: inline-block!important;
}
#search_filters  .sf-field-submit input {
    background-color: #5fbad4;
    border-width: 2px;
	border-radius: 25px;
    border-style: solid;
    color: #ffffff;
    padding: 10px 30px;
    font-weight: 600;
    text-transform: uppercase;
	transition: all .5s;
}
#search_filters  .sf-field-submit input:hover {
    background-color: #ffffff;
	border-color: #ffffff;
    color: #5fbad4;
}
#search_filters .sf-field-reset a {
    color: #5fbad4;
}
@media only  screen and (max-width: 982px) {
	.sf-field-post-meta-date_of_decision ul.sf_date_field li,
	.sf-field-post-meta-date_of_race_event ul.sf_date_field li	{
		width: 100%;
		display: block;
	}
	.sf-field-post-meta-date_of_decision ul.sf_date_field li span,
	.sf-field-post-meta-date_of_race_event ul.sf_date_field li span	{
		min-width: 50px!important;
	}
	#search_filters .sf_date_field li input {
		min-height: 40px;
		min-width: 299px;
		width: 100%;
	}
	#search_filters .sf_date_field li label {
		width: 100%;
	}
}
#search_filters .sf_date_field li input {
    min-height: 40px;
    min-width: 299px;
    border-radius: 25px;
    border: none;
}
#search_filters .sf-meta-range.sf-meta-range-slider {
    width: 100%;
}
#search_filters .sf-field-post-meta-abv input,
#search_filters .sf-field-post-meta-cost input{
    padding-left: 0px!important;
    border: none!important;
    min-height: 40px!important;
    margin-right: 3px!important;
    margin-left: 3px!important;
    border-radius: 25px!important;
    text-align: center;
}
#search_filters .meta-slider {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 15px;
    max-width: 100%;
}
/*pagination*/
.dp-dfg-skin-default .dp-dfg-filter a:hover, 
.dp-dfg-skin-default .pagination a:hover, 
.et-l .dp-dfg-skin-default .dp-dfg-filter a:hover, 
.et-l .dp-dfg-skin-default .pagination a:hover 
{
    background-color: #5fbad4!important;
	color: #f7f7f7!important;
}
.dp-dfg-skin-default .dp-dfg-filter a.active, 
.dp-dfg-skin-default .pagination li.active a, 
.et-l .dp-dfg-skin-default .dp-dfg-filter a.active, 
.et-l .dp-dfg-skin-default .pagination li.active a 
{
    color: #f7f7f7!important;
    background-color: #5fbad4!important;
}
.dp-dfg-pagination li.pagination-item a {
    border-radius: 50px!important;
    border: 2px solid #ffffff!important;
    margin-right: 5px!important;
    font-weight: bold;
    color: #5fbad4!important;
}
.dp-dfg-pagination li.pagination-item.active a, 
.dp-dfg-pagination li.pagination-item a:hover
{
    border: 2px solid #5fbad4!important;
    color: #ffffff!important;	
}
li.pagination-item.dp-dfg-direction a {
	padding:13px 14px!important;
}
.dp-dfg-container .dp-dfg-items .dp-dfg-item {
    transition: 0.2s all!important;
}
.dp-dfg-container .dp-dfg-items .dp-dfg-item:hover {
    transform: scale(1.01)!important;
    transition: 0.2s all!important;
    box-shadow: 0px 18px 27px -15px rgba(0 ,0 ,0, 0.1)!important;
}
#wpsearch_results .dp-dfg-items .dp-dfg-item {
	box-shadow: none!important;
	padding: 0;
	    border-bottom: 2px solid #f7f7f7;
}
.no-zoom .dp-dfg-container .dp-dfg-items .dp-dfg-item:hover {
    transform: none!important;
	box-shadow: 0px 18px 27px -15px rgba(0 ,0 ,0, 0)!important;
}
#arf_research_row .dp-dfg-container .dp-dfg-items .dp-dfg-item:hover {
    box-shadow: 0px 18px 27px -15px rgba(0 ,0 ,0, 0)!important;
}
#arf_research_row .dp-dfg-layout-fullwidth .dp-dfg-item {
    padding: 0em!important;
}
.dp-dfg-container .dp-dfg-items p.dp-dfg-custom-field {
    padding-bottom: 0px!important;
}
#et-boc .et-l .dp-dfg-skin-default .et-pb-icon.dp-dfg-search-icon, 
.dp-dfg-skin-default .dp-dfg-search-icon, 
.et-l .dp-dfg-skin-default .et-pb-icon.dp-dfg-search-icon 
{
    background-color: #ffffff!important;
}
p.dp-dfg-dropdown-label {
    padding: 0.8em 1.2em!important;
    border: 2px solid #5fbad4!important;
    margin-bottom: 5px!important;
}
.dp-dfg-skin-default .dp-dfg-filters-dropdown-layout .dp-dfg-filters-dropdown .dp-dfg-level {    
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border: none!important;
}
.dpdfg_filtergrid_0 .dp-dfg-skin-default .dp-dfg-dropdown-tag {
    background-color: #5fbad4;
    color: #fff!important;
    padding: 5px 10px!important;
}
span.dp-dfg-dropdown-placehoder {
    font-size: 18px!important;
    text-transform: uppercase!important;
    letter-spacing: 1px!important;
}
/*-----pagenavi-----*/
.wp-pagenavi a, .wp-pagenavi span {
	color: #fff!important;
    border: 2px solid #5fbad4!important;
    background-color: #5fbad4!important;
    padding: 9px 15px!important;
    border-radius: 25px;
	min-width: 50px;
    min-height: 46px;
    display: inline-block;
    text-align: center;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #5fbad4!important;
	color: #5fbad4!important;
    background-color: #fff!important;
}

/*--------------------end search and filter styles--------------------*/

/*--------------------start footer styles--------------------*/
img.footer-app-badge {
    max-width: 49%;
}
.footer-base li {
    display: inline-block;
    padding-right: 25px;
}

/*--------------------end footer styles--------------------*/

/*other*/
.donate-btn a {
    border: 2px solid #f7f7f7!important;
    padding: 10px 15px!important;
    color: #f7f7f7!important;
	border-radius:25px!important;
    transition: background-color .2s ease!important;
	font-size:16px!important;
}
.donate-btn a:hover {
    border-color: #5fbad4!important;
    background: #5fbad4!important;
    color: #fff!important;
    transition: background-color .3s ease;
}




/*-----sibling menu shortcode-----*/
/*third level list*/
ul.related_menu ul.related_menu {
    padding-left: 25px!important;
    font-size: 15px;
}






