/* Fonts */

/* Gotham Rounded Book */
@font-face {
   font-family: 'Gotham Rounded';
   src: url('/fonts/GothamRounded/gothamrnd_book.otf') format('opentype');
   font-weight: 400;
   font-style: normal;
}

/* Gotham Rounded Book Italic */
@font-face {
   font-family: 'Gotham Rounded';
   src: url('/fonts/GothamRounded/gothamrnd_bookitalic.otf') format('opentype');
   font-weight: 400;
   font-style: italic;
}

/* Gotham Rounded Medium */
@font-face {
   font-family: 'Gotham Rounded';
   src: url('/fonts/GothamRounded/gothamrnd_medium.otf') format('opentype');
   font-weight: 500;
   font-style: normal;
}

/* Gotham Rounded Medium Italic */
@font-face {
   font-family: 'Gotham Rounded';
   src: url('/fonts/GothamRounded/gothamrnd_mediumitalic.otf') format('opentype');
   font-weight: 500;
   font-style: italic;
}

/* Gotham Rounded Bold */
@font-face {
   font-family: 'Gotham Rounded';
   src: url('/fonts/GothamRounded/gothamrnd_bold.otf') format('opentype');
   font-weight: 700;
   font-style: normal;
}

/* Gotham Rounded Bold Italic */
@font-face {
   font-family: 'Gotham Rounded';
   src: url('/fonts/GothamRounded/gothamrnd_bolditalic.otf') format('opentype');
   font-weight: 700;
   font-style: italic;
}

/* Gotham Rounded Light */
@font-face {
   font-family: 'Gotham Rounded';
   src: url('/fonts/GothamRounded/gothamrnd_light.otf') format('opentype');
   font-weight: 300;
   font-style: normal;
}

/* Gotham Rounded Light Italic */
@font-face {
   font-family: 'Gotham Rounded';
   src: url('/fonts/GothamRounded/gothamrnd_lightitalic.otf') format('opentype');
   font-weight: 300;
   font-style: italic;
}

/******************************************/
/** General                              **/
/******************************************/

:root {
   --primary: #003C30;
   --primary-dark: #00261F;
   --secondary: #CD9830;
   --black: #000000;
   --gray: #5D6E6B;
   --lightGray:#8B8B8B;
   --light: #f2f2f2;
   --white: #ffffff;
   --secondary-light: #FAF5EA;
   --primary-light: #f0fdf4;
   --pale-moss:#CADBC1;
}


*, *::before, *::after {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

html, body {
   min-height: 100vh;
   min-height: 100dvh;
   color: var(--gray);
   background-color: var(--white);
   font-family: 'Gotham Rounded';
}

/******************************************/
/** Helpers                              **/
/******************************************/

/* Colors */

.text-primary {color: var(--primary) !important;}
.text-secondary {color: var(--secondary) !important;}
.text-textos {color: var(--gray) !important;}
.text-form {color: var(--lightGray) !important;}
.text-pale-moss {color: var(--pale-moss) !important;}

.hover\:text-primary:hover {color: var(--primary) !important;}

.bg-primary {background-color: var(--primary) !important;}
.bg-secondary {background-color: var(--secondary-light) !important;}
.bg-secondaryGradient {
   background: linear-gradient(to bottom,  rgba(250,245,234,0.3) 0%,rgba(250,245,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   
}

.hover\:bg-primary:hover {background-color: var(--primary) !important;}

/* Fonts */

.fs-7 {font-size: .95rem;}
.fs-8 {font-size: .8rem;}
.fs-9 {font-size: .7rem;}


/* Sizes */

.button {padding: 15px 25px;}

.size-lg {
   width: 40px;
   height: 40px;
   min-width: 40px;
   min-height: 40px;
}

.w-fit {width: fit-content;}
.w-screen {width: 100vw; width: 100dvw;}
.h-screen {height: 100vh; height: 100dvh;}

/* Components */

/* Navbar */
/* #mainNav{
height: 130px!important;
} */
#mainNav.navbar-shrink{
   background-color: var(--white) !important;
   box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
   transition:ease all 0.3s;
}

#mainNav.navbar-shrink .nav-link {
   color: var(--primary) !important;
}

#mainNav.navbar-shrink img#navLogo{
   width: 50px !important;
   transition: ease all 0.3s;
}

