/*
Theme Name: oceanwp Child
Theme URI: http://oceanwp.com/oceanwp-child/
description: >-
  Twenty oceanwp Child Theme
Author: MedicRSO
Author URI: http://example.com
Template: oceanwp
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: oceanwp-child
*/


#site-navigation-wrap .dropdown-menu {
  display: block;
  float: none;
  position: relative;
  top: auto;
  left: auto;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}


.small-button {
  color: #fff;
  background-color: #007bff;
  /* background-color: rgb(0, 123, 255); */
  border-color: #007bff;
  /* font-weight: 20px; */
  font-size: 1.0rem;
}

.small-button:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.small-button:focus, .small-button.focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.small-button.disabled, .small-button:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.small-button:not(:disabled):not(.disabled):active, .small-button:not(:disabled):not(.disabled).active,
.show > .small-button.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.small-button:not(:disabled):not(.disabled):active:focus, .small-button:not(:disabled):not(.disabled).active:focus,
.show > .small-button.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}


.text-orange {
  color: #f8f9fa !important;
}

a.text-orange:hover, a.text-light:focus {
  color: #fd7e14 !important;
	}

.text-orange-dark {
  color: #343a40 !important;
}

a.text-orange-dark:hover, a.text-light:focus {
  color: #fd7e14 !important;
	}

.btn-outline-orange {
    color: #fd7e14;
    border-color: #fd7e14;
  }

.btn-outline-orange:hover {
    color: #fff;
    background-color: #fd7e14;
    border-color: #343a40;
  }
  
.btn-outline-orange:focus, .btn-outline-orange.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  }  

.img-fluid2 {
  /* max-width: 100%; */
  max-width: auto;
  /* max-height: auto; */
  max-height: 100%;
}
/*   
@media (max-width: 576px) {
  .img-fluid2 {
    max-width: 50%;
  }
} 

@media (max-width: 768px) {
  .img-fluid2 {
    max-width: 50%;
  }
} */


.btn.v2, input.btn.v2 {
  background-color: #1b3257;
  color: #fafbff;
  fill: #fafbff;
  border: 0;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  padding: 1em 2em;
  font-size: 1.1em;
  text-transform: none;
  letter-spacing: -.015em;
  font-weight: 600;
}

@media (max-width: 576px) {
  .btn.v2, input.btn.v2 {
    padding: 0.75em 1.5em;
    font-size: 0.8em;
  }
}

.btn.v3, input.btn.v3 {
  background-color: #581660;
  color: #fafbff;
  fill: #fafbff;
  border: 0;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  padding: 1em 2em;
  font-size: 1.5em;
  text-transform: none;
  letter-spacing: -.015em;
  font-weight: 600;
}

@media (max-width: 576px) {
  .btn.v3, input.btn.v3 {
    padding: 0.75em 1.5em;
    font-size: 0.8em;
  }
}

.btn.v4, input.btn.v2 {
  background-color: #1b3257;
  color: #fafbff;
  fill: #fafbff;
  border: 0;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  padding: 1em 1em;
  font-size: .6em;
  text-transform: none;
  letter-spacing: -.015em;
  font-weight: 600;
}


.overlay {
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay with 50% opacity, adjust as needed */
  /* position: absolute; */
  /* top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1; */
}



.footer-widgets-inner.container .footer-box.span_1_of_4 {
    /*max-width: 25% !important;*/
    max-width: 25%;
    flex-basis: 25%; /* If you're using flexbox */
    width: 25%; /* Fallback for older browsers */
}



/* Mobile screens */
@media (max-width: 767px) {
    .footer-widgets-inner.container .footer-box.span_1_of_4 {
        max-width: 100%;
        flex-basis: 100%;
        width: 100%;
    }
}