/*
Theme Name: cdd Child Theme
Author: Component Blox & Pragmacom
Description: cdd Child Theme
Version: 1.0
Template: bootstrap-component-blox
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
.Open-light {font-family: "Open Sans", sans-serif;font-weight:300;font-style:normal;}
.Open-light-lit {font-family: "Open Sans", sans-serif;font-weight:300;font-style:normal;font-size:0.8rem;}
.Open-regular{font-family: "Open Sans", sans-serif;font-weight:400;font-style:normal;}
.Open-regular-italic {font-family: "Open Sans", sans-serif;font-weight:400;font-style:italic;}
.Open-bold{font-family: "Open Sans", sans-serif;font-weight:700;font-style:normal;}
html{font-family: "Open Sans", sans-serif;}
body{font-family: "Open Sans", sans-serif;background-color:#FFFFFF;color:#003339}
.timetool_logo{min-width:100px;}
@media (max-width: 576px) {
.timetool_logo{min-width:80px;}
}
a:link {color: #3B3FBA;text-decoration: none;}
a:visited {color: #3B3FBA;}
a:hover {color: #4C52EF;}
a:active {color: #3B3FBA;}

.menu-item{text-align:center;}
.menu-item a:link{color:#3B3FBA;}
.menu-item a:visited{color:#3B3FBA;}
.menu-item a:hover{color:#4C52EF;}
/*.cdd_bar{box-shadow: 0px 2px 5px #5E5E5E;}*/

.cdd_bar{
	margin-top: 10px;
    border-top: 8px solid #2E3191;
}
@media (max-width: 576px) {
.cdd_bar{
	margin-top: 6px;
    border-top: 3px solid #2E3191;
}
}

a.nav-link{
    font-size: 1.3rem;
    padding-top: 5px;
    padding-bottom: 5px;
}
.navbar{
--bs-navbar-nav-link-padding-x:2rem;
}

@media (max-width: 768px) {
a.nav-link{font-size:1rem;}
.navbar{
--bs-navbar-nav-link-padding-x:1rem;
}	
}



#td-main-header {height:450px;overflow:hidden;background-position:100% 100%;background-color:#2E3191;background-repeat:no-repeat;}
#td-session-header {height:250px;overflow:hidden;background-position:100% 100%;background-color:#FFFFFF;background-repeat:no-repeat;}
@media (max-width: 768px) {#td-main-header {height:350px;}}
@media (max-width: 576px) {#td-session-header .centered {top: 80px;}
#td-session-header {height: 160px;}
#td-main-header {height: 200px;}
}
#nav-header{background-color:#FFFFFF;}
/*.site-header-top {border-bottom-color:#00B7CA;background-color:#FFFFFF;}*/
.header_text {margin-bottom:0;font-size:0.9rem;text-align:center;color:#2E3191;}
.header_text_bottom {
    margin-bottom: 0;
    font-size: 0.9rem;
    text-align: center;
    color: #2E3191;
    border-bottom: 1px solid #2E3191;
}
@media (max-width: 576px) {
.header_text_bottom {font-size:0.6rem;}
}


.centered {position:absolute;top:140px;left:50%;transform: translate(-50%, -50%);}
.top {position:absolute;top:40px;left:50%;transform: translate(-50%, -50%);}
#td-session-header .top {top: 80px;}
#td-main-header {height:450px;overflow:hidden;background-position:100% 100%;background-color:#FFFFFF;background-repeat:no-repeat;}
#td-session-header {height:250px;overflow:hidden;background-position:100% 100%;background-color:#FFFFFF;background-repeat: no-repeat;}
@media (max-width: 992px) {#td-main-header {height: 300px;}}

@media (max-width: 768px) {
#td-session-header .centered {top: 80px;}
#td-main-header {height: 300px;  
}
}

@media (max-width: 576px) {
.centered {top: 60px;}
#td-session-header {height: 120px;}
#td-main-header {height: 180px;}
}
.position-relative {position:relative !important;}
.w-100 {width: 100% !important;}
img, svg {vertical-align:middle;}
.h-100 {height:100% !important;}
.display-4{font-weight:500;line-height:1.2;font-size:3.5rem; color:#2E3191}
@media (min-width: 1200px){.display-4 {font-size: 3.5rem;}}
@media (max-width: 576px) {.display-4 {line-height:1.0;font-size: 1.8rem;}}


/*ul.dropdown-menu{background-color:#000000!important;}*/


.cdd_footer{font-size: 0.8rem;}
.grey_text{color: #D0D2D3;}
.grey_text a:link{color:#D0D2D3;text-decoration:underline;}
.grey_text a:hover{color:#A6A8AB;text-decoration:underline;}
.text-justify{text-align: justify;}

.container p{text-align: justify;}	
.nav_footer a:link{color: #3B3FBA!important;}
.nav_footer a:hover{color: #777ACE!important;}
.nav_footer a:visited{color: #3B3FBA!important;}

.card_tt{
	padding: 0px;
	margin: 0px;
    border-radius: 0px;
    background-color: #F8F9FA;
    border-width: 1px;
    border-color: #6D6D6D;
	box-shadow: 0 4px 12px rgba(33, 44, 55, 0.06);
	
}
.card_tt p{
    text-align: center;	
}


small.expliq{
	padding: 0px;
	margin: 0px;
color: #7B86BC;
} 


.form-floating label{color: #A2A2A2;}



@media (max-width: 992px) {}

@media (max-width: 768px) {}

@media (max-width: 576px) {}