.navbar-dark .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%3E%3Cpath%20stroke='rgba(255,255,255,1)'%20stroke-width='2'%20stroke-linecap='round'%20stroke-miterlimit='10'%20d='M4%207h22M4%2015h22M4%2023h22'/%3E%3C/svg%3E") !important;
}
.padding-navbar{
   padding-top: 100px;
}

/* Cards */

.overlapping-cards {
   position: relative;
   z-index: 10;
}
#overlaping-banner {
   margin-top: -150px;
}

@media (max-width: 767.98px) {
   #overlaping-banner {
      margin-top: 10px;
   }
}

.section-height-adjust{
   padding-top: 250px;
}
.card-body-adjust{
   min-height: auto;
}

/* Buttons */

.btn-primary {
   --bs-btn-color: var(--white) !important;
   --bs-btn-bg: var(--primary);
   --bs-btn-border-color: var(--primary);
   --bs-btn-hover-color: var(--white) !important;
   --bs-btn-hover-bg: var(--primary-dark);
   --bs-btn-hover-border-color: var(--primary-dark);
   --bs-btn-active-color: var(--white) !important;
   --bs-btn-active-bg: var(--primary-dark);
   --bs-btn-active-border-color: var(--primary-dark);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: var(--white);
   --bs-btn-disabled-bg: var(--white);
   --bs-btn-disabled-border-color: var(--white);
}

.btn-secondary {
   --bs-btn-color: var(--white) !important;
   --bs-btn-bg: var(--secondary);
   --bs-btn-border-color: var(--secondary);
   --bs-btn-hover-color: var(--white) !important;
   --bs-btn-hover-bg: var(--secondary);;
   --bs-btn-hover-border-color: var(--secondary);
   --bs-btn-active-color: var(--white) !important;
   --bs-btn-active-bg: var(--secondary);
   --bs-btn-active-border-color: var(--secondary);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: var(--white);
   --bs-btn-disabled-bg: var(--white);
   --bs-btn-disabled-border-color: var(--white);
}

.btn-outline-primary {
   fill: var(--primary) !important;
   --bs-btn-color: var(--primary) !important;
   --bs-btn-bg: transparent !important;
   --bs-btn-border-color: var(--primary);
   --bs-btn-hover-color: var(--white) !important;
   --bs-btn-hover-bg: var(--primary);;
   --bs-btn-hover-border-color: var(--primary);
   --bs-btn-active-color: var(--white) !important;
   --bs-btn-active-bg: var(--primary);
   --bs-btn-active-border-color: var(--primary);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: var(--white);
   --bs-btn-disabled-bg: var(--white);
   --bs-btn-disabled-border-color: var(--white);
}
.btn-outline-primary svg {
   fill: var(--primary) !important;
}

.btn-outline-primary-light {
   --bs-btn-color: var(--primary) !important;
   --bs-btn-bg: var(--white) !important;
   --bs-btn-border-color: var(--light)!important;
   --bs-btn-hover-color: var(--primary) !important;
   --bs-btn-hover-bg: var(--primary-light)!important;
   --bs-btn-hover-border-color: var(--light)!important;
   --bs-btn-active-color: var(--white) !important;
   --bs-btn-active-bg: var(--primary)!important;
   --bs-btn-active-border-color: var(--light)!important;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)!important;
   --bs-btn-disabled-color: var(--primary)!important;
   --bs-btn-disabled-bg: var(--white)!important;
   --bs-btn-disabled-border-color: var(--light)!important;
}

.btn-outline-secondary {
   --bs-btn-color: var(--secondary) !important;
   --bs-btn-bg: transparent !important;
   --bs-btn-border-color: var(--secondary);
   --bs-btn-hover-color: var(--white) !important;
   --bs-btn-hover-bg: var(--secondary);;
   --bs-btn-hover-border-color: var(--secondary);
   --bs-btn-active-color: var(--white) !important;
   --bs-btn-active-bg: var(--secondary);
   --bs-btn-active-border-color: var(--secondary);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: var(--white);
   --bs-btn-disabled-bg: var(--white);
   --bs-btn-disabled-border-color: var(--white);
}

