/*
Theme Name: Dynamicwave
Theme URI: https://www.free-css.com/free-css-templates/page290/brainwave
Author: Branko Teodorovic
Author URI: https://wordpress.org
Description: Dynamicwave is designed from free brainwave css template, multy purpose and customized theme
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: 
Text Domain: Dynamicwave
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
/* Initially hide the navbar */
@media (min-width: 768px) {
    #navbarSupportedContent {
        display: none !important;
    }
}
/* Hide the call_btn on screens smaller than 768px */
@media (max-width: 767px) {
    .call_btn {
        display: none;
    }
    .slider_section {
        margin-top: 50px;
    }
}
.collapse {
    display: none;
}




/* Display the navbar when the .show class is added */
.show {
    display: block;
}

/* Media query to show/hide based on screen size */
@media (min-width: 768px) {
    .collapse {
        display: block !important;
    }
}

.img-box-skills {
  width: 5vw; /* 5% of the viewport width */
  height: 5vw; /* 5% of the viewport width */
  display: flex;
  justify-content: center;
  align-items: center;
  /* Other styles as needed */
}

.img-box-skills img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* css iz plug ina ubacen 
/*nav menu*/
#searchsubmit {
  display: none;
}

#s {
  margin: 10px; /* Adjust the margin value as needed */
}
.nav-itemactive  {
  background-color: red; 
	padding-left: 4px;
}

.navbar-nav {
  padding-left: 4px;
}
.form-inline {
  padding-bottom: 8px;
}

/*contact footer*/
.info-phone animation, .info-address animation, .info-email animation{
  opacity: 0; /* Initially hide the paragraph */
}

/* Animation */
@keyframes slide-top {
  from {
    transform: translateY(50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Apply Animation to the Element */
.animation {
  animation: slide-top 2s ease-in-out;
  animation-fill-mode: forwards; /* Keeps the last keyframe state */
}

.info-phone.animation:hover,
.info-address.animation:hover,
.info-email.animation:hover {
  color: red; /* Change color on hover */


/*contact fields*/
 div.wpforms-container-full input[type="text"],
div.wpforms-container-full input[type="email"],
div.wpforms-container-full input[type="password"],
div.wpforms-container-full input[type="number"],
div.wpforms-container-full input[type="date"],
div.wpforms-container-full input[type="submit"],
div.wpforms-container-full input[type="button"],
div.wpforms-container-full textarea {
  border-radius: 35px;
  /* Other styling properties as needed */
}


div.wpforms-container-full button[type="submit"]:not(:hover):not(:active){
  background-color: red;
  /* Other styling properties as needed */
}

/*nextCarol*/
.nextCarol {
    background-color: green;
    padding: 2px 4px;
	color:white;
}

.custom_menu {
    position: sticky;
    top: 0;
    z-index: 100; /* You can adjust the z-index as needed */
    /* Additional styling for your menu */
    
}

/*submenu*/
.custom_menu ul ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: green; /* Background color */
  padding: 0; /* Remove padding */
  list-style: none; /* Remove bullet points */
  z-index: 999; /* Adjust z-index to ensure visibility */
}

.custom_menu ul li:hover > ul {
  display: block;
}
/*end submenu*/

/*pagination testimonial*/
.pagination-container {
  display: flex;
	background-color: green;
}

.pagination {
  display: inline-block;
  
}
.pagination-sqvere {
 
padding: 0 4px ; /* 4px top and bottom, 0 left and right */
  background-color: white;
	}
.pagination-square-white {
 
padding: 0 4px ; /* 4px top and bottom, 0 left and right */
  background-color: white;
	}

.pagination-square.active {
  background-color: red;
  /* Any additional styles for the active pagination square */
  /* ... */
}
/*end pagination*/