/*
 Theme Name:     SmartBrand
 Description:    Divi Child Theme
 Author:         EduHint
 Author URI:     https://www.eduhint.nl
 Template:       Divi
 Version:        2.0.0
*/
/* Imported stylesheets
------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700 !important;
}

a {
  font-weight: 600;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

/* Reset defaults */
.single #sidebar {
  display: none;
}

.single #left-area {
  width: 100%;
}

.single #main-content .container:before {
  width: 0;
}

.single .post {
  padding-bottom: 0;
}

.et_pb_post {
  margin-bottom: 0;
}

.single .et_post_meta_wrapper {
  display: none;
}

.et_pb_fullwidth_section .et_pb_title_container, .et_pb_fullwidth_section .et_pb_title_featured_container {
  max-width: 1200px;
}

.bricks-last-word {
  color: #007ac2;
}

.pmbo-last-word-orange {
  color: #f39100;
}

.pvmbo-last-word {
  color: #2ea3f2;
}

.sr-last-word {
  color: #68b000;
}

.mr-last-word {
  color: #234688;
}

.sw-last-word {
  color: #942581;
}

.symbiose-last-word {
  color: #ed5854;
}

.symbiose-last-word-green {
  color: #13a538;
}

.symbiose-last-word-blue {
  color: #5bb7e7;
}

.symbiose-last-word-yellow {
  color: #f9b000;
}

.kiem-last-word {
  color: #00a88f;
}

.kiem-last-word-blue {
  color: #199cd8;
}

.kiem-last-word-orange {
  color: #ff6d2d;
}

.kiem-last-word-purple {
  color: #c452b4;
}

.eg-last-word {
  color: #45b649;
}

/* Bloom */
.et_bloom .et_bloom_popup .et_bloom_form_container {
  border: none;
}

.et_bloom_form_text h2,
.et_bloom_form_text span {
  font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif !important;
  font-weight: 600 !important;
}

.et_bloom .et_bloom_form_header p {
  font-size: 20px !important;
}

.et_bloom .et_bloom_form_content {
  padding-top: 30px !important;
}

/* Main and secondary navigation */
.secondary-navigation-button {
  padding: 8px;
  border-radius: 3px;
}
.secondary-navigation-button a {
  color: #ffffff !important;
  padding: 0 !important;
}

.bricks-snb {
  background-color: rgb(0, 122, 194);
}

.kiem-snb {
  background-color: rgb(0, 168, 143);
}

.pmbo-snb {
  background-color: rgb(243, 145, 0);
}

.pvmbo-snb {
  background-color: rgb(46, 163, 242);
}

.smartrekenen-snb {
  background-color: rgb(104, 176, 0);
}

.smartwiskunde-snb {
  background-color: rgb(148, 37, 129);
}

.symbiose-snb {
  background-color: rgb(237, 88, 84);
}

.login-button a::before {
  margin-right: 4px;
  font-size: 14px;
  font-weight: normal;
  font-family: ETmodules;
  content: "\e06d";
}

.activation-button a::before {
  margin-right: 4px;
  font-size: 14px;
  font-weight: normal;
  font-family: ETmodules;
  content: "\e052";
}

.demo-button a::before {
  margin-right: 4px;
  font-size: 14px;
  font-weight: normal;
  font-family: ETmodules;
  content: "\e04e";
}

.support-button a::before {
  position: relative;
  top: 1px;
  margin-right: 4px;
  font-size: 14px;
  font-weight: normal;
  font-family: ETmodules;
  content: "\e076";
}

.webshop-button a::before {
  position: relative;
  top: 2px;
  margin-right: 4px;
  font-size: 14px;
  font-weight: normal;
  font-family: ETmodules;
  content: "\e07a";
}

.et-search-field {
  background-color: #eee !important;
  height: 30px !important;
  border-radius: 3px !important;
  padding: 5px !important;
}

/* Megamenu */
.mega-menu-sub-last {
  margin-bottom: 15px !important;
}

/* Custom secondary navigation */
.custom-secondary-navigation ul li a {
  padding: 8px;
}

.page-header .header-content-container {
  background: none !important;
  border-bottom: 0 !important;
  padding: 0 30px;
}

/* Mobile menu tweaks */
.et_mobile_menu {
  overflow-y: scroll !important;
  max-height: 84vh;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
}

