/*
Theme Name:	CityGov - Child Theme
Theme URI: http://themnific.com
Description:	A basic child theme for CityGov Theme
Author:		Dannci
Author URI: http://themnific.com
Template:	citygov
Version:	0.1
*/

/* ADD SOME STYLE BELOW */

:root {
  --e-global-color-primary: #FEC708;
  --e-global-color-secondary: #D2DFE0;
  --e-global-color-text: #000000;
  --e-global-color-alternative: #314143;
  --e-global-color-grey: #F0F0F0;
  --e-global-color-alternative-light: #ffffff;
}
body, input, button, select, #wpmem_reg fieldset, #wpmem_login fieldset, fieldset .give-final-total-amount {
  font-family: "Strawford", Sans-serif!important;
}

a.searchSubmit:hover, .ribbon:hover, a.mainbutton:hover, .tmnf_main_button:hover, .entry a.ribbon:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .meta_more a:hover, .owl-nav>div:hover, #main-nav>li.special>a:hover, button.give-btn-reveal:hover, .give-btn-modal:hover, .give-submit.give-btn:hover, .give-btn.give-default-level {
  background-color: var(--e-global-color-alternative)!important;
}

#titles img {
  max-height: 54px;
}

#titles video {
  max-height: 64px;
  padding-top: 6px;
}

#header.scrolled #titles video {
  max-height: 48px;
}

.ghost, .single .give-goal-progress, .sidebar_item, #comments .navigation a, a.page-numbers, .page-numbers.dots {
  background-color: var(--e-global-color-grey)!important;
}

#titles .logo, .header_fix {
  margin-top: 21px!important;
  margin-bottom: 21px!important;
}

.sidebar_item ul.menu>li>a {
  border-width: 1px!important;
}

#sidebar .meta_full {
  margin: 0;
}

#sidebar li:first-child .tab-post {
  min-height: auto;
}

div.wpcf7 {
  overflow: visible;
}

.elementor p a {
  text-decoration: underline!important;
  transition: none;
}

.elementor p:not(.meta) a:not(.read_more):hover {
  background-color: var(--e-global-color-primary);
  color: #000!important;
}

.alt_menu_divider #main-nav > li::before {
  border-radius: 0;
}

.page-header img {
  top: 50%;
  transform: translateY(-50%);
}

#ustanovitelj-filter input {
  width: 100%;
}

/* Grid layout */
.ustanovitelj-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

#ustanovitelji-filter-fixed {
    position: sticky;
    top: 20px;
}

/* Card styles */
.ustanovitelj-card {
    background: #fff;
    border-bottom: 2px solid #69727d61;
    padding: 20px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

/* Title */
.ustanovitelj-title {
    margin: 0 0 10px;
    font-size: 1.2em;
    color: #000;
}

/* Address */
.ustanovitelj-address {
    margin: 0 0 15px;
    color: #555;
}

/* Meta info */
.ustanovitelj-meta {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ustanovitelj-meta li {
    margin-bottom: 6px;
    font-size: 0.95em;
}
.ustanovitelj-meta a {
  text-decoration: underline!important;
  transition: none;
}
.ustanovitelj-meta a:hover {
    text-decoration: underline;
}

.ustanovitelj-meta a:hover, .entry p a:hover {
  background-color: #fec708!important;
  color: #000!important;
}

.package-title a {
  color: #000!important;
}

.elementor-button-content-wrapper {
  display: flex;
  align-items: center;
}

.elementor-button-icon {
  display: inline-block!important;
}

#ustanovitelj-filter .elementor-button {
  border: 0;
  border-radius: 0!important;
  text-transform: uppercase;
  font-size: 12px!important;
  font-weight: 700;
  background-color: #000;
  transition: none;
  line-height: 15px!important;
}

#ustanovitelj-filter .elementor-button:hover {
  background-color: var(--e-global-color-primary);
  color: #000!important;
}

.w3eden .btn-info {
  background-color: #000;
  text-transform: uppercase;
}

.w3eden .btn-info:hover {
  background-color: var(--color-primary-hover)!important;
  color: #000!important;
}

.foocol.first {
  width: 38%!important;
}

.foocol {
	width: 31%!important;
}

#footer .foocol ul li {
  padding: 8px 0;
  line-height: 1.4;
}

.grid_post p.teaser {
  font-size: 18px;
}

#footer, #footer .searchform input.s, .footop-right {
  background-color: var(--e-global-color-alternative)!important;
}

#titles, .header_fullwidth #titles::before, #bottombar .social-menu a:hover {
  background-color: inherit!important;
}

.wp-block-search__button {
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
}

.wp-block-search__button:hover {
  background-color:var(--e-global-color-primary);
  color: #000;
}

.tmnf_radius_buttons #main-nav>li.special>a {
	transition: none;
  text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	border-bottom: 0;
  margin-top: 10px;
  line-height: 13px;
}

#header.scrolled #titles .logo, #header.scrolled .header_fix {
  margin-top: 23px !important;
  margin-bottom: 22px !important;
}

.grid_post .read_more:hover {
  color: #000!important;
}

.tmnf_radius_buttons #main-nav>li.special>a:hover {
	background-color: #000!important;
}

.tmnf_width_wide .container_head, .tmnf_width_wide .container, .tmnf_width_wide .container_alt, .tmnf_width_wide .container_vis {
  max-width: 1440px!important;
}

.entry a, .events-table h3 a:hover {
  color: #000!important;
  text-decoration: underline!important;
}

.custom-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  padding: 10px 35px 10px 20px;
  font-size: 18px;
  background-color: #fff;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 20px;
}

.cky-revisit-bottom-right {
  bottom: 65px;
  right: 58px;
}

.mc4wp-checkbox-contact-form-7 input{
  width: auto;
}

.mc4wp-checkbox-contact-form-7 label {
  display: flex;
  align-items: center;
  gap: 10px;
}

.wpcf7-list-item {
  margin-left: 0;
  width: 100%;
}

.mc4wp-form input {
  text-align: left;
  margin: 0 0 15px 0;
  height: 40px;
}

@media only screen and (min-width: 1155px) {
  .header_fullwidth .page-header {
    padding: 100px 0 80px 0!important;
  }
}

@media screen and (max-width: 885px) {
  .foocol, .foocol.first {
    width: 100%!important;
  }
}