@charset 'utf-8';

@import url("beebanners.css");

/** *  * 
@author		George Iancu*
@copyright	Digitalogy (c) 2025
@license	Commercial
* */

/*****************
*
*   General
*
******************/
html,body{
    overflow-x: hidden;
}

/*****************
*
*   CONTAINER
*
******************/
.cc-builder-container:not(.stretch):not(.stretch-section),
.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%;}
.cc-builder-container.strech-section .cc-builder-row{ }
body.is-auth .cc-builder-container.stretch,
body.is-auth .cc-builder-container.stretch-section{max-width: calc(100vw - 140px);margin-left: auto !important;left: -2.5vw;width: calc(90vw);margin-right: auto !important;}
.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: none;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 a.btn{font-weight: bold;font-size: 16px;}
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; }


/*****************
*
*   FORM PRE-REGISTER
*
******************/
#ccform-preregister{ }
#ccform-preregister .ccform-grid{ display:flex; flex-wrap:wrap; gap:16px 24px; }
#ccform-preregister .ccform-fieldwrap{flex:1 1 calc(50% - 12px);background:#ffffff;border-radius:999px;padding:14px 16px;box-sizing:border-box;position: relative;}
#ccform-preregister .ccform-full{ flex:1 1 100%; border-radius:24px; }
#ccform-preregister .ccform-actions{ background:transparent; padding:0; }
#ccform-preregister .ccform-field{ width:100%; border:0; outline:0; background:transparent; font-size:16px; }
#ccform-preregister textarea.ccform-field{ min-height:120px; resize:vertical; }
#ccform-preregister input[type="submit"], #ccform-preregister button[type="submit"]{ background:#f5c400; border:0; border-radius:999px; padding:12px 22px; font-weight:700; cursor:pointer; }
#ccform-preregister .ccform-actions{ display:flex; justify-content:center; }
#ccform-preregister .ccform-field-error{position: absolute;bottom: 0.5rem;font-size: 13px;left: 1.6rem;}
@media (max-width:760px){ #ccform-preregister .ccform-fieldwrap{ flex:1 1 100%; } }



/*****************
*
*   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; }

#main-content *[data-type="component-text"] .cc-component-content ul { list-style: none; padding: 0; margin: 0; }
#main-content *[data-type="component-text"] .cc-component-content ul li { position: relative; padding-left: 36px; margin-bottom: 14px; font-weight: 600; }
#main-content *[data-type="component-text"] .cc-component-content ul li::before { content: ""; position: absolute; left: 0; top: 0.25em; width: 22px; height: 22px; background-image: url("/themes/default/assets/img/bee-icon.svg"); background-size: contain; background-repeat: no-repeat; }


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



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

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

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