/* Accordion Slider */
.et_pb_blurb_content {
  width: 100% !important;
  max-width: 70%;
  height: auto;
  top: 25%;
}
.et_pb_blurb_content .slider-button {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff !important;
  padding: 10px 0;
  border: none;
  border-radius: 3px;
}
.et_pb_blurb_content .slider-button:after {
  position: relative;
  top: 6px;
  left: 30px;
  margin-right: 4px;
  font-size: 25px;
  font-weight: normal;
  font-family: ETmodules;
  content: "$";
}
.et_pb_blurb_content .slider-button:hover {
  color: #ffdc39 !important;
}

/* Page headers */
.et_pb_fullwidth_header_container {
  max-width: 1200px !important;
}

.header-content-container {
  padding: 0 !important;
}

.management-section a {
  color: rgb(226, 109, 0);
}
.management-section a:hover {
  color: rgba(226, 109, 0, 0.7);
}

.biology-section a {
  color: rgb(230, 0, 126);
  font-weight: 800;
}
.biology-section a:hover {
  color: rgba(230, 0, 126, 0.7);
}
.biology-section .bricks-last-word {
  color: rgb(230, 0, 126);
}

.history-section a {
  color: rgb(52, 47, 97);
  font-weight: 800;
}
.history-section a:hover {
  color: rgba(52, 47, 97, 0.7);
}
.history-section .bricks-last-word {
  color: rgb(52, 47, 97);
}

.geography-section a {
  color: rgb(172, 185, 0);
  font-weight: 800;
}
.geography-section a:hover {
  color: rgba(172, 185, 0, 0.7);
}
.geography-section .bricks-last-word {
  color: rgb(172, 185, 0);
}

.global-studies-section a {
  color: rgb(186, 4, 54);
  font-weight: 800;
}
.global-studies-section a:hover {
  color: rgba(186, 4, 54, 0.7);
}
.global-studies-section .bricks-last-word {
  color: rgb(186, 4, 54);
}

.visual-arts-section a {
  font-weight: 800;
}

.social-studies-section a {
  color: rgb(243, 145, 0);
  font-weight: 800;
}
.social-studies-section a:hover {
  color: rgba(243, 145, 0, 0.7);
}
.social-studies-section .bricks-last-word {
  color: rgb(243, 145, 0);
}

.kiem-section a {
  color: rgb(0, 168, 143);
  font-weight: 800;
}
.kiem-section a:hover {
  color: rgba(0, 168, 143, 0.7);
}
.kiem-section .last-word {
  color: rgb(0, 168, 143);
}

.service-section a {
  color: rgb(25, 156, 216);
  font-weight: 800;
}
.service-section a:hover {
  color: rgba(25, 156, 216, 0.7);
}
.service-section .last-word {
  color: rgb(25, 156, 216);
}

.logistics-section a {
  color: rgb(255, 109, 45);
  font-weight: 800;
}
.logistics-section a:hover {
  color: rgba(255, 109, 45, 0.7);
}
.logistics-section .last-word {
  color: rgb(255, 109, 45);
}

.retail-section a {
  color: rgb(196, 82, 180);
  font-weight: 800;
}
.retail-section a:hover {
  color: rgba(196, 82, 180, 0.7);
}
.retail-section .last-word {
  color: rgb(196, 82, 180);
}

.pmbo-section a {
  color: rgb(243, 145, 0);
  font-weight: 800;
}
.pmbo-section a:hover {
  color: rgba(243, 145, 0, 0.7);
}
.pmbo-section .last-word {
  color: rgb(243, 145, 0);
}

/* .logistics-section {
    a {
        color: rgb(255,109,45,1);
        font-weight: 800;

        &:hover {
            color: rgb(255,109,45,0.7);
        }
    }

    .last-word {
        color: rgb(255,109,45,1);
    }
}

.retail-section {
    a {
        color: rgb(196,82,180,1);
        font-weight: 800;

        &:hover {
            color: rgb(196,82,180,0.7);
        }
    }

    .last-word {
        color: rgb(196,82,180,1);
    }
} */
.over-symbiose-section a {
  color: rgb(91, 183, 231);
  font-weight: 800;
}
.over-symbiose-section a:hover {
  color: rgba(91, 183, 231, 0.7);
}
.over-symbiose-section .symbiose-last-word {
  color: rgb(91, 183, 231);
}

.advantages-symbiose-section a {
  color: rgb(237, 88, 84);
  font-weight: 800;
}
.advantages-symbiose-section a:hover {
  color: rgba(237, 88, 84, 0.7);
}
.advantages-symbiose-section .symbiose-last-word {
  color: rgb(237, 88, 84);
}

