/*
Theme Name: BLTC
Text Domain: BLTC
Theme URI:
Author: M Stroosnijder
Author URI: https://bluechili.nl/
Description: BLTC custom theme
Version: 1.0
Tags:
*/
/* #Site Styles
================================================== */
/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,body { font-family: 'Helvetica Neue', sans-serif; font-size: 20px; font-weight: 300; line-height: 1.7; color: #4e4e4e;}
body { background: #fff; }
input,
select,
textarea { font-family: 'Helvetica Neue', sans-serif; font-size: 12px; color: #000; }
/*input[type='checkbox'] {-webkit-appearance: none; width: 16px !important; height: 17px !important; border-radius: 5px !important; border: 1px #707070 solid !important; position: relative; padding:0 !important; }
input[type='checkbox']:checked:before {background: url("https://www.bltc.nl/wp-content/themes/BLTC/assets/images/tick.png") no-repeat; width: 13px !important; height: 22px !important; content: ''; display: block; position: absolute; top:-9px; }*/
img { display: block; max-width: 100%; border: 0; }
ul,
li { list-style: none; }
:focus { outline: none; }
p { margin-bottom: 20px; }
a { display: inline-block; transition: 0.3s ease-out; }
strong { font-weight:600 }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 20px; font-family: 'Helvetica Neue', sans-serif; line-height: 1.1; text-transform: uppercase; color: #4e4e4e; }
h1 { font-size: 60px; }
h2 { font-size: 55px; }
h3 { font-size: 24px; }
h4 { font-size: 22px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }
.btn-primary { padding: 10px 15px; text-transform: uppercase; border-radius: 5px; background-color: #fff; }
.btn-primary:hover { background-color: #f9f9f9; }
.btn-secondary { padding: 10px 15px; text-transform: uppercase; color: #fff; border-radius: 5px; background-color: #3793b6; }
.btn-secondary:hover { background-color: #236b86; }
/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.centered { padding-right: calc((100% - 1500px) / 2); padding-left: calc((100% - 1500px) / 2); }
.grecaptcha-badge { visibility: hidden; }
.wow { margin-bottom: 0px !important; }
.wow a { font-size: 11px; color: #3793b6 !important; cursor: default }
/* ### wrapper ### */
#wrapper { position: relative; padding-top: 131px; display: block; width: 100%; min-height: 100%; }
/* ### main container ### */
#mainCntr { width: 100%; height: calc(100vh - 245px) !important; }
/* ### header container ### */
#headerCntr { margin-bottom: 0; position: fixed; top: 0; z-index: 5; display: flex; justify-content: space-between; width: 100%; background: #fff; }
#headerCntr .logo { margin-left: -4px; padding-top: 17px; }
#headerCntr .logo img { max-width: 100%; }
#headerCntr .datebox { margin-right: 34px; margin-left: auto; padding-top: 25px; padding-bottom: 2px; width: 100%; max-width: 257px; }
#headerCntr .datebox ul { display: flex; justify-content: space-between; }
#headerCntr .datebox ul > li > a { padding-top: 1px; display: flex; align-items: center; font-size: 14px; font-weight: 600; line-height: 1.1; text-decoration: none; color: #898989; }
#headerCntr .datebox ul > li > a > span { display: contents; font-weight: 100; color: #898989; }
#headerCntr .datebox ul > li > a > img { padding-right: 2px; }
#headerCntr .datebox .calender { position: relative; top: -2px; left: -2px; }
#headerCntr .mobileMenu { position: relative; z-index: 15; display: none; float: left; width: 40px; height: 40px; transition: 0.2s; cursor: pointer; overflow: hidden; }
#headerCntr .mobileMenu span { position: absolute; top: 50%; right: 20%; left: 20%; display: block; height: 4px; text-indent: -9999px; border-radius: 5px; background: #000; transition: 0.2s; }
#headerCntr .mobileMenu span:before,
#headerCntr .mobileMenu span:after { position: absolute; left: 0; display: block; width: 100%; height: 4px; border-radius: 5px; background-color: #000; transition-duration: 0.2s, 0.2s; content: ''; }
#headerCntr .mobileMenu span:before { top: -7px; }
#headerCntr .mobileMenu span:after { bottom: -7px; }
.mm-opened #headerCntr .mobileMenu span { background: none; }
.mm-opened #headerCntr .mobileMenu.is-active span:before,
.mm-opened #headerCntr .mobileMenu.is-active span:after { transition-delay: 0s, 0.2s; }
.mm-opened #headerCntr .mobileMenu span:before { top: 0; transform: rotate(45deg); }
.mm-opened #headerCntr .mobileMenu span:after { bottom: 0; transform: rotate(-45deg); }
/* ### menu box ### */
.menuBox:not(.mm-menu) { margin-right: 76px; margin-bottom: 6px; padding-top: 85px; }
.menuBox:not(.mm-menu) ul { display: flex; }
.menuBox:not(.mm-menu) ul > li { margin-left: 39px; position: relative; }
.menuBox:not(.mm-menu) ul > li > a { position: relative; font-size: 18px; font-weight: 500; text-transform: uppercase; text-decoration: none; color: #404040; }
.menuBox:not(.mm-menu) ul > li.active, .menuBox:not(.mm-menu) ul > li > a:hover { color: #dc212b; }
.menuBox:not(.mm-menu) ul > li > ul { padding: 20px 55px 20px 30px; position: absolute; top: 100%; left: 0; display: block; opacity: 0; visibility: hidden; width: max-content; background-color: #fff; transition: all 0.3s ease-out; }
.menuBox:not(.mm-menu) ul > li:hover ul { opacity: 1; visibility: visible; }
.menuBox:not(.mm-menu) ul > li [aria-current]:not([aria-current="false"]), .menuBox:not(.mm-menu) ul > li.current_page_parent > a { color: #dc212b; }
.menuBox:not(.mm-menu) ul > li.current_page_item { color: #dc212b; }
.menuBox:not(.mm-menu) ul > li > ul > li { margin-left: 0; }
.menuBox:not(.mm-menu) ul > li > ul > li > a { font-size: 16px; text-transform: capitalize; color: #404040; position: relative; padding-left: 21px; }
.menuBox:not(.mm-menu) ul > li > ul > li a:before { position: absolute; top: 0; left: 0; font-family: 'icomoon', sans-serif; font-size: 13px; color: #404040; content: '\e906'; transition: 0.3s ease-out; }
.menuBox:not(.mm-menu) ul > li > ul > li > a:hover { color: #dc212b; }
.menuBox:not(.mm-menu) ul > li > ul > li > a:hover:before { color: #DC212B; }
/* ### content container ### */
#contentCntr { width: 100%; }
/* ### banner Box ### */
.bannerBox .banner { position: relative; width: 100%; }
.bannerBox .banner .image { position: relative; width: 100%; height: 534px; }
.bannerBox .banner .image img { width: 100%; height: 100%; object-fit: cover; }
/*.bannerBox .banner .image .overlay { position: absolute; top: 0; left: 0; opacity: 0.4; width: 100%; height: 100%; background-color: #000; content: ''; }*/
.bannerBox .banner .logo { position: absolute; top: 24px; left: 10px; display: flex; align-items: center; }
.bannerBox .banner .logo a:last-of-type { margin-left: -8px; }
.bannerBox .banner .heading { position: absolute; right: 32px; bottom: 250px; }
.bannerBox .banner .heading h1 { font-weight: normal; line-height: 1; letter-spacing: 0.5px; text-transform: inherit; color: #fff; }
.bannerBox .banner .heading h1 span { display: block; font-weight: 600; font-style: italic; letter-spacing: -0.7px; text-align: right; font-size: 34px; }
/*sticky hero image homepage*/
.parent {
height: 750px !important;
border: 0px solid red;
position: absolute;
}
.sticky-box {
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0)),url("https://www.bltc.nl/wp-content/themes/BLTC/assets/images/banner.jpg");
background-position: center;
background-repeat: no-repeat;
height: 534px;
width: 100%;
position: sticky;
top: 132px;
}
/*Move al up because of sticky hero*/
.holderdiv { position: relative; top: -245px; }
/* ### course Box ### */
.courseBox { margin-bottom: 15px; }
.courseBox .holder { margin: 0 13px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.courseBox .content { padding: 0 25px 22px; width: 23.24%; text-align: center; border-radius: 10px; }
.courseBox .content h5 { margin-bottom: 26px; padding-top: 45px; padding-bottom: 13px; color: #fff; border-bottom: 2px #fff solid; }
.courseBox .content p { margin-bottom: 38px; padding: 0 25px; min-height: 82px; font-weight: 100; line-height: 1.4; color: #fff; }
.courseBox .content .btn { display: flex; flex-wrap: wrap; justify-content: space-between; }
.courseBox .content .btn a { padding: 5px 18px; font-size: 16px; text-decoration: none; min-width: 47%; }
.courseBox .content .btn a:hover { opacity:0.75; }
.courseBox .content.green-color { background-color: #10c05c; }
.courseBox .content.green-color h5 { text-transform: capitalize; }
.courseBox .content.green-color .btn a { color: #10c05c; }
.courseBox .content.pink-color { background-color: #d94da6; }
.courseBox .content.pink-color .btn a { color: #d94da6; }
.courseBox .content.dark-color { background-color: #005a7c; }
.courseBox .content.dark-color .btn a { color: #005a7c; }
.courseBox .content.yellow-color { background-color: #eab830; }
.courseBox .content.yellow-color .btn a { width: 100%; color: #eab830; }
/* ### exam Box ### */
.examBox { margin-bottom: 71px; }
.examBox .holder { display: flex; flex-wrap: wrap; justify-content: space-between; }
.examBox .content { padding-top: 26px; padding-bottom: 22px; padding-left: 32px; width: 49%; background-color: #3793b6; }
.examBox .content .text { margin-bottom: 24px; display: flex; align-items: center; }
.examBox .content .text h4 { margin-bottom: 0; margin-left: 15px; font-weight: 300; color: #fff; }
.examBox .content .text p { margin-bottom: 0; padding-right: 70px; padding-left: 5px; font-weight: 100; line-height: 1.4; color: #fff; }
.examBox .content .text .icon { margin-top: 6px; margin-right: 55px; border-radius: 50px; background-color: #fff; }
.examBox .content .text .icon:hover { opacity:0.75; }
.examBox .content .text .icon a { text-decoration: none; }
.examBox .content .text .icon i { color: #3793b6; padding-left: 7px; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; font-size: 23px; border-radius: 50px; }
/* ### about Box ### */
.aboutBox { margin-bottom: 50px; }
.aboutBox .holder { display: flex; flex-wrap: wrap; justify-content: space-between; }
.aboutBox .content { width: 29%; }
.aboutBox .content h4 { margin-bottom: 27px; font-weight: normal; letter-spacing: 0.4px; text-transform: initial; }
.aboutBox .content p { font-weight: 100; line-height: 1.4; }
.aboutBox .content p a { text-decoration: underline; color: #dc212b; }
.aboutBox .content p a:hover { text-decoration: none }
.aboutBox .content .title { margin-bottom: 15px; font-weight: 400; text-transform: uppercase; }
.aboutBox .content.left { padding-left: 15px; }
.aboutBox .event { min-height: 115px; display: flex; justify-content: space-between; }
.aboutBox .event .datebox { margin-right: 23px; padding: 5px; min-width: 77px; height: 77px; border-radius: 5px; background-color: #3793b6; }
.aboutBox .event .datebox h6 { margin-bottom: 10px; padding-top: 11px; font-size: 16px; text-align: center; color: #fff; }
.aboutBox .event .datebox h4 { text-align: center; color: #fff; }
.aboutBox .event .text h6 { margin-bottom: 0; font-weight: 400; text-transform: initial; }
.aboutBox .event .text a { text-decoration: none; color: #4e4e4e; }
.aboutBox .event .text p { margin-bottom: 0px; padding-right: 40px; padding-top: 2px; font-size: 16px; text-decoration: none; color: #464646;}
.aboutBox .event .image { margin-right: 20px; width: 32%; height: 77px; }
/* ### form ### */
.form { margin-top: -26px; padding: 35px 55px 45px 45px; border-radius: 10px; background-color: #3793b6; }
.form .btn { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 15px; }
.form .btn a { padding: 5px 18px; font-size: 17px; text-decoration: none; color: #3793b6 }
.form .btn a:hover { opacity:0.75; }
.form p { padding: 0; margin: 0; color: white; font-size: 16px; }
.form h5 { margin-bottom: 23px; font-size: 22px; font-weight: 400; letter-spacing: 0.5px; text-transform: uppercase; color: #fff; }
.form .column { margin-left: 2px; }
.form .column p { margin-bottom: 20px; }
.form input { padding-left: 13px; width: 100%; height: 40px; font-size: 17px; color: #404040; border: none; border-radius: 5px; background-color: #fff; }
.form textarea { /*margin-bottom: 20px;*/ padding-top: 11px; padding-left: 13px; width: 100%; height: 64px; font-size: 17px; line-height: 1.2; color: #404040; border: none; border-radius: 5px; background-color: #fff; }
.form .submit { width: 100%; text-align: right; position: relative; right: -33px; }
.form .submit button, .form .submit input[type=submit] { padding: 8px 35px; font-size: 20px; font-weight: 500; color: #3693b6; border: none; width: auto; text-transform: uppercase; }
.wpcf7-spinner { margin: 0 !important; margin-left: 10px !important; }
.wpcf7-not-valid-tip { color: white; font-size: 14px; position: relative; top:5px; }
.wpcf7 form .wpcf7-response-output { font-size: 14px; border-color: red !important; }
.form .wpcf7 form .wpcf7-response-output { margin: 0; padding: 0; border: 0; color: white; font-size: 14px; width: 100%; text-align: right}
/* ### partner Box ### */
.partnerBox { background-color: #dce7ed; }
.partnerBox.sub { position: relative; bottom: 245px; }
.partnerBox .column { padding: 25px 0; display: flex; align-items: center; justify-content: center; }
.partnerBox .column img { margin-right: 25px; }
/* ### hero Box ### */
.heroBox { margin-bottom: 13px; }
.heroBox .banner { position: relative; width: 100%; }
.heroBox .banner .image { position: relative; width: 100%; }
.heroBox .banner .image img { width: 100%; height: 100%; object-fit: cover; }
.heroBox .banner .image .overlay { position: absolute; top: 0; left: 0; opacity: 0.4; width: 100%; height: 100%; background-color: #000; content: ''; }
.heroBox .heading { position: absolute; bottom: -6px; left: 12px; }
.heroBox .heading h2 { font-weight: normal; line-height: 1; letter-spacing: 1px; text-transform: inherit; color: #fff; }
.breadcrumbBox { margin-bottom: 19px; width: 100%; }
.breadcrumbBox .holder { display: flex; flex-wrap: wrap; justify-content: space-between;font-size: 14px; }
.breadcrumbBox ul { margin-left: 13px; display: flex; }
.breadcrumbBox ul > li { position: relative; }
.breadcrumbBox ul li { font-size: 14px; letter-spacing: 0.3px; color: #676767; }
/*.breadcrumbBox ul > li:before { margin-top: 4px; margin-right: -6px; display: inline-block; font-size: 16px; vertical-align: middle; content: '/'; }*/
.breadcrumbBox ul > li > a { font-size: 14px; letter-spacing: 0.3px; text-decoration: none; color: #676767; }
/* ### content box ### */
.contentBox { margin-bottom: 75px; width: 100%; }
.contentBox .holder { display: flex; flex-wrap: wrap; justify-content: space-between; }
.contentBox .left { width: 23%; margin-bottom: 135px; }
.contentBox .left.courses { width: 30%}
.contentBox .content.courses { width: 65%}
.contentBox .menu-link { margin-bottom: 60px; padding-left: 13px; }
.contentBox .menu-link li { position: relative; }
.contentBox .menu-link li > a { padding-left: 30px; position: relative; font-size: 16px; text-decoration: none; color: #404040; }
.contentBox .menu-link li .js-toggle-icon { position: absolute; top: 9px; left: 0; font-size: 14px; color: #dc212b !important; transition: all 0.3s ease-out; cursor: pointer; }
/* .contentBox .menu-link li .js-toggle-icon { color: #dc212b; cursor: pointer; } */
.contentBox .menu-link li > a:hover { color: #dc212b; }
.contentBox .menu-link li.active i { transform: rotate(90deg); }
.contentBox .menu-link li.active > a { color: #dc212b; }
.contentBox .menu-link li > ul { margin-bottom: 15px; margin-left: 14px; padding-left: 0; display: none; }
.contentBox .menu-link li.active > ul { display: block; }
.contentBox .menu-link li > ul > li { margin-bottom: -4px; padding-left: 30px; }
.contentBox .menu-link li > ul > li a:hover { /*transform: rotate(0deg) !important;*/ }
.contentBox .menu-link li > ul > li a:before { position: absolute; left: 0; font-family: 'icomoon', sans-serif; font-size: 14px; color: #dc212b; transition: all 0.3s ease-out; content: '\e906'; }
.spacer { height: 19px; }
.contentBox .content { padding-top: 5px; padding-right: 23px; width: 43%; margin-bottom: 200px; }
.contentBox .content h3, .contentBox .content h4 { margin-bottom: 22px; font-weight: 400; letter-spacing: 0.5px; text-transform: initial; color: #2c2c2c; }
.contentBox .content h4 { font-size: 16px; font-weight: 600 }
.contentBox .content p { margin-bottom: 25px; font-size: 16px; font-weight: 300; line-height: 1.5; }
.contentBox .content td { font-size: 16px; }
.contentBox .content p strong { font-weight: 600; }
.contentBox .content p span { display: block; font-weight: 500; color: #dc212b; }
.contentBox .content p a { text-decoration: underline; color: #dc212b; }
.contentBox .content figure { margin-bottom: 25px; }
.contentBox .content hr { margin-bottom: 25px; }
.contentBox .content ul, .contentBox .content ol { margin-bottom: 20px; }
.contentBox .content ul p,.contentBox .content ol p { margin-bottom: 0; }
.contentBox .content ul > li,.contentBox .content ol > li { padding-left: 15px; position: relative; font-size: 16px; font-weight: 300; }
.contentBox .content ul > li:before { position: absolute; top: 10px; left: 0; width: 6px; height: 6px; border-radius: 50px; background-color: #000; content: ''; }
.contentBox .content .event-categories > li:before {content: none;}
.contentBox .content ol, .contentBox .content ol > li { list-style:}
.contentBox .content ol { counter-reset: item }
.contentBox .content ol > li { display: block }
.contentBox .content ol > li:before { content: counters(item, ".") ". "; counter-increment: item }
.contentBox .content .wp-block-button__link { background-color: #3793b6 !important; border-radius: 5px !important; padding: 10px 15px !important; text-transform: uppercase; color: #fff !important; }
.contentBox .content .wp-block-button__link:hover {opacity: 85% !important;}
/* event manager */
#em-wrapper { }
#em-wrapper .em.em-list{ grid-gap: 0px; }
#em-wrapper .em.em-list .em-item .em-item-image .em-item-image-placeholder { opacity: 85% !important; }
#em-wrapper .em.em-list .em-item, #em-wrapper .em.em-list .em-item .em-item-meta .em-item-meta-line a, .em.em-item.em-item-single .em-item-header, .em.em-item .em-item-meta .em-item-meta-line a { color: #141414 !important; }
#em-wrapper .em.em-search .em-search-main.em-search-main-bar .em-search-submit.input { display: none }
#em-wrapper .em-item-title, #em-wrapper .em-item-meta-line, .em.em-item .em-item-meta .em-item-meta-line { font-size: 14px !important;}
#em-wrapper .em-item-title a, #em-wrapper .em-item-title a:hover { color: #141414 !important; text-decoration: none }
#em-wrapper .em-item-image-placeholder { max-width: 100px !important;}
#em-wrapper .em-item-image-placeholder div.date span.day,#em-wrapper .em-item-image-placeholder div.date span.month { font-size: 23px !important; line-height: 28px !important; }
#em-wrapper .em-item-image-placeholder div.date { min-width: 100px !important }
#em-wrapper .em.em-list .em-item { display: block; border: 0; padding: 0px !important;}
#em-wrapper .em.em-list .em-item .em-item-info { /*border-left: 4px solid #3793b6 !important;*/ border: none; padding: 0;}
#em-wrapper .em.em-list .em-item .em-item-info .em-item-meta > div { flex: none !important }
#em-wrapper .em.em-search.size-small.multi-line .em-search-main-bar .em-search-submit button { max-width: 100px !important;}
#em-wrapper .em.em-search.size-small .hide-small { visibility: visible !important }
#em-wrapper .em.em-search.size-small.multi-line .em-search-main-bar .em-search-submit { text-align: right; }
#em-wrapper .em.em-list .em-item .em-item-info .em-item-desc { display: none }
#em-wrapper .em.em-list.em-grid .em-item .em-item-info { border-top: 4px solid #3793b6 !important;}
#em-wrapper .em.em-search-advanced .em-search-advanced-sections.em-search-advanced-style-headings > section.em-search-section-location { display: none !important;}
#em-wrapper .em.em-search-advanced .em-search-advanced-sections.em-search-advanced-style-headings > section.em-search-advanced-section header { display: none }
.em.pixelbones h3 { font-size: inherit !important; margin-bottom: 0px !important; letter-spacing: normal !important;}
.em.pixelbones h4,.em.pixelbones h4 a,.em.pixelbones h4 a:hover{ font-size: 16px !important; letter-spacing: 0px !important; margin-bottom: 4px !important; color: black !important; text-decoration: none}
.em.em-item.em-item-single .em-item-meta { padding-bottom: 15px !important;}
.em.em-item.em-item-single .em-item-meta > section section { margin-bottom: 0px; }
.em.pixelbones a { text-decoration: none; color: #dc212b !important; }
.em.pixelbones a:hover { text-decoration: underline }
.em.em-item.em-item-single .em-item-meta h3 { font-size: inherit !important; padding-bottom: 10px;}
.em.pixelbones .input button.button-primary { background-color: #3793b6 !important; border-color: #3793b6 !important }
.em.pixelbones .input button.button-primary:hover { background-color: #1491c2 !important; border-color: #1491c2 !important }
.em.em-search-advanced .em-search-advanced-sections.em-search-advanced-style-headings > section.em-search-advanced-section { display: none;}
.em.em-search.size-small.multi-line .em-search-main-bar .em-search-submit { display: none;}
.contentBox .right { width: 23%; margin-bottom: 135px; }
.contentBox .authorise { margin-top: -9px; margin-left: -11px; }
.contentBox .authorise .image { margin-bottom: 40px; }
.contentBox .authorise .block h6 { width: fit-content; margin-bottom: 0; font-weight: normal; padding: 8px 30px; line-height: 1.4; text-decoration: none; color: #fff; border-radius: 10px 10px 0 0; background-color: #10c05c; }
.contentBox .content .submit .btn { margin-top: 50px; margin-bottom: 48px; }
.contentBox .content .submit .btn a { text-decoration: none; }
.contentBox .content .submit .submit { width: 100%; max-width: 410px; }
.contentBox .content .submit .input { margin-bottom: 17px; }
.contentBox .content .submit .input label { display: block; font-size: 16px; }
.contentBox .content .submit input { width: 410px; height: 40px; border: 1px #676767 solid; border-radius: 5px; padding: 10px; font-size: 16px; }
.contentBox .content .submit textarea { width: 410px; height: 70px; border: 1px #676767 solid; border-radius: 5px; padding: 10px; font-size: 16px; }
.contentBox .content .submit .input input:hover { border: 1px #dc212b solid; }
.contentBox .content .submit .input select { margin-bottom: 4px; padding-top: 4px; padding-left: 17px; width: 410px; height: 42px; font-size: 15px; color: #4e4e4e; border: 1px #676767 solid; border-radius: 5px; position: relative; }
.contentBox .submit select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(https://www.bltc.nl/wp-content/themes/BLTC/assets/images/images/arrow.png) 95% / 14px no-repeat #fff; }
.contentBox .content .submit .radio { margin-bottom: 22px; }
.contentBox .content .submit label { margin-bottom: 8px; display: block; font-size: 16px; }
.contentBox .content .submit .form-flex { display: flex; align-items: center; }
.contentBox .content .submit input[type='radio'] { accent-color: #dc212b; margin-right: 15px !important; width: 19px !important; height: 19px !important; border: 1px #676767 solid !important; border-radius: 5px !important; }
.contentBox .content .submit input[type='checkbox'] { accent-color: #dc212b; margin-right: 15px !important; width: 19px !important; height: 19px !important; border: 1px #676767 solid !important; border-radius: 5px !important; }
.contentBox .content .submit .radio span { margin-top: 3px; font-size: 16px; }
.contentBox .content .submit form p { margin-bottom: 11px; display: flex; align-items: center; justify-content: end; width: 410px; }
.contentBox .content .submit form p input { margin-left: 10px; width: 16px; height: 17px; border-radius: 5px; }
.contentBox .content .submit form button { padding: 10px 57px; float: right; font-size: 18px; font-weight: 500; border: none; }
.contentBox .gap { margin-left: 13px; }
.wpcf7-list-item-label { display: inline !important}
.ays-quiz-question-note-message-box * { font-style: normal !important }
.ays-quiz-question-note-message-box strong { font-weight: 600 }
.ays_quiz_question p {line-height: 1.9 !important; }
.ays_quiz_question strong { font-weight: 600 !important }
.ays-quiz-question-note-message-box { position: relative }
#ays-quiz-container-1 .ays-quiz-question-note-message-box p { display: block; float: left; width: 45%; min-height: 133px; }
.ays_buttons_div { clear: both}
#ays-quiz-container-1 #ays_finish_quiz_1 div.step, #ays-quiz-container-2 #ays_finish_quiz_2 div.step { padding-top: 0 !important; min-height: 0 !important; }
.ays-quiz-exit-button span { color: white !important }
/* ### card-link box ### */
.card-link { margin-bottom: 40px; padding: 21px 30px 40px; border-radius: 0 10px 10px; background-color: #10c05c; }
.card-link p { font-size: 16px; font-weight: 300; margin-top: 10px; color: #fff; }
.card-link p strong { font-weight: 600 }
.card-link ul > li { padding-left: 21px; position: relative; font-size: 16px; font-weight: 300; margin-top: 10px; color: #fff;}
.card-link ul > li:before { position: absolute; top: 0px; left: 0; font-family: 'icomoon', sans-serif; font-size: 14px; color: #fff; content: '\e906'; }
.card-link ul > li > a, .card-link p a { font-size: 16px; font-weight: 300; text-decoration: none; color: #fff; }
.card-link ul > li > a:hover, .card-link p a:hover { text-decoration: underline; }
.contentBox .authorise .colorbox { margin-bottom: 47px; }
.contentBox .authorise .colorbox h6 { width: fit-content; margin-bottom: 0; font-weight: normal; padding: 8px 30px; line-height: 1.4; text-decoration: none; color: #fff; border-radius: 10px 10px 0 0; background-color: #d94da6; }
.color { background-color: #d94da6; }
.card-testimonial p { padding: 0 60px; position: relative; font-size: 16px; font-weight: 300; font-style: italic; color: #707070; }
.card-testimonial p:before { position: absolute; top: -60px; left: 0; font-family: 'Helvetica Neue', sans-serif; font-size: 130px; content: '“'; }
.card-testimonial p:after { position: absolute; right: 10px; bottom: -152px; font-family: 'Helvetica Neue', sans-serif; font-size: 130px; content: 'â€'; }
.card-testimonial span { margin-top: 30px; padding-right: 10px; display: block; font-size: 14px; font-weight: 200; text-align: right; }
/* ### footer container ### */
#footerCntr { overflow: hidden; width: 100%; position: relative; bottom: 245px; margin-bottom: -490px; }
.footerBox { background-color: #3793b6; }
.footerBox .column { margin: 0 63px; margin-bottom: 25px; padding-top: 35px; display: flex; justify-content: space-between; }
.footerBox .link { width: 33%; }
.footerBox .link .title { margin-bottom: 5px; font-size: 16px; font-weight: 300; color: #fff; }
.footerBox .link ul { list-style: none; }
.footerBox .link ul > li { margin-bottom: -9px; padding-left: 16px; position: relative; }
.footerBox .link ul > li:before { position: absolute; top: 13px; left: 0; width: 6px; height: 6px; border-radius: 50px; background-color: #fff; content: ''; }
.footerBox .link ul > li > a { font-size: 16px; font-weight: 100; text-decoration: none; color: #fff; }
.footerBox .link ul > li > a:hover { text-decoration: underline; transition: 0.3s ease-out; }
.footerBox .connect { margin-top: 10px; margin-left: -32px; width: 33%; }
.footerBox .connect ul { margin-left: -4px; }
.footerBox .connect ul > li { margin-bottom: 2px; padding-left: 47px; position: relative; font-size: 16px; font-weight: 100; color: #fff; }
.footerBox .connect ul > li > i { padding-right: 10px; position: absolute; top: 0; left: 0; font-size: 25px; }
.footerBox .connect ul > li > a { font-size: 16px; font-weight: 100; text-decoration: none; color: #fff; }
.footerBox .connect ul > li > a:hover { text-decoration: underline; transition: 0.3s ease-out; }
.footerBox .connect ul > li > a > i { padding-right: 10px; position: absolute; top: 0; left: 0; font-size: 20px; }
.footerBox .l-height { line-height: 1.3; }
.footerBox .about { padding-left: 4px; width: 17%; }
.footerBox .about .title { margin-bottom: 3px; font-size: 16px; font-weight: 300; color: #fff; }
.footerBox .about ul { margin-bottom: 28px; list-style: none; }
.footerBox .about ul > li { margin-bottom: -9px; padding-left: 16px; position: relative; }
.footerBox .about ul > li:before { position: absolute; top: 13px; left: 0; width: 6px; height: 6px; border-radius: 50px; background-color: #fff; content: ''; }
.footerBox .about ul > li > a { font-size: 16px; font-weight: 100; text-decoration: none; color: #fff; }
.footerBox .about ul > li > a:hover { text-decoration: underline; transition: 0.3s ease-out; }
.footerBox .about .translate a { display: flex; align-items: center; font-size: 14px; font-weight: bold; text-decoration: none; color: #fff; }
.footerBox .about .translate a span { margin-left: 5px; }
.footerBox .copyright { padding-top: 8px; padding-bottom: 4px; text-align: end; border-top: 2px #fff solid; }
.footerBox .copyright p { margin-bottom: 0; font-size: 16px; }
.footerBox .copyright p a { text-decoration: none; color: #fff; }
/* #Media Queries
================================================== */
@media only screen and (max-width: 1520px) {
.centered { padding-right: 15px; padding-left: 15px; }
.menuBox:not(.mm-menu) ul > li { margin-left: 32px; }
}
@media only screen and (max-width: 1460px) {
.menuBox:not(.mm-menu) ul > li { margin-left: 20px; }
.menuBox:not(.mm-menu) ul > li > a { font-size: 17px; }
.form { padding: 20px; }
}
@media only screen and (max-width: 1366px) {
.courseBox .content .btn a { margin-bottom: 10px; padding: 5px 29px; width: 100%; }
.menuBox:not(.mm-menu) ul > li { margin-left: 16px; }
}
@media only screen and (max-width: 1266px) {
.menuBox:not(.mm-menu) ul > li { margin-left: 16px; }
.menuBox:not(.mm-menu) ul > li > a { font-size: 15px; }
}
@media only screen and (max-width: 1199px) {
.menuBox:not(.mm-menu) { display: none; }
#headerCntr .mobileMenu { top: 70px; display: block; }
#headerCntr .right { position: absolute; display: flex; justify-content: center; width: 100%; }
#headerCntr .logo { padding-top: 17px; padding-bottom: 10px; }
#headerCntr .datebox { max-width: 287px }
.courseBox { margin-bottom: 50px; position: relative; top: 20px; }
.aboutBox .event .image { width: 70%; }
.aboutBox .event .text p { padding-right: 0; }
.form { padding: 15px; }
.form input { font-size: 14px; }
.form textarea { font-size: 14px; }
.heroBox .banner .image img { height: 250px; }
#wrapper { padding-top: 98px; }
}
@media only screen and (max-width: 991px) {
h1 { font-size: 45px; }
h2 { font-size: 35px; }
p { font-size: 16px; }
.bannerBox .banner .heading { right: 12px; top: 150px; }
.bannerBox .banner .image img { width: 100%; min-height: 392px; }
.courseBox .content { margin-bottom: 20px; padding: 20px; width: 48%; }
.courseBox .content h5 { padding-top: 23px; }
.courseBox .content p { margin-bottom: 0px;}
.aboutBox .content { width: 48%; }
.aboutBox .event .image { width: 30%; }
.contentBox .left { /*width: 100%;*/ margin-bottom: 30px; }
.contentBox .right { /*width: 100%;*/ }
.contentBox .content { /*width: 100%;*/ }
.contentBox .authorise { margin-top: 21px; margin-left: -11px; }
.contentBox .form { display: none }
.contentBox .courses .form { display: block }
.contentBox .left.coursedetail { display: none }
.contentBox .content.coursedetail { width: 75%; padding-left: 14px; }
.home { bottom: 500px !important; }
.footerBox .column { margin: 0 10px 15px 10px; }
.footerBox .link ul > li > a { font-size: 15px; }
.footerBox .connect ul > li > a { font-size: 15px; }
.footerBox .connect ul > li { font-size: 15px; }
.footerBox .about { width: 23%; }
.footerBox .about ul > li > a { font-size: 15px; }
.form { padding: 15px; }
.card-link { padding: 15px; }
.card-testimonial p { padding: 0 20px; font-size: 15px; }
.card-testimonial p:before { font-size: 80px; }
.card-testimonial p:after { bottom: -92px; font-size: 80px; }
.sticky-box {height: 300px; }
.holderdiv { top: -500px; }
}
@media only screen and (max-width: 767px) {
h1 { font-size: 30px; }
h2 { font-size: 28px; }
p { font-size: 15px; }
#wrapper { padding-top: 101px; }
#headerCntr .logo { padding-top: 47px; }
#headerCntr .logo img { max-width: 85px; }
/*#headerCntr .datebox { margin-right: 0; margin-left: inherit; display: flex; justify-content: center; width: 290px; }*/
#headerCntr {min-height: 122px;}
#headerCntr .datebox ul > li { margin-right: 10px; }
#headerCntr .mobileMenu { /*top: 47px;*/ display: block; }
.bannerBox .banner .logo { left: 10px; display: flex; align-items: center; justify-content: center; }
.bannerBox .banner .logo a img { width: 190px; }
.bannerBox .banner .heading { right: 17px; /*bottom: 8px;*/ top:196px; }
.bannerBox .banner .image img { width: 100%; min-height: 250px; }
.examBox { margin-bottom: 26px; }
.examBox .content { margin-bottom: 20px; padding: 15px; width: 100%; }
.examBox .content .text { display: block; }
.examBox .content .text p { margin-bottom: 15px; padding-right: 0; }
.examBox .content .text h4 { margin-top: 15px; margin-left: 0; }
.examBox .content .text .icon { margin-top: 6px; margin-right: 55px; display: block; width: 42px; height: 42px; }
.aboutBox .content { width: 100%; }
.aboutBox .event { display: flex; }
.aboutBox .content.left { margin-bottom: 20px; padding-left: 0; }
.aboutBox .event { justify-content: flex-start; min-height: 150px;}
.aboutBox .event .datebox { margin-bottom: 10px; }
.aboutBox .event .image { margin-bottom: 10px; width: 25%; }
.aboutBox .event .text { width: 50%}
.breadcrumbBox ul { margin-left: 0; }
.contentBox .menu-link { padding-left: 0; }
.contentBox .gap { margin-left: 0; }
.contentBox .left { width: 20%; }
.contentBox .left.courses { width: 40%}
.contentBox .content.courses { width: 55%}
.contentBox .content { padding-top: 0px; padding-right: 0; width: 70%; margin-bottom: 0px; }
.contentBox .authorise { margin-top: 20px; margin-left: -11px; }
.contentBox .authorise .image { display: none}
.contentBox .authorise .block, .contentBox .authorise .card-testimonial, .contentBox .authorise .colorbox{ width: 46%; float: left; padding-left: 15px; }
.contentBox .authorise .card-testimonial { padding-left: 30px;}
.contentBox .right { width: 100%; }
.footerBox .column { display: block; }
.footerBox .link { margin-bottom: 20px; width: 100%; }
.footerBox .link ul > li { padding-left: 25px; }
.footerBox .connect { margin-bottom: 20px; margin-left: 0; width: 100%; }
.footerBox .connect ul > li { padding-left: 30px; }
.footerBox .connect ul > li > a > i { font-size: 15px; }
.footerBox .connect ul > li > i { font-size: 15px; }
.footerBox .about { margin-bottom: 20px; padding-left: 0; width: 100%; }
.footerBox .about ul > li { padding-left: 22px; position: relative; }
.cky-btn-revisit-wrapper { display: none !important }
}
@media only screen and (max-width: 520px) {
h1 { font-size: 22px; }
.bannerBox .banner .heading { right: 12px; bottom: 0; top: 170px; }
.bannerBox .banner .logo { justify-content: flex-start; width: 47%}
.courseBox .content { margin-bottom: 20px; padding: 20px; width: 100%; }
.aboutBox .event { min-height: 130px;}
.contentBox .authorise .block, .contentBox .authorise .card-testimonial, .contentBox .authorise .colorbox{ width: 100%; float: none; padding-left: 15px; }
.contentBox .left.courses { display: none}
.contentBox .content.courses { width: 100%; }
.contentBox .menu-link li > a { padding-left: 17px;}
.contentBox .menu-link li > ul > li { padding-left: 0px;}
}