/* Theme Name: SkillValley Theme URI: https://skillvalley.nl/ Description: SkillValley Author: Eric Coumans Author URI: https://skillvalley.nl Template: Divi Version: 1.0.0 */ /* iPhone Portrait Mode */ @media only screen and (max-width:767px) { p, h1, h2, h3, h4, h5, h6{word-break: keep-all!important;word-wrap: normal!important;} } /* iPad Portrait Mode */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {} /* ======================================================================================================================== */ /* Fonts Import */ /* ======================================================================================================================== */ /* Var-items */ :root { --SVA: rgba(7,186,184,1); /* #07bab8; */ --SVB: rgba(48,18,83,1); /* #301253; */ --FFAM: "all-round-gothic", sans-serif; --FWBOOK: 400; --FWBOLD: 700; --FSNORMAL: normal; --FSITALIC: italic; } .valign--center{display: flex;flex-direction: column;justify-content: center;} .valign--bottom{display: flex;flex-direction: column;justify-content: flex-end;} /* ======================================================================================================================== */ /* Main CSS */ html{width: 100vw;margin: 0;padding: 0;} body{overflow-x: hidden;max-width: 100vw;width: 100vw;margin: 0;padding: 0;} #page-container {overflow-x: hidden;} h1.word-spinner-h1-001 {max-width: 1000px;text-align: left;font-size: 80px;font-family: var(--FFAM);font-weight:var(--FWBOOK);color:var(--SVA);} .word-spinner { display: inline-block;position: relative;width: 220px;height: auto;color:var(--SVB); &::before {content: "\00a0 ";} span {display: block;position: absolute;font-weight:var(--FWBOLD);top: 0;opacity: 0;overflow: hidden; &.active {animation-name: rotateWord;animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);animation-iteration-count: 1;animation-delay: 0s;} } } @keyframes rotateWord { 0% {opacity: 0;transform: translateY(-30px);} 15% {opacity: 1;transform: translateY(0px);} 85% {opacity: 1;transform: translateY(0px);} 100% {opacity: 0;transform: translateY(30px);} } @media only screen and (max-width:767px) { h1.word-spinner-h1-001{font-size:40px;margin-top:20px;} } p:not(.has-background):last-of-type{padding-bottom: 1em;} .grecaptcha-badge{visibility:hidden;display:none;} /* ======================================================================================================================== */ /* CUSTOM POST TYPES */ body.single-catalogus div.container {padding-top: 0 !important;width: 100%;max-width:100%;} body.single-catalogus div.entry-content {padding-top:0} body.single-catalogus #left-area .post-meta {display: none;visibility:hidden} body.single-catalogus .entry-title {display: none;visibility:hidden} body.single-catalogus .et_pb_post {margin-bottom:inherit} body.single-catalogus .et_post_meta_wrapper {display: none;visibility:hidden} @media (min-width: 981px) { body.single-catalogus #left-area {padding-bottom:inherit} } /* ======================================================================================================================== */ /* WEBSITE */ .et_pb_module.et_pb_text h1, .et_pb_module.et_pb_text h2, .et_pb_module.et_pb_text h3, .et_pb_module.et_pb_text h4, .et_pb_contact_main_title, .training-item h2, .training-item h3{font-family: var(--FFAM)!important;font-weight:var(--FWBOOK)!important;} .et_pb_module.et_pb_text h1 span, .et_pb_module.et_pb_text h2 span, .et_pb_module.et_pb_text h3 span, .et_pb_module.et_pb_text h4 span, .training-item h2 span, .training-item h3 span{font-family: var(--FFAM)!important;font-weight:var(--FWBOLD)!important;} .et_pb_button_module_wrapper a.et_pb_button, .et_pb_contact_submit.et_pb_button, .dsm_contact_form_7 .wpcf7-form-control.wpcf7-submit{font-family: var(--FFAM)!important;font-weight:var(--FWBOLD)!important;} .ahref a{font-family: var(--FFAM)!important;font-weight:var(--FWBOLD)!important;} .ahref a .fa-solid{color:var(--SVA);} .pa-inline-buttons .et_pb_button_module_wrapper {display: inline-block;} /* ======================================================================================================================== */ /* Breadcrumbs */ .rank-math-breadcrumb a {} .rank-math-breadcrumb .last{color:#ffffff;} /* ======================================================================================================================== */ /* Header */ #main-header{-webkit-box-shadow:none;box-shadow:none;font-family: var(--FFAM);font-weight:var(--FWBOOK);margin: 75px auto 40px auto;} #main-header .container {width: 90%;max-width: 1280px;height: 95px;} #et-top-navigation{font-family: var(--FFAM);font-weight:var(--FWBOOK);} .et_header_style_left #et-top-navigation {padding-top: 22px;} #top-menu-nav>ul>li>a:hover{opacity:1;color:var(--SVA);} .nav li ul{width:initial;} #top-menu li li {width: 100%;} #top-menu li li a{white-space:nowrap; width:100%;} .headermenu--button {margin-left: 20px;} .headermenu--button a{color: #FFFFFF!important;border-width: 0px!important;border-radius: 6px;font-size: 20px!important;background-color: #07BAB8;font-family: var(--FFAM);font-weight: var(--FWBOLD);padding-top: 15px!important;padding-right: 30px!important;padding-bottom: 15px!important;padding-left: 30px!important;display: inline-block!important;box-shadow: 6px 6px 0px 0px #301253;z-index: 10;position: relative;transition: padding 300ms ease 0ms;cursor:pointer;} .headermenu--button a:hover{padding-right: 40px!important;padding-left: 40px!important;} .fullwidth--header--background{height: 600px;overflow: hidden;} .fullwidth--header--background .et_pb_fullwidth_image{width: 100%;height: 600px;overflow: hidden;display: flex;justify-content: center;align-items: center;} .fullwidth--header--background .et_pb_fullwidth_image img{width: 100%;height: 100%;object-fit: cover;} .fullwidth--header--background .et_pb_fullwidth_image:before {position: absolute;top: 0;height: 75px;width: 100%;background: rgba(48, 18, 83,.6);content: " ";z-index: 1;left: 0;right: 0;} #et_top_search span#et_search_icon::before { color: #FFFFFF!important;border-width: 0px!important;border-radius: 6px;font-size: 20px!important;background-color: var(--SVB);transition: padding 300ms ease 0ms; font-family: var(--FFAM);font-weight: var(--FWBOLD);padding: 12px 18px;display: inline-block!important;box-shadow: 6px 6px 0px 0px var(--SVA);z-index: 10;cursor:pointer; } #et_top_search span#et_search_icon:hover::before{padding: 12px 28px;} .et_search_outer form.et-search-form {background:rgba(0,0,0,.1)!important;margin: 10px 0px;border-radius: 10px;} .et_search_outer span.et_close_search_field {right: 10px;background: var(--SVA);border-radius: 100px;padding: 4px 0px 0px 4px;width: 40px;height: 40px;transition: background 300ms ease 0ms;cursor:pointer;} .et_search_outer span.et_close_search_field:hover{background: var(--SVB);} .et_search_outer span.et_close_search_field:after{color:#ffffff;} @media only screen and (max-width: 999px) { #et_top_search { display: none;visibility:hidden; } } /* ======================================================================================================================== */ /* Homepage */ .hp-catalogus-container {width: 100%;margin: 0 auto;} .hp-catalogus-toggle { width: 100%;color: white;border: none;cursor: pointer;text-align: left;border-radius: 16px;background: var(--SVA);font-family: var(--FFAM);font-weight: var(--FWBOLD); padding: 15px 20px;font-size: 20px;box-shadow: 6px 6px 0px 0px rgba(7,186,184,0.5);position: relative; transition: all 300ms ease 0ms;-webkit-user-select: none;-ms-user-select: none;user-select: none; } .hp-catalogus-toggle:hover {padding:15px 40px; background:#F14878; box-shadow: 6px 6px 0px 0px rgba(241,72,120,0.5);} .hp-catalogus-toggle:after{font-family: ETmodules;content: "3";font-size: 40px;position: absolute;right: 14px;top: 14px;font-weight: 800;} .hp-catalogus-toggle.catalogus-toggle--open{ background:#F14878;box-shadow: 6px 6px 0px 0px rgba(241,72,120,0.5);} .hp-catalogus-toggle.catalogus-toggle--open:after{content:"2";} .hp-catalogus-menu {display: none;margin: 20px 0px 0px 0px;border-radius: 16px;padding: 0px;box-shadow: 6px 6px 0px 0px rgba(255,255,255,.3);border: none;background: #ffffff;height:300px;max-height: 300px;overflow: hidden;} .hp-catalogus-menu--inner{display:block;height:300px;max-height: 300px;overflow-y: auto;} .hp-catalogus-category { display: block;width: 100%;border: none;text-align: left;cursor: pointer;font-size: 18px;transition: all 0.3s; background: #ffffff;padding: 15px 20px;border-bottom: 1px solid #efefef;position:relative; font-family: var(--FFAM);font-weight: var(--FWBOLD);color:#343434; } .hp-catalogus-category:hover {background: #efefef;} .hp-catalogus-category:after {font-family: ETmodules;content: "3";font-size: 30px;position: absolute;right: 15px;top: 10px;font-weight: 800;} .hp-catalogus-category.hp-catalogus-category--open{background:var(--SVA);color:#ffffff;} .hp-catalogus-items {display: none;padding: 0px;background: white;border-left: 10px solid var(--SVA);} .hp-catalogus-items p{padding:0px!important;border-bottom: 1px solid #efefef;line-height: 40px;} .hp-catalogus-items a {display: block;padding: 0px 0px 0px 20px;color: var(--SVB);text-decoration: underline;} .hp-catalogus-items a:hover {text-decoration: underline;} .home-ctl{} .home-ctl > .et_pb_text_inner{ display: grid; grid-template-columns: repeat( auto-fit, minmax(350px, 1fr) ); grid-gap: 30px 40px;} .home-ctl .home-ctl-inner{ align-items: flex-start; display: flex; height: 100%; flex-direction: column; background-color: #efefef;border-radius: 10px 10px 10px 10px;padding: 30px;box-shadow: 6px 6px 0px 0px rgba(52,52,52,0.31); } .home-ctl .home-ctl-h3, .home-ctl .home-ctl-h4, .home-ctl .home-ctl-desc, .home-ctl .home-ctl-cta{ row-gap: 0;column-gap: 0;margin: 0px!important;width: 100%; } .home-ctl .home-ctl-h3{flex-grow: 0;} .home-ctl .home-ctl-h3 h3{font-size: 20px;color: #301253!important;line-height: 1.2em;} .home-ctl .home-ctl-h4{flex-grow: 0;} .home-ctl .home-ctl-h4 h4{} .home-ctl .home-ctl-desc{flex-grow: 1;} .home-ctl .home-ctl-desc p{} .home-ctl .home-ctl-cta{text-align:right;padding-top: 20px!important;border-top: 6px solid #07BAB8;} .home-ctl .home-ctl-cta a{ font-family: var(--FFAM)!important;font-weight: var(--FWBOLD)!important;color: #FFFFFF!important;font-size: 20px; border-width: 0px!important;border-radius: 6px;background-color: #07BAB8;padding: 10px 30px!important; transition: padding 300ms ease 0ms;box-shadow: 6px 6px 0px 0px #301253; } .home-ctl .home-ctl-cta a:hover{padding: 10px 40px!important;} /* ======================================================================================================================== */ /* Catalogus */ .category-buttons{display: flex;gap: 16px;flex-wrap: wrap;justify-content: flex-start;} .category-buttons .category-btn, .training-cta a{color: #FFFFFF!important;border-width: 0px!important;border-radius: 6px;font-size: 20px!important;background-color: var(--SVA);font-family: var(--FFAM);font-weight: var(--FWBOLD);padding-top: 15px!important;padding-right: 15px!important;padding-bottom: 15px!important;padding-left: 15px!important;display: inline-block!important;box-shadow: 6px 6px 0px 0px var(--SVB);z-index: 10;position: relative;transition: padding 300ms ease 0ms;text-transform:lowercase;flex: 1;box-sizing: border-box;} .category-buttons .category-btn:hover, .training-cta a:hover{padding-right: 40px!important;padding-left: 40px!important;cursor:pointer;background-color:var(--SVB);box-shadow: 6px 6px 0px 0px var(--SVA);} .category-buttons .category-btn.active {background-color:var(--SVB);box-shadow: 6px 6px 0px 0px var(--SVA);} .training-items {display: flex; flex-direction: column; align-items: center;} .training-item {background-color: #ffffff;border: 1px solid #ddd;border-radius: 10px;padding: 25px 40px;margin: 10px 0;width: 100%;display: flex;width: 100%;gap: 10px 30px;flex-wrap: wrap;transition:all .3s;box-shadow:0px 0px 0px rgba(0,0,0,0);} .training-item:hover{cursor:pointer;border:3px solid var(--SVA);box-shadow:10px 10px 16px rgba(0,0,0,0.10);} .training-item.training-itemheader{border:none;padding:0px;background:transparent;} .training-item.training-itemheader h2{font-size: 30px;line-height: 1.2em;font-weight:var(--FWBOLD)!important;} .training-item.training-itemheader:hover{cursor:initial;border:none;box-shadow:none;} .training-item--left, .training-item--right{flex: 1;box-sizing: border-box;} .training-item--left{max-width:250px;} .training-item--full{flex: initial;width:100%} .training-item--left img {border-radius: 10px;max-width:250px;} .training-item h2 {font-size: 40px;line-height: 1.2em;} .training-item h3 {font-size: 20px;color: var(--SVB);line-height: 1.2em;font-weight: var(--FWBOLD);} .training-item p{max-width:1100px;} .training-item--footer{border-top:1px solid #efefef; padding-top:10px; margin-top:10px;display: flex;justify-content: space-between;align-items: center;} .training-details{color:#989898;font-style:italic;} .training-cta{} .hidden {display: none;} @media only screen and (max-width:767px) { .training-item{padding:20px 20px;} .category-btn{margin-bottom:10px;} .training-item h2 {font-size: 30px;line-height: 1.2em;} .training-item h3 {font-size: 18px;} .training-item--footer{display:block;} .training-cta {margin-top: 10px;display: block;} .training-cta a{font-size: 18px!important;padding: 10px 20px!important;} .training-cta a:hover{padding: 10px 20px!important;} } .single-catalogus #rank-math-rich-snippet-wrapper{display:none;visibility:hidden;} /* ======================================================================================================================== */ /* Footer Slogan */ .footerslogan:before{content: "";position: absolute;left: 50%;background-color: #eeecec;width: 100vw;height: 100%;z-index: 0;} /* ======================================================================================================================== */ /* wpcf7-form CSS */ .wpcf7-form{} .et-db #et-boc .et-l .dsm_contact_form_7_0 .wpcf7-form label {font-size: 16px;color:#343434 !important} .et-db #et-boc .et-l .dsm_contact_form_7_0.dsm_contact_form_7 .wpcf7-form-control.wpcf7-text, .et-db #et-boc .et-l .dsm_contact_form_7_0.dsm_contact_form_7 .wpcf7-form-control.wpcf7-tel, .et-db #et-boc .et-l .dsm_contact_form_7_0.dsm_contact_form_7 .wpcf7-form-control.wpcf7-url, .et-db #et-boc .et-l .dsm_contact_form_7_0.dsm_contact_form_7 .wpcf7-form-control.wpcf7-quiz, .et-db #et-boc .et-l .dsm_contact_form_7_0.dsm_contact_form_7 .wpcf7-form-control.wpcf7-number, .et-db #et-boc .et-l .dsm_contact_form_7_0.dsm_contact_form_7 .wpcf7-form-control.wpcf7-textarea, .et-db #et-boc .et-l .dsm_contact_form_7_0.dsm_contact_form_7 .wpcf7-form-control.wpcf7-select { font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif;font-size: 16px;color:#343434 !important; } .et-db #et-boc .et-l .dsm_contact_form_7_0 .wpcf7-not-valid-tip {font-size: 16px;color: #FFFFFF !important;border-radius: 6px 6px 6px 6px;overflow: hidden;background-color:#F14878} .et-db #et-boc .et-l .dsm_contact_form_7_0 .wpcf7 form.invalid .wpcf7-response-output, .et-db #et-boc .et-l .dsm_contact_form_7_0 .wpcf7 form.unaccepted .wpcf7-response-output {font-size: 16px;color: #FFFFFF !important;background-color:#F14878} .et-db #et-boc .et-l .dsm_contact_form_7_0 .wpcf7 form.sent .wpcf7-response-output {font-size: 16px!important;color: #07BAB8 !important;background: var(--SVA)!important;padding: 10px 20px!important;border-radius: 10px!important;color: #ffffff!important;} .et-db #et-boc .et-l .dsm_contact_form_7_0.dsm_contact_form_7 .wpcf7-form-control.wpcf7-text, .et-db #et-boc .et-l .dsm_contact_form_7_0.dsm_contact_form_7 .wpcf7-form-control.wpcf7-tel, .et-db #et-boc .et-l .dsm_contact_form_7_0.dsm_contact_form_7 .wpcf7-form-control.wpcf7-url, .et-db #et-boc .et-l .dsm_contact_form_7_0.dsm_contact_form_7 .wpcf7-form-control.wpcf7-quiz, .et-db #et-boc .et-l .dsm_contact_form_7_0.dsm_contact_form_7 .wpcf7-form-control.wpcf7-number, .et-db #et-boc .et-l .dsm_contact_form_7_0.dsm_contact_form_7 .wpcf7-form-control.wpcf7-textarea, .et-db #et-boc .et-l .dsm_contact_form_7_0.dsm_contact_form_7 .wpcf7-form-control.wpcf7-select, .et-db #et-boc .et-l .dsm_contact_form_7_0.dsm_contact_form_7 .wpcf7-form-control.wpcf7-date { border-radius: 6px 6px 6px 6px;overflow: hidden;border-width: 1px;border-color: #cccccc;background-color:#efefef } .et-db #et-boc .et-l .dsm_contact_form_7_0 .wpcf7 form.invalid .wpcf7-response-output, .et-db #et-boc .et-l .dsm_contact_form_7_0 .wpcf7 form.unaccepted .wpcf7-response-output, .et-db #et-boc .et-l .dsm_contact_form_7_0 .wpcf7 form .wpcf7-response-output.wpcf7-validation-errors, .et-db #et-boc .et-l .dsm_contact_form_7_0 .wpcf7 form.sent .wpcf7-response-output, .et-db #et-boc .et-l .dsm_contact_form_7_0 .wpcf7 form .wpcf7-response-output.wpcf7-mail-sent-ok { border-radius: 6px 6px 6px 6px;overflow: hidden;border-width:0px } body.et-db #page-container #et-boc .et-l .et_pb_section .dsm_contact_form_7_0 .wpcf7-form-control.wpcf7-submit { color: #FFFFFF !important;border-width: 0px !important;border-radius: 6px;font-size: 20px;background-color: #F14878 !important; padding-top: 15px !important;padding-right: 30px !important;padding-bottom: 15px !important;padding-left: 30px !important;margin-top:20px !important } .et-db #et-boc .et-l .dsm_contact_form_7_0 .wpcf7-form-control.wpcf7-submit {box-shadow:6px 6px 0px 0px #301253} body.et-db #page-container #et-boc .et-l .et_pb_section .dsm_contact_form_7_0 .wpcf7-form-control.wpcf7-submit:hover { padding-top: 15px !important;padding-right: 40px !important;padding-bottom: 15px !important;padding-left:40px !important } .et-db #et-boc .et-l .dsm_contact_form_7_0 .wpcf7-form-control.wpcf7-submit:after, .et-db #et-boc .et-l .dsm_contact_form_7_0 .wpcf7-form-control.wpcf7-submit:before{display:none!important; visibility:hidden!important;} .et-db #et-boc .et-l .dsm_contact_form_7_0 label {margin-bottom:0px} .wpcf7-form input[type="number"]::-webkit-outer-spin-button, .wpcf7-form input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none !important;margin: 0 !important;} .wpcf7-form input[type="number"] {-moz-appearance: textfield !important;} .wpcf7-form--container {display: flex;width: 100%;gap: 30px;flex-wrap: wrap;} .wpcf7-form--full-div{flex: initial;width: 100%;box-sizing: border-box;border-bottom: 1px solid #efefef;padding-bottom: 20px;} .wpcf7-form--left-div, .wpcf7-form--right-div {flex: 1;box-sizing: border-box;} @media (max-width: 768px) { .wpcf7-form--left-div, .wpcf7-form--right-div {flex-basis: 100%;} } .wpcf7-form .wpcf7-customspan{color:var(--SVB)!important;} .wpcf7-form .wpcf7-customh2{font-family: var(--FFAM)!important;font-weight: var(--FWBOLD)!important;color:var(--SVB)!important;} .wpcf7-form .wpcf7-customlabel{margin: 0px 0px 6px 0px!important;} .wpcf7-form .wpcf7-form-control-wrap{margin: 4px 0px 0px 0px;display: block;} .wpcf7-form .wpcf7-not-valid-tip {margin: 10px 0px;padding: 2px 10px;} .wpcf7-form .wpcf7-response-output {margin: 10px 0px;padding: 2px 10px;} .et_pb_tabs.dsm_contact_form_7.dsm_contact_form_7_0{} .et_pb_tabs.dsm_contact_form_7.dsm_contact_form_7_0 .et_pb_tabs_controls{background:none!important;display:inline-block;margin:0px 0px -7px 20px;} .et_pb_tabs.dsm_contact_form_7.dsm_contact_form_7_0 .et_pb_tabs_controls:after{border:none!important;display:none!important;visibility:hidden!important;} .et_pb_tabs.dsm_contact_form_7.dsm_contact_form_7_0 .et_pb_tabs_controls li{border:none!important;border-top-left-radius:10px; border-top-right-radius:10px;margin-left:10px;} .et_pb_tabs.dsm_contact_form_7.dsm_contact_form_7_0 .et_pb_tabs_controls li a{font-family: var(--FFAM)!important;font-weight: var(--FWBOLD)!important;padding: 10px 20px!important;} .et_pb_tabs.dsm_contact_form_7.dsm_contact_form_7_0 .et_pb_all_tabs {border-radius: 16px;border: 1px solid #efefef;} /* ======================================================================================================================== */ /* Download monitor */ .dlm-xhr-progress{display:none;visibility:hidden;} /* ======================================================================================================================== */ /* Category Overview */ .category-filters{} .category-filters a{color: #ffffff!important;} .category-filters li:hover a{color: var(--SVA)!important;} .category-filters .selected{position:relative;} .category-filters .selected a {color: var(--SVA)!important;} .category-filters .selected:before {content: " ";display: block;position: absolute;background-color: var(--SVA);left: -59px;height: 19px;width: 50px;border-radius: 20px;top: 7px;} .category-overview {} @media (min-width: 768px) { .category-overview article.has-post-thumbnail { display: grid; grid-template-columns: 30% auto; grid-template-rows: repeat(4, auto); gap: 0 20px; } .category-overview article.et_pb_post { margin-bottom: 20px } .category-overview article.has-post-thumbnail .entry-featured-image-url { grid-row: span 5; margin-bottom: 0; } } .category-overview .et_pb_post{background-color: #ffffff;border: 1px solid #ddd;border-radius: 10px;padding: 20px;margin: 0px 0px 10px 0px!important;transition: all .3s;box-shadow: 0px 0px 0px rgba(0,0,0,0);} /* .category-overview article{display: flex;flex-wrap: wrap;flex-direction: column;} .category-overview article > div.et_pb_image_container{order:1;} .category-overview article > p{order:4;} .category-overview article > h2{order:2;} .category-overview article > div.post-content{order:3;} */ .category-overview .et_pb_post .entry-featured-image-url{max-width: 100%;} .category-overview article > div.et_pb_image_container{margin:0!important;} .category-overview h2 a{font-family: var(--FFAM)!important;font-weight: var(--FWBOLD)!important;font-size: 22px;line-height: 1.2em;} .category-overview h3 {font-size: 18px;color: var(--SVB)!important;line-height: 1.2em;} .category-overview article > a > img{border-radius:10px;} .category-overview article .post-content-inner p{width: 100%;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 5.4em;} /* .category-overview a.more-link{color: #FFFFFF!important;border-width: 0px!important;border-radius: 6px;font-size: 20px!important;background-color: var(--SVA);font-family: var(--FFAM);font-weight: var(--FWBOLD);padding-top: 15px!important;padding-right: 15px!important;padding-bottom: 15px!important;padding-left: 15px!important;display: inline-block!important;box-shadow: 6px 6px 0px 0px var(--SVB);z-index: 10;position: relative;transition: padding 300ms ease 0ms;text-transform:lowercase;flex: 1;box-sizing: border-box;} .category-overview a.more-link:hover{padding-right: 40px!important;padding-left: 40px!important;cursor:pointer;background-color:var(--SVB);box-shadow: 6px 6px 0px 0px var(--SVA);} */ .category_description{} .category_description.et_pb_module.et_pb_text h2, .category_description.et_pb_module.et_pb_text h3{font-family: var(--FFAM)!important;font-weight: var(--FWBOLD)!important;} .category_description.et_pb_module.et_pb_text h2{font-size: 30px;line-height: 1.2em;} .category_description.et_pb_module.et_pb_text h3{} .category-overview .post-meta{display:none;visibility:hidden;} /* ======================================================================================================================== */ /* Blog Posts */ /* Blog post overview page */ .blog--overview--headerpost{background-color: var(--SVB);border-radius: 32px;overflow-x: hidden;/*border: 3px solid var(--SVB);*/} @media only screen and (min-width: 981px) { .blog--overview--headerpost{padding: 0px;} .blog--overview--headerpost article.et_pb_post{margin:0px;height: 500px;} .blog--overview--headerpost article a.entry-featured-image-url{margin:0px 0px 0px 40px;float: right;height: 100%;max-width: 60%;overflow: hidden;display: grid;justify-content: center;} .blog--overview--headerpost article a.entry-featured-image-url img {vertical-align: bottom;max-width:initial;height: 100%;width: auto;max-height:500px;} .blog--overview--headerpost article h2.entry-title, .blog--overview--headerpost article p.post-meta, .blog--overview--headerpost article div.post-content{padding:0px 0px 0px 40px;max-width: 35%;float: left;width: 35%;} } .blog--overview--headerpost article h2.entry-title{padding-top: 40px;font-family: var(--FFAM);font-weight: var(--FWBOLD);margin: 10px 0px;color: #ffffff;} .blog--overview--headerpost article p.post-meta{color: rgba(0,0,0,0)!important;} .blog--overview--headerpost article p.post-meta span, .blog--overview--headerpost article p.post-meta a{ background-color: rgba(255,255,255,.2);padding: 5px 10px;font-size: 12px;border-radius: 16px;color: rgba(255,255,255,.8)!important; } .blog--overview--headerpost article div.post-content{} .blog--overview--headerpost article div.post-content .post-content-inner{border-top:1px solid rgba(255,255,255,.1);padding-top:15px;margin-top:15px;} .blog--overview--headerpost article div.post-content p{font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;line-height: 2em;font-size:16px;color:#ffffff;} .blog--overview--headerpost article div.post-content a.more-link{ color: #FFFFFF;border-width: 0px;border-radius: 6px;font-size: 20px;background-color: var(--SVA);font-family: var(--FFAM);font-weight: var(--FWBOLD); padding-top: 15px;padding-right: 30px;padding-bottom: 15px;padding-left: 30px;display: inline-block; z-index: 10;position: relative;transition: padding 300ms ease 0ms;cursor: pointer; } .blog--overview--headerpost article div.post-content a.more-link:hover{padding-right: 40px;padding-left: 40px;} .blog--overview--subpost{} @media only screen and (min-width: 981px) { .blog--overview--subpost>div{width: 24%!important; margin-right: 1.3%!important;} } .blog--overview--subpost-1_4, .blog--overview--subpost-2_4, .blog--overview--subpost-3_4, .blog--overview--subpost-4_4{ background-color:rgba(0,0,0,.05); padding:0px; border-radius:16px; overflow:hidden;border: 1px solid rgba(0,0,0,.1);height: 100%; } .blog--overview--subpost-1_4{} .blog--overview--subpost-2_4{} .blog--overview--subpost-3_4{} .blog--overview--subpost-4_4{} .blog--overview--subpost article.et_pb_post{margin:0px 0px 25px 0px;} .blog--overview--subpost article a.entry-featured-image-url{height: 200px;overflow: hidden;display: grid;justify-content: center;} .blog--overview--subpost article a.entry-featured-image-url img {vertical-align: bottom;max-width:initial;height: 100%;width: auto;max-height:200px;} .blog--overview--subpost article h2.entry-title, .blog--overview--subpost article p.post-meta, .blog--overview--subpost article div.post-content{padding:0px 30px 0px 30px;width: 100%;} .blog--overview--subpost article div.post-content .post-content-inner{border-top:1px solid rgba(0,0,0,.05);padding-top:15px;margin-top:15px;} .blog--overview--subpost article p.post-meta{color: rgba(0,0,0,0)!important;} .blog--overview--subpost article p.post-meta span, .blog--overview--subpost article p.post-meta a{ background-color: rgba(0,0,0,.1);padding: 5px 10px;font-size: 12px;border-radius: 16px;color: rgba(0,0,0,.4)!important; } .blog--overview--subpost article h2.entry-title{padding-top: 0px;font-family: var(--FFAM);font-weight: var(--FWBOLD);margin: 10px 0px;color: var(--SVB);} .blog--overview--subpost article div.post-content p{font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;line-height: 2em;font-size:16px;} /*.blog--overview--subpost article div.post-content a.more-link{ color: #FFFFFF;border-width: 0px;border-radius: 6px;font-size: 20px;background-color: var(--SVA);font-family: var(--FFAM);font-weight: var(--FWBOLD); padding-top: 15px;padding-right: 30px;padding-bottom: 15px;padding-left: 30px;display: inline-block; z-index: 10;position: relative;transition: padding 300ms ease 0ms;cursor: pointer;box-shadow: 6px 6px 0px 0px var(--SVB); } .blog--overview--subpost article div.post-content a.more-link:hover{padding-right: 40px;padding-left: 40px;}*/ .blog--overview--historyposts{} .blog--overview--historyposts article{padding: 10px 10px; border: 1px solid rgba(0,0,0,.1); border-radius:10px; overflow:hidden;margin: 0px 0px 15px 0px;} .blog--overview--historyposts article a.entry-featured-image-url{height: 150px;overflow: hidden;display: grid;justify-content: center;float:left;border-radius: 5px;max-width: 200px;margin:0px 20px 20px 0px;} .blog--overview--historyposts article a.entry-featured-image-url img {vertical-align: bottom;max-width:initial;height: 100%;width: auto;max-height:150px;} .blog--overview--historyposts article h2.entry-title{padding: 0px;font-family: var(--FFAM);font-weight: var(--FWBOLD);margin: 10px 0px 0px 0px;color: var(--SVB);} .blog--overview--historyposts article h2.entry-title, .blog--overview--historyposts article p.post-meta, .blog--overview--historyposts article div.post-content{max-width:80%;display: grid;} .blog--overview--historyposts article p.post-meta{color: rgba(0,0,0,0)!important;display: inline-block;padding: 5px 0px 0px 0px;margin:0px;} .blog--overview--historyposts article p.post-meta span, .blog--overview--historyposts article p.post-meta a{ background-color: rgba(0,0,0,.1);padding: 5px 10px;font-size: 12px;border-radius: 16px;color: rgba(0,0,0,.4)!important; } .blog--overview--historyposts article div.post-content .post-content-inner{border-top:1px solid rgba(0,0,0,.05);padding-top:15px;margin-top:15px;display:inline;} .blog--overview--historyposts article div.post-content .post-content-inner p{padding:0px;} .blog--overview--historyposts article div.post-content .post-content-inner a.more-link{display:inline;} .blog--overview--historyposts .entry p{display:none; visibility:hidden; } /* Blog post single-item */ .single-post .fullwidth--header--background .et_pb_fullwidth_image img{opacity: .3;filter: grayscale(100%);} .single-post article{padding-bottom: 0px!important;margin-bottom: 0px!important;} .blogbody{} .blogbody .wp-block-group{} .blogbody .wp-block-group.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){ max-width:initial; } .blogbody h2{ margin-top: 100px;color: #301253;line-height: 1.2em;font-weight:var(--FWBOLD)!important; font-family: var(--FFAM);font-weight: var(--FWBOOK);font-size: 40px;} .blogbody p{line-height: 2em;} .blogbody .wp-block-group:before {position: absolute;width: 14px;height: calc( 100% - 2em );content: " ";background-color: var(--SVA);left: -50px;top: 10px;} /*.blogintro > div::first-letter, .blogbody .wp-block-group > p:first-child::first-letter { -webkit-initial-letter: 2; initial-letter: 2; margin-right: .5em; font-weight:var(--FWBOLD); color: var(--SVA); }*/ .wpcf7-form--full-div{border: 1px solid rgba(0,0,0,.05);padding: 30px 35px 40px 35px;margin: 20px 0px 0px 0px;border-radius: 16px;} .wpcf7-form--full-div h2{margin: 0px;padding: 0px 0px 10px 0px;}