.discover-symbiose-section a {
  color: rgb(19, 165, 56);
  font-weight: 800;
}
.discover-symbiose-section a:hover {
  color: rgba(19, 165, 56, 0.7);
}
.discover-symbiose-section .symbiose-last-word {
  color: rgb(19, 165, 56);
}

.experience-symbiose-section a {
  color: rgb(249, 176, 0);
  font-weight: 800;
}
.experience-symbiose-section a:hover {
  color: rgba(249, 176, 0, 0.7);
}
.experience-symbiose-section .symbiose-last-word {
  color: rgb(249, 176, 0);
}

.help-symbiose-section .symbiose-last-word {
  color: rgb(237, 88, 84);
}

.round-image-shadow img {
  width: 80% !important;
  height: 80% !important;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  box-shadow: 10px 10px 16px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 10px 10px 16px 5px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 10px 10px 16px 5px rgba(0, 0, 0, 0.25);
}

.image-lightbox span {
  position: relative;
}
.image-lightbox span::after {
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: ETmodules;
  content: "T";
  font-size: 6em;
  color: rgba(255, 255, 255, 0.6);
}
.image-lightbox span:hover::after {
  color: rgb(255, 255, 255);
}
.image-lightbox img {
  filter: brightness(90%);
}
.image-lightbox img:hover {
  filter: brightness(50%);
}

.round-image-border-right-top img {
  width: 100% !important;
  height: 100% !important;
  border: 20px solid;
  border-radius: 80% 0% 80% 80%;
  -moz-border-radius: 80% 0% 80% 80%;
  -webkit-border-radius: 80% 0% 80% 80%;
}

.round-image-border-right-bottom img {
  width: 100% !important;
  height: 100% !important;
  border: 20px solid;
  border-radius: 80% 80% 0% 80%;
  -moz-border-radius: 80% 80% 0% 80%;
  -webkit-border-radius: 80% 80% 0% 80%;
}

.round-image-border-left-top img {
  width: 100% !important;
  height: 100% !important;
  border: 20px solid;
  border-radius: 0% 80% 80% 80%;
  -moz-border-radius: 0% 80% 80% 80%;
  -webkit-border-radius: 0% 80% 80% 80%;
}

.round-image-border-left-bottom img {
  width: 100% !important;
  height: 100% !important;
  border: 20px solid;
  border-radius: 80% 80% 80% 0%;
  -moz-border-radius: 80% 80% 80% 0%;
  -webkit-border-radius: 80% 80% 80% 0%;
}

.red-image-border img {
  border-color: rgb(255, 0, 0);
}

.purple-image-border img {
  border-color: rgb(149, 26, 190);
}

.orange-image-border img {
  border-color: rgb(255, 165, 0);
}

.blue-image-border img {
  border-color: rgb(0, 0, 255);
}

.keuzedelen-section a {
  color: rgb(27, 153, 226);
}
.keuzedelen-section a:hover {
  color: rgba(27, 153, 226, 0.7);
}

/* Help section */
.text-block-help .et_pb_text_inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 230px;
}

