@charset "UTF-8"; /* Set the encoding of the style sheet to Unicode UTF-8 */

/* CSS file for new CDIE website */

/* AZULEON CSS sections

	* 0. site colours
        [general information about the colours used in the specific website, with variables in :root
        for reusability, to avoid duplications, and simplifying updates]
    
	* 1. resets and overrides

	* 2. general typography [H1-H6 + P + general links!]

	* 3. general layout

	* 4. header-specific
	* 5. navigation-specific
	* 6. footer-specific
	
	* 7. form elements [input, form buttons, ecc]

	* 8. miscellaneous [body, etc]

*/

/* 0. Site colours
==================================== */
/*
Red (terra di siena): #a93d1b (approx. Cognac or Fire Brick)
Turquoise:            #31a2ac
Blue:                 #1951a0
Old wood:             #2f2f28 (grigio scuro)
Greyish white:        #f0eff0 (grigio molto chiaro)

ABOVE are example colours from SIF. 
Based on the CDIR logo received,
BELOW are colours that could be used:
Background:      #e3e1ce
CDIE acronym:    #EEEDE1
logo light blue: #53819A
logo mid blue:   #1D417B
logo dark blue:  #0A0352
name colour:     #9B3606
subname colour:  #4D1803

*/
:root {
    --cdie-bkg:     #E3E1CE;
    --cdie-acronym: #EEEDE1;
    --cdie-lgtBlue: #53819A;
    --cdie-midBlue: #1D417B;
    --cdie-drkBlue: #0A0352;
    --cdie-brown:   #9B3606;
    --cdie-drkBrown: #4D1803;


    --terra-siena: #a93d1b;
    --turquoise:   #31a2ac;
    --blue:        #1951a0;
    --dark-grey:   #2f2f28;
    --light-grey:  #f0eff0;
}

/* 1. resets and overrides
==================================== */

/* Override default uikit default*/
em {
	color: inherit;
}

/* 2. general typography
==================================== */

h1, h2, h3, h4, h5, h6 {
    font-family: 'WorkSans', sans-serif;
    color: var(--cdie-brown);
}
h1 {
    font-weight: 600; /* Bold */
}
 
p, ul li, ol li {
    font-family: 'CenturySchoolbookL', serif;
    color: var(--dark-grey);
}
 
a,a:hover, a:focus {
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
	position:relative;
  	transition:0.5s color ease;
	text-decoration:none;
   font-weight:600;
	color:var(--cdie-lgtBlue);
}


a.after:after{
  content: "";
  transition:0.5s all ease;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  position:absolute;
  bottom:-0.15em;
  height:1px;
  width:0;
  background:var(--cdie-lgtBlue);
}

a.border:after{
  left:0;
}

a.after:hover:after{
  width:100%;
}


/* 3. general layout
==================================== */
html {
    font-family: 'CenturySchoolbookL', sans-serif;
}

body {
	overflow-y: scroll;
}

.BkgCard {
	background-color:#F7F7F1;
}

.OrgColl {
	color:var(--cdie-lgtBlue);
	font-weight:600;
}

.Socio {
	color:var(--cdie-midBlue);
}

.letterStart {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	color: var(--cdie-brown);
	border-bottom: 2px solid var(--cdie-brown);
}
.Email {
	font-family:'Lekton'; 
}
/* 4. header-specific
==================================== */


/* 5. navigation-specific
==================================== */

/* MAIN MENU STYLING */

#CDIE-navbar,
#CDIE-navbar .uk-navbar-container {
	background-color: var(--cdie-lgtBlue);
}

#CDIE-navbar .uk-navbar-nav > li > a,
#CDIE-navbar .uk-navbar-item,
#CDIE-navbar .uk-navbar-toggle {
	font-family:'Roboto', sans-serif;
	font-size: .9rem;
	min-height:40px;
	color:#fff;
	padding:0 20px;
	font-weight:700;
}

#CDIE-navbar .uk-navbar-nav > li > a,
#CDIE-navbar .uk-navbar-item{
	border-right:solid 2px #FFF;
}


#CDIE-navbar .uk-navbar-nav {
	row-gap: 0px;
	column-gap: 0px;
}

#CDIE-navbar .uk-navbar-nav > li a:hover {
	color: var(--cdie-brown);
}

#CDIE-navbar ul li li {
	list-style:none;
}

#CDIE-navbar ul li li a {
	color:#fff;
}

#CDIE-navbar ul li li a:hover {
	text-decoration:none;
}

li#myCDIE a {
	font-family:'Roboto';
	font-size: .9rem;
	background-color: var(--cdie-brown);
	color:#fff !important; 
	/*text-transform:none;*/
	font-weight:700;
	/*border-left:solid 2px #FFF;*/
	border-right: none!important; 
}
li#myCDIE a:hover {
	color:var(--cdie-brown) !important; 
	background-color:#ffffff !important;
}

li#logout a {
	background-color: #d70303;
	color:#fff !important; 
	font-family:'Roboto';
	font-size: .9rem;
	font-weight:600;
}
li#logout a:hover {
	color:#1f497d !important; 
}


/* OFF CANVAS MENU STYLING */
#myCDIEoffcanvas {
	background-color: var(--cdie-brown) !important; 
	color: #fff;
	text-align:center;
	text-transform:none;
}

#logoutOffcanvas {
	background-color: #d70303;
	color:#fff;
	text-align:center;
}

/*DROPDOWN MENU*/
#CDIE-navbar .uk-navbar-dropdown {
	padding-top:7px;
	padding-bottom:0px;
	padding-left:0px;
	margin-top:0px;
	background-color:var(--cdie-lgtBlue);
}

#CDIE-navbar .uk-navbar-dropdown ul {
	margin-bottom:10px;
}

#CDIE-navbar .uk-navbar-dropdown-nav>li>a {
	width:auto;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color: #fff;	
	text-transform: uppercase;
	text-decoration:none;
	line-height: 1.9em;
}

#CDIE-navbar .uk-navbar-dropdown-nav>li>a:hover {
	color: var(--cdie-brown);
	background-color: transparent;
	--uk-position-offset: 0px;
}
.uk-navbar-dropdown {
    --uk-position-offset: 0px;
}

#CDIE-navbar .uk-nav-sub a  {
	color: #BDBDBD;
}

#CDIE-navbar .uk-nav-sub a:hover  {
	color: #fff;
}

#CDIE_offCanvasMenu .uk-parent > .uk-nav-sub {
	margin-left: 10px;
}


/* 6. footer-specific
==================================== */
.footer {
	background-color:#2A3137;
	border-top: 7px var(--cdie-lgtBlue) solid;
	border-bottom: 7px var(--cdie-lgtBlue) solid;
}
.footer p {
	color:#fff;
}
.footer h3, .footer h4, .footer h5 {
	color:#fff;
}

/* 7. form elements
==================================== */


/* 8. miscellaneous
==================================== */


/* ============================= END */


/* examples to remove later */

.custom-header {
    font-weight: 700; /* Bold */
    text-align: center;
    margin: 20px 0;
}

.custom-paragraph {
    font-weight: 400; /* Regular */
    font-style: italic; /* Italic */
    text-align: justify;
    margin: 20px;
}