.btn-pagination{
   --bs-btn-color: var(--primary) !important;
   --bs-btn-bg: var(--white) !important;
   --bs-btn-border-color: var(--light) !important;
   --bs-btn-hover-color: var(--primary) !important;
   --bs-btn-hover-bg: var(--primary-light) !important;
   --bs-btn-hover-border-color: var(--light) !important;
   --bs-btn-active-color: var(--white) !important;
   --bs-btn-active-bg: var(--primary)!important;
   --bs-btn-active-border-color: var(--light)!important;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)!important;
   --bs-btn-disabled-color: var(--primary)!important;
   --bs-btn-disabled-bg: var(--white)!important;
   --bs-btn-disabled-border-color: var(--light) !important;
}

.btn-arrow {
   --bs-btn-color: var(--black) !important;
   --bs-btn-bg: var(--secondary-light);
   --bs-btn-border-color: var(--secondary-light);
   --bs-btn-hover-color: var(--black) !important;
   --bs-btn-hover-bg: var(--secondary);;
   --bs-btn-hover-border-color: var(--secondary);
   --bs-btn-active-color: var(--black) !important;
   --bs-btn-active-bg: var(--secondary);
   --bs-btn-active-border-color: var(--secondary);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: var(--black);
   --bs-btn-disabled-bg: var(--white);
   --bs-btn-disabled-border-color: var(--white);
}

.btn-outline-arrow {
   --bs-btn-color: var(--black) !important;
   --bs-btn-bg: var(--white);
   --bs-btn-border-color: var(--white);
   --bs-btn-hover-color: var(--black) !important;
   --bs-btn-hover-bg: var(--secondary);;
   --bs-btn-hover-border-color: var(--secondary);
   --bs-btn-active-color: var(--black) !important;
   --bs-btn-active-bg: var(--secondary);
   --bs-btn-active-border-color: var(--secondary);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: var(--black);
   --bs-btn-disabled-bg: transparent;
   --bs-btn-disabled-border-color: transparent;
}

/* Lateral Button */

.transition-03 {
   transition: all .3s ease-in-out;
}

.transition-05 {
   transition: all .5s ease-in-out;
}

#lateralButtons {
   opacity: 0;
   z-index: 1030 !important;
   right: 30px !important;
   bottom: 20px !important;
   transform: translateY(200%);
}

#lateralButtons.show {
   opacity: 1;
   transform: translateY(0)
}

#back-top {
   width: 50px;
   height: 50px;
   border: 5px solid var(--white)
}

#back-top {
   z-index: 40;
   bottom: 2px
}

/* Pagination Button */

.page-item.disabled,
.btn.disabled{
   cursor: not-allowed;
}


.icon-md {
   width: 30px;
   height: 30px;
   min-width: 30px;
   min-height: 30px;
}

.icon-lg {
   width: 40px;
   height: 40px;
   min-width: 40px;
   min-height: 40px;
}

/* Animations */

.transition-03 {
   transition: all linear .3s;
   -o-transition: all linear .3s;
   -moz-transition: all linear .3s;
   -webkit-transition: all linear .3s;
}

/******************************************/
/** Forms                                **/
/******************************************/

.form-select,
.form-control,
.input-group {
   border-radius: 8px;
   border: 1px solid #D9D9D9;
}

.input-group:active,
.input-group:focus,
.input-group:focus-within,
.form-select:active,
.form-select:focus,
.form-control:active,
.form-control:focus {
   box-shadow: none;
   border-color: var(--primary);
   background-color: transparent;
}

.input-group.disabled,
.form-control:disabled,
.form-select:disabled {
   border-color: #D9D9D9 !important;
   background-color: #D9D9D9 !important;
}

.form-check-input {
   min-width: 1em !important;
   min-height: 1em !important;
}

.form-check-input:checked {
   border-color: var(--primary) !important;
   background-color: var(--primary) !important;
}

.form-check-input:focus {
   box-shadow: none;
   border-color: #D9D9D9 !important;
}

::placeholder {
   opacity: 1;
   color: var(--lightGray) !important;
}
::-ms-input-placeholder {color: var(--gray) !important;}