/* Buttons & links*/
.buttonSmartBrand {
  background-color: #000;
  color: #fff !important;
  font-weight: 700;
  font-size: 16px !important;
  text-transform: uppercase;
  padding: 8px 12px;
  border-radius: 3px;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

a {
  font-weight: 700;
}

.turquoise-button {
  background-color: rgb(0, 168, 143);
}
.turquoise-button:hover {
  background-color: rgba(0, 168, 143, 0.7);
}

.red-button {
  background-color: rgb(252, 42, 0);
}
.red-button:hover {
  background-color: rgba(252, 42, 0, 0.7);
}

.red-link {
  color: rgb(252, 42, 0);
}
.red-link:hover {
  color: rgba(252, 42, 0, 0.7);
}

.salmon-button {
  background-color: rgb(237, 88, 84);
}
.salmon-button:hover {
  background-color: rgba(237, 88, 84, 0.7);
}

.salmon-link {
  color: rgb(237, 88, 84);
}
.salmon-link:hover {
  color: rgba(237, 88, 84, 0.7);
}

.purple-button {
  background-color: rgb(148, 37, 129);
}
.purple-button:hover {
  background-color: rgba(148, 37, 129, 0.7);
}

.purple-link {
  color: rgb(148, 37, 129);
}
.purple-link:hover {
  color: rgba(148, 37, 129, 0.7);
}

.orange-button {
  background-color: rgb(243, 145, 0);
}
.orange-button:hover {
  background-color: rgba(243, 145, 0, 0.7);
}

.orange-link {
  color: rgb(243, 145, 0);
}
.orange-link:hover {
  color: rgba(243, 145, 0, 0.7);
}

.ochre-button {
  background-color: rgb(226, 109, 0);
}
.ochre-button:hover {
  background-color: rgba(226, 109, 0, 0.7);
}

.blue-button {
  background-color: rgb(0, 122, 194);
}
.blue-button:hover {
  background-color: rgba(0, 122, 194, 0.7);
}

.blue-link {
  color: rgb(0, 122, 194);
}
.blue-link:hover {
  color: rgba(0, 122, 194, 0.7);
}

.light-blue-button {
  background-color: rgb(46, 163, 242);
}
.light-blue-button:hover {
  background-color: rgba(46, 163, 242, 0.7);
}

.light-blue-link {
  color: rgb(46, 163, 242);
}
.light-blue-link:hover {
  color: rgb(46, 163, 242);
}

.green-button {
  background-color: rgb(104, 176, 0);
}
.green-button:hover {
  background-color: rgba(104, 176, 0, 0.7);
}

.green-link {
  color: rgb(104, 176, 0);
}
.green-link:hover {
  color: rgba(104, 176, 0, 0.7);
}

.teal-button {
  background-color: rgb(66, 169, 144);
}
.teal-button:hover {
  background-color: rgba(66, 169, 144, 0.7);
}

.edugroup-button {
  background-color: #141d27;
}

.animated span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.animated span:before {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  transition: 0.5s;
  font-family: ETmodules;
  font-weight: normal !important;
  color: #fff !important;
}

.animated:hover span {
  padding-left: 25px;
}

.animated:hover span:before {
  opacity: 1;
  left: 0;
}

.more span:before {
  content: "5";
}

.shop span:before {
  content: "\e07a";
}

.blog span:before {
  content: "\e065";
}

.download span:before {
  content: "\e092";
}

.date span:before {
  content: "\e023";
}

.titles span:before {
  content: "\e058";
}

.contact span:before {
  content: "\e076";
}

/* Lesson material blocks */
.lesson-material-link {
  animation-timing-function: ease-in-out;
  animation-duration: 50.2s;
}

/* Tabs */
.tabs-module {
  border: none;
}
.tabs-module .et_pb_tab {
  padding: 30px 0;
}
.tabs-module .et_pb_tab .attributes-list {
  list-style-type: none;
  padding: 0;
}
.tabs-module .et_pb_tab .attributes-list li {
  padding-bottom: 5px;
  margin-bottom: 5px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.tabs-module .et_pb_tab .attributes-list li span {
  font-weight: 800;
}
.tabs-module .et_pb_tab .attributes-list li .spec {
  font-weight: 500;
}
.tabs-module .et_pb_all_tabs {
  background-color: transparent !important;
}
.tabs-module .et_pb_tabs_controls li:first-child {
  border-radius: 3px 0 0 3px;
}
.tabs-module .et_pb_tabs_controls li:last-child {
  border-radius: 0 3px 3px 0;
}
.tabs-module .et_pb_tabs_controls li a {
  padding: 20px;
  font-weight: 600;
}
.tabs-module .et_pb_tabs_controls li a:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.tabs-module ul.et_pb_tabs_controls {
  background-color: transparent !important;
}
.tabs-module ul.et_pb_tabs_controls:after {
  border-top: none;
}

.kto-keurmerk {
  position: relative;
}
.kto-keurmerk img {
  position: absolute;
  right: 30px;
  bottom: -80px;
  max-width: 200px;
  z-index: 1000;
  transform: rotate(12deg);
}

/* CTA section */
.text-block-cta .et_pb_text_inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.text-block-cta .et_pb_text_inner h3 {
  padding-top: 5px;
}
.text-block-cta .et_pb_text_inner p {
  padding-bottom: 15px;
}
.text-block-cta .et_pb_text_inner .buttonSmartBrand span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.text-block-cta .et_pb_text_inner span:before {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  transition: 0.5s;
  font-family: ETmodules;
  font-weight: normal !important;
  color: #FFF !important;
}
.text-block-cta .et_pb_text_inner .buttonSmartBrand:hover span {
  padding-left: 25px;
}
.text-block-cta .et_pb_text_inner .buttonSmartBrand:hover span:before {
  opacity: 1;
  left: 0;
}
.text-block-cta .et_pb_text_inner .shop span:before {
  content: "\e07a";
}
.text-block-cta .et_pb_text_inner .titles span:before {
  content: "\e092";
}
.text-block-cta .et_pb_text_inner .contact span:before {
  content: "\e066";
}

#main-content .container {
  width: 100% !important;
  max-width: 100% !important;
  padding-top: 0 !important;
}
#main-content .container #left-area .post-meta {
  display: none !important;
}

