@charset 'utf-8';
/** *  * 
@author		George Iancu*
@copyright	Digitalogy (c) 2025
@license	Commercial
* */

/*****************
*
*   CONTAINER
*
******************/
.container{max-width: var(--container-width);padding-left: var(--container-padding-left);padding-right: var(--container-padding-right);margin-left: var(--container-margin-left);margin-right: var(--container-margin-right);width: 100%;}
.flex{ display: flex; align-items: center; gap: var(--container-gap); }
.flex.justify{ justify-content: space-between; }
.flex.evenly,
.flex.evenly > div{flex: 1;}


/*****************
*
*   FORMS
*
******************/
.formio-form{padding: 1rem;background-color: #f9f9f9;}
.formio-form .form-group{  }
.formio-form .form-group label{margin-bottom: 5px;}
.formio-form .form-group .form-control{background-color: #FFFFFF;border: 1px solid #eee;border-radius: 20px;padding: 0.5rem 1rem;}



/*****************
*
*   HEADER   
*
******************/
header{ }

header #topbar{background-color: black;color: white;font-size: var(--body-font-size);line-height: var(--body-line-height);padding-top: 1rem;padding-bottom: 1rem;}
header #topbar ul {display: flex;gap: 2rem;justify-content: flex-end;}
header #topbar ul li {list-style: none;position: relative;}
header #topbar ul li a {color: white;text-decoration: underline;font-size: 16px;font-weight: 600;display: block;}
header #topbar ul li:hover a {color: var(--secondary-color); }

header #logobar{ background-color: var(--accent-color); padding-top: 1.5rem;padding-bottom: 1.5rem; }
header #logobar a.logo{ display: block; }
header #logobar a.logo img{width: 320px;height: 89px;}
header #logobar .nhs-logo{width: 90px;height: 36px;}
header #logobar > .container > div:nth-child(2){ gap: 2rem; }
header #logobar span{ font-size: 21px; font-weight: 600; }
header #logobar span a{ font-size: 25px; font-weight: bold; }

header #navbar { padding-top: 0.75rem;padding-bottom: 1rem;position: relative;z-index: 10; }
header #navbar .ccore-nav-primary {display: flex;gap: 2rem;justify-content: space-between;align-items: center;}
header #navbar .ccore-nav-primary li {list-style: none;position: relative;}
header #navbar .ccore-nav-primary li a {color: white;text-decoration: none;font-weight: 600;display: block;font-size: var(--body-font-size);}
header #navbar .ccore-nav-primary li:hover a, 
header #navbar .ccore-nav-primary li.active a {color: var(--secondary-color);}
header #navbar .ccore-nav-primary li ul { display: none; position: absolute;top: 30px;left: 0;background: var(--primary-color);padding: 0.75rem;flex-direction: column;margin: 0;width: max-content;}
header #navbar .ccore-nav-primary li ul li ul{ display: none !important; }
header #navbar .ccore-nav-primary li:hover > ul{ display: block; }
header #navbar .ccore-nav-primary li ul li a{color: white !important;}
header #navbar .ccore-nav-primary ul li:hover a, 
header #navbar .ccore-nav-primary ul li.active a{ color: white; }

header #navbar form{ padding-bottom: 1rem; }
header #navbar form input[type="text"]{border-radius: 20px;background-color: #F9F9F9;border: 1px solid #f3f1f1;box-shadow: none;padding: 0.5rem 1.5rem;margin: 0;color: black;min-width: 350px;}
header #navbar form input::placeholder{ color: var(--text-color); }


/* ===============  
 * 
 * Footer
 * 
 * ===============
 */
 footer{background: var(--primary-color);padding: 5rem 0 2.5rem 0;}

 footer .container:nth-child(1){ display: flex; gap: var(--container-gap); }
 footer .container:nth-child(1) .footer-logo{ width: 314px; height: 89px; }
 
 footer .container:nth-child(2){display: flex;gap: var(--container-gap);justify-content: space-between;margin-top: 5rem;}
 footer .container:nth-child(2) ul {display: flex;gap: 2rem;justify-content: flex-end;}
 footer .container:nth-child(2) ul li {list-style: none;position: relative;}
 footer .container:nth-child(2) ul li a { color: white;text-decoration: underline;font-size: 16px;font-weight: 600;display: block;}
 footer .container:nth-child(2) ul li:hover a {color: var(--secondary-color); }
 footer .container:nth-child(2) p{ color: white; font-size: 16px; }
 footer .container:nth-child(2) a { color: white;text-decoration: underline;font-size: 16px;font-weight: 600;}


 /**** Newseltter ****/
#newsletter{background-color: #F9F9F9;padding: 3rem 3rem 2rem 3rem;border-radius: 20px;margin-top: 3rem;}
#newsletter h4{ text-align: center; }
#newsletter p{ text-align: center; }
#newsletter .formio-form{ display: flex; align-items: center; flex-wrap: wrap; gap: var(--container-gap); }
#newsletter .formio-form .formio-component{ width: 100%; }
#newsletter .formio-form .form-group{ flex: 1; }
#newsletter .formio-form .form-group.formio-component-button{flex: 1;max-width: 155px;}
#newsletter .formio-form .form-group .form-control{ height: 55px; border-radius: 40px; margin: 0; }


/*****************
*
*   MAIN
*
******************/
main #article-en > section,
main #article-en section.keditor-container{padding-top: 2rem;}

main #article-en ul,
main #article-en ol{ margin-left: 17px; margin-bottom: 1rem; }

main #article-en ul li,
main #article-en ol li{ margin: 0.2rem 0 0.5rem 0; }

main #article-en a{ color: var(--primary-color); font-weight: bold; }


/*****************
*
*   Sections
*
******************/



/*****************
*
*   Snippets
*
******************/
.content-box{padding: 2rem;box-shadow: 0 0 20px #eee;}

.white_drivers .content-box{ background: white; }

/**** SNIPPET 1 ****/