* {
    font-family: 'Roboto', sans-serif;
}

/* colors */
p {
    color: #706f6f;
}
/**/

a img {
    opacity: 1;
    transition: opacity .5s;
}
a:hover img {
    opacity: .7;
    transition: opacity .5s;
}
.rounded-4 {
    border-radius: 1rem;
}
.rounded-start-5 {
    border-bottom-left-radius: 2rem;
    border-top-left-radius: 2rem;
}
.text-justify {
    text-align: justify;
}
@media (min-width: 768px) {
    .border-end-md-1 {
        border-right: 1px solid #000;
    }
}

/* background img */
.bg-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
}
@media (min-width: 768px) {
    .bg-img {
        height: 100%;
    }
}

.avatar-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100px;
    width: 100px;
}

/**/

/* Dropdown menu */
.dropdown-menu {
	border: none;
	border-left: 0.1875rem solid #00aaa7;
    border-radius: 0;
}


@media (min-width: 1200px) {
	.showDropOnHover:hover > .dropdown-menu {
		display: block;
		margin-top: 0;
	}
    .dropdown-menu > li:hover > .dropdown-menu.dropdown-submenu {
		display: block;
		margin-top: 0;
        top: 5px;
        left: 100%;
	}
	.dropdown-menu {
		border: none;
		border-top: 0.1875rem solid #00aaa7;
	    border-top-left-radius: 0;
	    border-top-right-radius: 0;
	    box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%) !important;
	}
}
/**/

/* Navlink */
.nav-link {
    border-bottom: 2px solid transparent;
}
.nav-link.active {
    border-bottom: 2px solid #00aaa7;
}
#instituteNav .nav-link, #iabNav .nav-link {
    background-color: transparent;
    border-bottom: none;
    color: #00aaa7;
}
#instituteNav .nav-link.active, #iabNav .nav-link.active {
    background-color: #00aaa7;
    border-bottom: none;
    color: #fff;
}

/* Shadow menu */
header.shadow {
    box-shadow: 0 0.5rem 1rem rgb( 0 170 167 / 15%) !important;
}
/**/

/* Swiper custom */
.swiper-slide {
    height: auto !important;
}
.swiper-button-next, .swiper-button-prev {
	color: #00aaa7 !important;
}
.swiper-pagination-bullet-active {
	background-color: #00aaa7 !important;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0 !important;
}
/**/

/* trait logo */
.logo-trait-bot {
    width: 50%;
}
@media (min-width: 768px) {
    .logo-trait-bot {
        width: 447px;
    }
}
@media (min-width: 1200px) {
    .logo-trait-bot {
        left: 5% !important;
    }
}
@media (min-width: 1400px) {
    .logo-trait-bot {
        left: 10% !important;
    }
}
/**/

/* iframe */
.ratio .youtube_player iframe {
    border: 0;
    width: 100%;
    height: 100%;
}

/* card */
.card-transition {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none;
}
.card-transition:focus, .card-transition:hover {
    -webkit-transform: translateY(-0.1875rem)!important;
    -ms-transform: translateY(-.1875rem)!important;
    transform: translateY(-0.1875rem)!important;
}
/**/

/* form card */
.input-card {
    display: flex;
    background-color: #fff;
    padding: 0.6125rem 0.6125rem;
    box-shadow: 0 0.375rem 1.5rem 0 rgba(140,152,164,.125);
    border-radius: 0.5rem;
}
.input-card .input-card-form:not(:last-child) {
    padding-right: 1rem;
}
.input-card .input-card-form {
    flex: 1 0 0%;
    position: relative;
}
.input-card .form-control {
    border-width: 0;
}
.input-card .form-control:focus {
    box-shadow: none;
}
/**/

/* pagination  */
ul.pagination {
    justify-content: center;
}

ul.pagination li a {
    background-color: #00aaa7;
    padding: 0.5rem 0.75rem;
    margin:  0 0.25rem;
    color: #fff;
}
ul.pagination li a:hover,
ul.pagination li.active a {
    background-color: #039593;
}

/* swiper progress */
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #00aaa7 !important;
}

/* Go to top */
.go-to {
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    width: 3.125rem;
    height: 3.125rem;
    background-color: rgba(0,170,167,.1);
    color: #677788;
    font-size: 1rem;
    opacity: .5;
    border-radius: 50%;
    transition: .3s ease-out;
    right: 2rem;
    bottom: 2.5rem;
}

.go-to:focus:hover,.go-to:hover {
    color: #fff;
    background-color: #00aaa7;
    opacity: 1
}


/* Lazyload fade */
img.lazy {
  opacity: 0;
}
img:not(.initial) {
  transition: opacity 1s;
}
img.initial,
img.loaded,
img.error {
  opacity: 1;
}

img:not([src]) {
  visibility: hidden;
}

/* Tarteaucitron */
#tarteaucitronAlertSmall {
    right: auto !important;
}

/* button for safari */
button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: auto !important;
}
/**/