/* Post archive */
.post-items-archive .et_pb_image_container {
  margin: 4px !important;
  margin-bottom: 0 !important;
}

.post-items-archive .entry-featured-image-url {
  margin-bottom: 12px;
}

.post-items-archive .post-meta {
  background-color: #eeeeee;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.post-items-archive .more-link {
  color: #FFF !important;
  font-size: 16px;
  font-weight: 300;
  padding: 8px 15px;
  margin: 0 !important;
  margin-top: 10px !important;
  display: inline-block;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.blog-bricks .more-link {
  background-color: rgb(0, 122, 194);
}
.blog-bricks .more-link:hover {
  background-color: rgba(0, 122, 194, 0.7);
}

.blog-kiem .more-link {
  background-color: rgb(0, 168, 143);
}
.blog-kiem .more-link:hover {
  background-color: rgba(0, 168, 143, 0.7);
}

.blog-pmbo .more-link {
  background-color: rgb(243, 145, 0);
}
.blog-pmbo .more-link:hover {
  background-color: rgba(243, 145, 0, 0.7);
}

.blog-pvmbo .more-link {
  background-color: rgb(46, 163, 242);
}
.blog-pvmbo .more-link:hover {
  background-color: rgba(46, 163, 242, 0.7);
}

.blog-smartrekenen .more-link {
  background-color: rgb(104, 176, 0);
}
.blog-smartrekenen .more-link:hover {
  background-color: rgba(104, 176, 0, 0.7);
}

.blog-smartwiskunde .more-link {
  background-color: rgb(148, 37, 129);
}
.blog-smartwiskunde .more-link:hover {
  background-color: rgba(148, 37, 129, 0.7);
}

.blog-symbiose .more-link {
  background-color: rgb(237, 88, 84);
}
.blog-symbiose .more-link:hover {
  background-color: rgba(237, 88, 84, 0.7);
}

#left-area {
  padding-bottom: 0px !important;
}

/* Pagination */
.wp-pagenavi {
  border-top: 1px solid #eeeeee !important;
  padding-top: 30px !important;
  padding: 0px;
}

.wp-pagenavi .pages {
  display: none;
}

.wp-pagenavi a, .wp-pagenavi span {
  border: none !important;
  padding: 3px 10px !important;
}

.wp-pagenavi span.current {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  color: #FFFFFF !important;
  background-color: #999999 !important;
}

.four-zero-four-search-form .et_pb_searchsubmit {
  border-radius: 8px !important;
}

.fancybox__container {
  z-index: 3000;
}

/* Footer */
.footer-module a {
  color: rgba(255, 255, 255, 0.7) !important;
}

.footer-module a:hover {
  color: rgb(255, 255, 255) !important;
}

.footer-module ul {
  list-style-type: none;
  padding-left: 0;
}

.footer-module label,
.footer-module .formGdprNotice {
  color: #ffffff !important;
}

.footer-module .formEmail {
  background-color: #eeeeee !important;
  display: block;
  width: 80%;
  min-width: 150px;
  padding: 14px;
  border: 1px solid #cccccc !important;
  border-radius: 3px;
}

.footer-module .formSubmit {
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  margin-top: 5px;
  padding: 8px;
  border: none;
  border-radius: 3px;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

.footer-module .formSubmit:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

@media (max-width: 980px) {
  .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
  }
}
/* Notification */
.content-comment {
  font-size: 16px;
}
.content-comment a {
  color: red;
}
.content-comment strong {
  font-size: 18px;
  color: red;
}
.content-comment:before {
  color: red;
  margin-right: 4px;
  font-size: 16px;
  font-weight: normal;
  font-family: ETmodules;
  content: "\e063";
}

@media (max-width: 1350px) {
  #top-menu-nav {
    display: none;
  }
  #et_top_search {
    margin: 9px 35px 0 0 !important;
    float: left !important;
  }
  #et_mobile_nav_menu {
    display: block;
  }
  .accordion-slider-panel {
    width: 100%;
  }
  .accordion-slider-panel .et_pb_blurb_content {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media (max-width: 670px) {
  .accordion-slider-panel {
    width: 100%;
  }
  .accordion-slider-panel .et_pb_blurb_content {
    top: 10px;
  }
}/*# sourceMappingURL=style.css.map */