/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/


@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=swap');

html body *{
	font-family: 'DM Sans', sans-serif !important;
	color: #000000;
}


.container {
    padding-left: 30px;
    padding-right: 30px;
}

.h1, h1 {
    font-size: 3em;
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 0.2em;
}

@media (max-width: 480px){
	.h1, h1 {
	    font-size: 2.5em;
	    line-height: 1.1;
	}
}

h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
    font-weight: 500 !important;
    color: #00135F !important;
}



.nav > li > a {
  font-weight: 500 !important;
}

pre, blockquote, form, figure, p, dl, ul, ol {
    margin-bottom: 0.5em;
}

input[type="submit"], input[type="submit"].button, input[type="submit"], .primary {
    background-color: #00135F;
    color: white;
}

.primary span{
    color: white;	
}

.button, button, input[type="submit"], input[type="reset"], input[type="button"]{
    font-weight: 500 !important;	
}


[data-text-color="primary"] {
    color: #00135F !important;
}


@media (max-width: 549px){
	.is-xlarge {
	    font-size: 1em;
	}
}

.col, .gallery-item, .columns {
    position: relative;
    margin: 0;
    padding: 0 40px 15px;
    width: 100%;
}



.row-large>.flickity-viewport>.flickity-slider>.col, .row-large>.col {
    padding: 0 40px 30px;
    margin-bottom: 0;
}

@media (max-width: 480px){
	.col, .gallery-item, .columns {
	    position: relative;
	    margin: 0;
	    padding: 0 30px 15px;
	    width: 100%;
	}



	.row-large>.flickity-viewport>.flickity-slider>.col, .row-large>.col {
	    padding: 0 30px 30px;
	    margin-bottom: 0;
	}
}

.col-inner{
	height: 100%;
}

blockquote {
    position: relative;
    font-size: 1.8em;
    margin: 0;
    padding: 0 1.25em 0 1.875em;
    border-left: 0px solid #446084;
    font-style: italic;
    color: #00135F !important;

}
@media (max-width: 480px){
	blockquote {
		font-size: 1.4em;
	}
}

html blockquote p{
    color: #00135F !important;	
     font-weight: 500 !important;
}


b, strong {
    font-weight: 500 !important;
}

.bg-blue{
	background: #00135F;
}

.text-blue{
	color: #00135F;
}

.bg-white{
	background: #ffffff;
}

.text-white *{
	color: #ffffff;
}

.aligncenter{
	text-align: center;
}


@media only screen and (max-width: 480px) {
	.button{
		width: 100%;
	}
}

#footer{
	padding: 5rem;
	z-index: 20;
}

#footer .citation{
	margin-top: 2rem;
	margin-bottom: 2rem;
}




#menu-menu-footer-uk,
#menu-secondary{
	list-style: none;
	display: inline;
}

#menu-menu-footer-uk li,
#menu-secondary li{
	margin: 1rem;
	display: inline;
}


#menu-menu-footer-uk li a,
#menu-secondary li a{
	font-size: 21px;
}

#menu-menu-footer-uk li a:hover,
#menu-secondary li a:hover{
	text-decoration: underline;
	color: white;
}

@media only screen and (max-width: 767px) {
	#menu-menu-footer-uk li,
	#menu-secondary li{
		display: block;
	}

	#footer .citation br{
		display: none;
	}
}





.mentions-legales{
	text-align: center;
}

.mentions-legales .container{
	display: flex;
    justify-content: center;
    font-size: 14px;
}

#menu-menu-legal-notice,
#menu-menu-mentions-legales{
 	margin: 0;
 	margin-left: 0.1rem;
 	list-style: none;
 	font-size: 14px;
}

#menu-menu-legal-notice li, 
#menu-menu-mentions-legales li{ 
	margin-bottom: 0;
}

#menu-menu-legal-notice a:hover,
#menu-menu-mentions-legales a:hover{
 	font-size: 14px;
	text-decoration: underline;
	color: white;
}








.header-main .nav > li > a{
	font-size: 21px;
	color: black;
	padding: 0 0.5rem;
}


@media only screen and (min-width: 768px) {
	.bdsa-fixed {
	    min-height: 50vh;
	}

	.bdsa-fixed .col-inner{
	    position: fixed;
	    top: 10rem;
	    width: 50%;
	}
}

.section+.section{
	z-index: 10;
}



.nav>li{
	margin: 0 20px;
}



.nav.nav-vertical li {
    list-style: none;
    margin: 0;
    width: 100%;
}

.nav.nav-vertical li a{
	font-size: 36px;
	font-weight: 500;
	color:  #000000;	
    text-transform: none;
}

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content{
	width: 90vw;
}

.nav.nav-vertical li.custom.html_nav_position_text a{
	flex-grow: 0;
	padding-right: 15px;
	padding-left: 15px ;
}

.nav.nav-vertical li.custom.html_nav_position_text a:first-child{
	padding-left: 0px ;
}

.nav.nav-vertical li.custom.html_nav_position_text_top{
	position: fixed;
    bottom: 0;
    display: flex;
    justify-content: center;
}

.nav.nav-vertical li.custom.html_nav_position_text_top a{
    flex-grow: 0;
    background: #00135F;
    color: white;
    border-radius: 10px;
    font-size: 16px;
    text-transform: uppercase;
    padding: 15px 40px;
    font-weight: 500 !important;
}


.nav-line-bottom>li:hover>a:before, 
.nav-line-grow>li:hover>a:before, 
.nav-line-bottom>li.active>a:before, 
.nav-line-grow>li.active>a:before, 
.nav-line>li.active>a:before, 
.nav-line>li:hover>a:before{
	/*opacity: 0;*/
}

.nav-line-bottom>li:hover>a:before, 
.nav-line-grow>li:hover>a:before, 
.nav-line-bottom>li.active>a:before, 
.nav-line-grow>li.active>a:before, 
.nav-line>li.active>a:before, 
.nav-line>li:hover>a:before{
	opacity: 1;
    content: "•";
    background: none;
    height: auto;
    top: 3px;
    left: -15px;
    color: #00135F;
    font-size: 60px;
    transform: none;
}

.nav-line-bottom>li>a:before, 
.nav-line-grow>li>a:before, 
.nav-line-bottom>li.active>a:before, 
.nav-line-grow>li.active>a:before, 
.nav-line>li.active>a:before, 
.nav-line>li>a:before{
    transform: none;
      background: none;
}

li.custom.html_top_right_text:hover>a:before,
li.custom.html_top_right_text>a:before,
li.custom.html_nav_position_text_top:hover>a:before,
li.custom.html_nav_position_text_top>a:before,
li.custom.html_topbar_left:hover>a:before,
li.custom.html_topbar_left>a:before,
li.custom.html_topbar_right:hover>a:before,
li.custom.html_topbar_right>a:before{
	opacity: 0;
}


li.custom.html_top_right_text a:hover,
li.custom.html_nav_position_text_top a:hover,
li.custom.html_topbar_left a:hover,
li.custom.html_topbar_right a:hover {
	text-decoration: underline;
}

.nav>li.html_topbar_left{
	margin: 0 10px;
}

.nav>li.html_topbar_right{
	margin: 0;
	padding: 0;
}

.nav>li.html_top_right_text{
	margin: 0 10px;
}