.cd-main-header{
background-color: #540f6a !important;
}
.cd-primary-nav > li > a{
color: #ffffff !important;
}
.cd-primary-nav > li.current-menu-item > a,
.cd-primary-nav > li > a:hover{
color: #efbdff!important;
}
.cd-overlay{
background-color: rgba(239,189,255,0.4) !important;
}
.cd-search-trigger span::before, .cd-search-trigger span::after,
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
background-color: #fff !important;
} *,
*::after,
*::before {
box-sizing: border-box;
}
body {
font-size: 90%;
line-height: 1.5em;
font-family: "Open Sans", sans-serif;
color: #303030;
}
@media only screen and (max-width: 1169px) {
body.nav-on-left.overflow-hidden {
overflow: hidden;
}
}
h1,
h2,
h3,
h4,
h5 {
font-weight: 400;
}
.page-content h1 {
color: #540f6a;
font-size: 28px;
line-height: 1.5em;
margin-bottom: 20px;
}
h3 {
font-size: 26px;
color: #540f6a;
padding: 0;
line-height: 1.1em;
margin: 0 0 20px 0;
}
a {
color: #9518af;
text-decoration: none;
-o-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
img {
width: auto;
max-width: 100%;
height: auto;
vertical-align: bottom;
}
p {
margin: 0 0 20px 0;
padding: 0;
line-height: 1.5em;
}
strong,
b {
font-weight: 700;
}
ul,
li {
margin: 0;
padding: 0;
}
::-moz-selection {
background: #c6c0b8;
text-shadow: none;
color: #000;
}
::selection {
background: #c6c0b8;
text-shadow: none;
color: #000;
}
input::-webkit-input-placeholder {
color: #999999;
}
input:-moz-placeholder {
color: #999999;
}
input::-moz-placeholder {
color: #999999;
}
input:-ms-input-placeholder {
color: #999999;
} .nopadding {
padding: 0;
}
.posrel {
position: relative;
}
.posabs {
position: absolute;
}
.aligncenter {
text-align: center;
}
.alignleft {
text-align: left;
}
.alignright {
text-align: right;
}
.inlineblock {
display: inline-block;
}
.fltright {
float: right;
}
.fltleft {
float: left;
}
.alignjustify {
text-align: justify;
}
.pad200 {
padding: 20px 0;
}
.pad20 {
padding: 20px;
}
.pad020 {
padding-left: 20px;
padding-right: 20px;
}
.pad40 {
padding: 40px;
}
.pad010 {
padding: 0 10px;
}
.padleft20 {
padding-left: 20px;
}
.margb20 {
margin-bottom: 20px;
}
.margb40 {
margin-bottom: 40px;
}
.margt20 {
margin-top: 20px;
}
.h100 {
height: 100%;
}
img.aligncenter {
display: block;
margin: 0 auto;
}
img.alignleft {
float: left;
margin: 0 20px 10px 0;
}
img.alignright {
margin: 0 0 10px 20px;
float: right;
}
.imgwidth100 {
width: 100%;
display: block;
}
.page-content ul {
list-style: square;
margin: 0 0 20px 20px;
}
.page-content ul li {
margin: 0 0 10px 0;
}
.page-content iframe {
width: 100%;
}
.page-content table {
width: 100%;
}
.page-content img {
max-width: 100%;
}
.page-content img.alignright {
float: right;
margin: 0 0 10px 10px;
max-width: 50%;
}
.page-content img.alignleft {
float: left;
margin: 0 10px 10px 0;
max-width: 50%;
}
.page-content img.aligncenter {
display: block;
margin: 0 auto !important;
}
.page-content a,
.page-content a:hover {
font-weight: 600;
}
.page-content a:hover {
text-decoration: underline;
}
.page-content .cta-but,
.page-content .cta-but:hover {
font-size: 12px;
text-decoration: none;
padding: 7px 20px;
}
.page-content em {
font-style: italic;
}
.addtrans {
-o-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.nowrap {
white-space: nowrap;
}
.bggrey {
background: #f2eff1;
}
.bgwhite {
background: #fff;
}
.bglightgreen {
background: #efbdff;
}
.bglightbrown {
background: #e5e0e3;
}
.cta-but,
.cta-but:visited,
.cta-but:hover {
display: inline-block;
padding: 10px 30px;
background: #9518af;
border-radius: 5px;
color: #fff;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.cta-but:hover {
background: #503c30;
}
.video-box {
margin-bottom: 30px;
}
.video-box p {
padding: 10px 15px;
margin: 0;
background: #e5e0e3;
font-style: italic;
color: #000;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.customize-support #wpadminbar {
position: fixed;
top: 18px;
} .everything-but-footer {
background: #f2eff1;
}
.main-logo {
margin: 4px 0 0 20px;
max-height: 100%;
max-width: 60%;
}
.negabox {
position: relative;
top: -40px;
overflow: hidden;
}
.flexb {
width: 100%;
overflow: hidden;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flexb-item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flexb-item-inner {
width: 100%;
overflow: hidden;
}
.hover-box .flexb-item-inner img,
.flexb-item .home-about img {
width: 100%;
display: block;
}
.introtext p {
margin: 0;
padding: 0;
}
.headline-box {
padding-top: 50px;
}
.headline-bg {
position: relative;
width: 100%;
height: 515px;
display: table;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.headline-bg.endpage-headline {
height: 275px;
background-position: center center;
}
.headline-text {
display: table-cell;
vertical-align: middle;
text-align: center;
position: relative;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: rgba(79, 60, 47, .5);
color: #fff;
padding: 1rem;
}
.headline-text h2 {
font-size: 72px;
color: #fff;
line-height: 1em;
margin-bottom: 10px;
}
.headline-text h3 {
font-size: 23px;
color: #fff;
}
.payoff-text {
padding: 40px;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 24px; line-height: 1.3em;
font-style: normal; }
a.hover-box,
a.hover-box:hover,
a.hover-box:visited {
display: block;
text-decoration: none;
color: #303030;
}
a.hover-box:hover > div {
background: #efbdff;
}
a.hover-box:hover img {
opacity: .8;
}
.partner-list {
margin: 0;
padding: 0;
text-align: center;
}
.partner-list li {
display: inline-block;
}
.partner-list li img {
display: block;
margin: 13px;
}
.partner-list li:first-of-type img {
margin-left: 0;
}
.partner-list li:last-of-type img {
margin-right: 0;
}
.partner-list li:last-of-type {
margin-bottom: 0px;
}
.partner-list:hover img {
opacity: .5;
}
.partner-list li img:hover {
opacity: 1;
}
.item-list li {
margin-bottom: 20px;
min-height: 40px;
}
.item-list li:last-of-type {
margin-bottom: 0px;
}
.item-list li a {
color: #303030;
}
.item-list li a:hover {
color: #9518af;
}
.item-list li:hover img {
opacity: .8;
}
.item-list li img {
width: 48px;
}
.item-list-img {
display: block;
float: left;
}
.download-list .item-list-img {
color: #540f6a;
position: relative;
margin-right: 0;
}
.download-list li:hover .item-list-img {
color: #9518af;
}
.download-list .item-list-img:before {
font-size: 44px;
position: absolute;
top: 6px;
left: 0;
line-height: 44px;
}
.item-list-text {
display: block;
font-size: 13px;
line-height: 1.4em;
margin-left: 60px;
}
.download-list .item-list-text {
margin-left: 50px;
margin-top: 5px;
}
.page-sidebar h3 {
margin: 0 0 20px;
padding: 0;
font-size: 22px;
}
.page-sidebar .item-list-text {
margin-left: 0;
}
.page-sidebar .item-list li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #540f6a;
}
.page-sidebar .item-list li:last-of-type {
border-bottom: 0;
}
.item-list-text span {
color: #9518af;
}
.download-box {
padding: 20px;
background: #e5e0e3;
margin: 20px 0;
}
.download-box h3 {
font-size: 20px;
margin-bottom: 15px;
}
.download-box .item-list {
padding: 0;
margin: 0 0 30px 0;
list-style: none;
}
.download-box .item-list a,
.download-box .item-list a:visited,
.download-box .item-list a:hover {
text-decoration: none;
}
.download-box .item-list li {
margin: 0 0 10px 0;
}
.download-box .item-list-img {
color: #540f6a;
margin-right: 5px;
margin-bottom: 0;
}
.download-box .item-list-img:before {
font-size: 20px;
}
.download-box .item-list-img.flaticon-arrow {
line-height: 17px;
margin-top: 0;
}
.download-box .item-list-img.flaticon-arrow:before {
font-size: 10px;
line-height: 0px;
}
.download-box .item-list-text {
margin-left: 0;
}
.download-box .item-list:last-of-type {
margin-bottom: 0;
}
.partner-box img {
max-width: 130px;
-webkit-filter: grayscale(100%); filter: grayscale(100%);
} .overview-itemlist {
margin-bottom: 20px;
}
.overview-itemlist p {
margin: 0;
}
.overview-itemlist h3 {
font-size: 18px;
line-height: 1.2em;
margin: 0 0 10px 0;
}
.overview-itemlist h3 a,
.overview-itemlist h3 a:visited,
.overview-itemlist h3 a:hover {
font-weight: 400;
text-decoration: none;
}
.overview-itemlist h3 a:hover {
color: #540f6a;
}
.overview-itemlist .arrow-link {
padding-left: 14px;
position: relative;
}
.overview-itemlist .arrow-link:before {
font-family: "Flaticon";
width: 20px;
height: 10px;
top: 0px;
left: 0;
content: "\f100";
font-size: 10px;
color: #9518af;
position: absolute;
}
.navigation {
margin-top: 20px;
text-align: center;
}
.navigation .page-numbers {
display: inline-block;
width: 1.6em;
height: 1.6em;
text-decoration: none;
font-size: 14px;
line-height: 1.6em;
padding: 0;
margin: 0;
}
.navigation .page-numbers.current {
background: #540f6a;
color: #fff;
}
.navigation .page-numbers.prev {
float: left;
width: auto;
}
.navigation .page-numbers.next {
float: right;
width: auto;
} .breadcrumb {
text-transform: lowercase;
color: #999;
font-size: 12px;
}
.sidebar-item {
margin-bottom: 30px;
} .gform_wrapper .top_label input[type=text] {
width: 100% !important;
border: 0;
padding: 5px 0 !important;
background: transparent;
color: #000;
border-bottom: 1px solid #9518af;
}
.gform_wrapper .top_label input[type=text]:focus {
outline: none;
}
.gform_wrapper .gform_footer {
padding: 0 !important;
margin: 20px 0 0 !important;
}
.gform_wrapper ul.gform_fields li.gfield {
padding-right: 0 !important;
}
.gform_wrapper .top_label div.ginput_container {
margin-top: 3px !important;
}
.gform_wrapper .top_label .gfield_label {
display: none !important;
}
.gform_wrapper span.gform_description {
margin-bottom: 0 !important;
}
.gform_wrapper .gform_footer input[type=submit] {
font-family: "Open Sans", sans-serif;
display: inline-block;
background: #9518af;
border-radius: 5px;
color: #fff;
font-size: 12px !important;
text-decoration: none;
padding: 7px 20px;
cursor: pointer;
border: 0;
line-height: 20px;
font-weight: 600;
text-transform: uppercase;
-o-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.gform_wrapper .gform_footer input[type=submit]:hover {
background: #503c30;
}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper li.gfield_error textarea {
border: 0 !important;
} .footer-wrapper {
background: #540f6a; margin-top: -80px;
}
.footer-container h3 {
color: #fff;
font-size: 28px;
margin: 0 0 15px;
}
.footer-container a,
.footer-container a:visited,
.footer-container a:hover {
color: #fff;
}
.footer-container a:hover {
text-decoration: underline;
}
.footer-table {
display: table;
color: #fff;
padding: 60px 0 20px;
width: 100%;
}
.footer-table-left {
display: table-cell;
vertical-align: bottom;
font-size: 13px;
}
.footer-table-right {
display: none; vertical-align: bottom;
line-height: 1.4em;
}
.float-menu {
display: inline-block;
margin-right: 0;
white-space: nowrap;
margin: 0;
padding: 0;
}
.float-menu li {
display: inline-block;
position: relative;
margin: 0;
padding: 0;
}
.float-menu li:before {
content: '|';
display: inline-block;
width: 1px;
padding-left: 6px;
padding-right: 16px;
text-align: center;
color: #fff;
} @media only screen and (max-width: 1024px) {
.pad40 {
padding: 30px;
}
.footer-table-right,
.footer-table-left {
display: block;
width: 100%;
text-align: center;
padding-bottom: 20px;
}
}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 768px) {
.payoff-text {
padding: 20px;
font-size: 24px;
}
.flexb-item {
width: 100%;
}
.partner-list li img {
margin: 13px;
}
.headline-bg {
height: 415px;
}
.headline-text h2 {
font-size: 32px;
line-height: 1.2em;
}
.headline-text h3 {
font-size: 18px;
}
.download-box .item-list-img {
margin-top: 5px;
margin-bottom: 10px;
}
.overview-itemlist .padleft20 {
padding-left: 0;
}
.overview-itemlist img {
margin-bottom: 10px;
}
.customize-support #wpadminbar {
top: 4px;
}
}input[type="search"]::-ms-clear { display: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
} .cd-main-content,
.cd-main-header { -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
will-change: transform;
}
.cd-main-content,
.cd-main-header {
position: relative;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
@media only screen and (max-width: 1169px) {
.cd-main-content.nav-is-visible,
.cd-main-header.nav-is-visible {
-webkit-transform: translateX(-260px);
-moz-transform: translateX(-260px);
-ms-transform: translateX(-260px);
-o-transform: translateX(-260px);
transform: translateX(-260px);
}
.nav-on-left .cd-main-content.nav-is-visible,
.nav-on-left .cd-main-header.nav-is-visible {
-webkit-transform: translateX(260px);
-moz-transform: translateX(260px);
-ms-transform: translateX(260px);
-o-transform: translateX(260px);
transform: translateX(260px);
}
}
.cd-main-content {
background: #77ac1c;
min-height: 100vh;
z-index: 2;
}
.cd-main-header {
height: 50px;
position: fixed;
width: 100%;
background: #ffffff;
z-index: 3;
top: 0;
}
.nav-is-fixed .cd-main-header { position: fixed;
top: 0;
left: 0;
width: 100%;
}
@media only screen and (min-width: 1170px) {
.cd-main-header::after {
clear: both;
content: "";
display: table;
}
}
.cd-header-buttons {
position: absolute;
display: inline-block;
top: 3px;
right: 20px;
}
.cd-header-buttons li {
display: inline-block;
}
@media only screen and (max-width: 1169px) {
.nav-on-left .cd-header-buttons {
right: auto;
left: 5%;
}
.nav-on-left .cd-header-buttons li {
float: right;
}
}
@media only screen and (min-width: 1170px) {
.cd-header-buttons {
top: 2px;
right: 20px;
}
}
.cd-search-trigger,
.cd-nav-trigger {
position: relative;
display: block;
width: 44px;
height: 44px;
overflow: hidden;
white-space: nowrap; color: transparent;
z-index: 3;
}
.cd-search-trigger::before,
.cd-search-trigger::after { content: '';
position: absolute;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-search-trigger::before { top: 11px;
left: 11px;
width: 18px;
height: 18px;
border-radius: 50%;
border: 3px solid #efbdff; }
.cd-search-trigger::after { height: 3px;
width: 8px;
background: #f0f0f0; bottom: 14px;
right: 11px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-search-trigger span { position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.cd-search-trigger span::before,
.cd-search-trigger span::after { content: '';
position: absolute;
display: inline-block;
height: 3px;
width: 22px;
top: 50%;
margin-top: -2px;
left: 50%;
margin-left: -11px;
background: #efbdff; opacity: 0; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.cd-search-trigger span::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-search-trigger span::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cd-search-trigger.search-is-visible::before,
.cd-search-trigger.search-is-visible::after { opacity: 0;
}
.cd-search-trigger.search-is-visible span::before,
.cd-search-trigger.search-is-visible span::after { opacity: 1;
}
.cd-search-trigger.search-is-visible span::before {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.cd-search-trigger.search-is-visible span::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-nav-trigger span,
.cd-nav-trigger span::before,
.cd-nav-trigger span::after { position: absolute;
display: inline-block;
height: 3px;
width: 24px;
background: #efbdff; }
.cd-nav-trigger span { position: absolute;
top: 50%;
right: 10px;
margin-top: -2px;
-webkit-transition: background 0.3s 0.3s;
-moz-transition: background 0.3s 0.3s;
transition: background 0.3s 0.3s;
}
.cd-nav-trigger span::before,
.cd-nav-trigger span::after { content: '';
right: 0; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s 0.3s;
-moz-transition: -moz-transform 0.3s 0.3s;
transition: transform 0.3s 0.3s;
}
.cd-nav-trigger span::before { top: -6px;
}
.cd-nav-trigger span::after { top: 6px;
}
.cd-nav-trigger.nav-is-visible span { background: rgba(46, 50, 51, 0);
}
.cd-nav-trigger.nav-is-visible span::before,
.cd-nav-trigger.nav-is-visible span::after { background: #efbdff; }
.cd-nav-trigger.nav-is-visible span::before {
-webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
-moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
-ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
-o-transform: translateX(4px) translateY(-3px) rotate(45deg);
transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.cd-nav-trigger.nav-is-visible span::after {
-webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
-moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
-ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
-o-transform: translateX(4px) translateY(2px) rotate(-45deg);
transform: translateX(4px) translateY(2px) rotate(-45deg);
}
@media only screen and (min-width: 1170px) {
.cd-nav-trigger {
display: none;
}
}
.cd-primary-nav,
.cd-primary-nav ul {
position: fixed;
top: 0;
right: 0;
height: 100%;
width: 260px;
background: #2e3233;
overflow: auto;
-webkit-overflow-scrolling: touch;
z-index: 1; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cd-primary-nav a,
.cd-primary-nav ul a {
display: block;
height: 50px;
line-height: 50px;
padding: 0 20px;
color: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-bottom: 1px solid #3a3f40;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
will-change: transform, opacity;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.cd-primary-nav.is-hidden,
.cd-primary-nav ul.is-hidden { -webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cd-primary-nav.moves-out > li > a,
.cd-primary-nav ul.moves-out > li > a { -webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
@media only screen and (max-width: 1169px) {
.nav-on-left .cd-primary-nav,
.nav-on-left .cd-primary-nav ul {
right: auto;
left: 0;
}
}
.cd-primary-nav .see-all a { color: #77ac1c;
}
@media only screen and (max-width: 1169px) {
.cd-primary-nav { visibility: hidden;
-webkit-transition: visibility 0s 0.3s;
-moz-transition: visibility 0s 0.3s;
transition: visibility 0s 0.3s;
}
.cd-primary-nav.nav-is-visible {
visibility: visible;
-webkit-transition: visibility 0s 0s;
-moz-transition: visibility 0s 0s;
transition: visibility 0s 0s;
}
}
@media only screen and (min-width: 1170px) {
.cd-primary-nav {
position: static;
padding: 0 150px 0 0;
height: auto;
width: auto;
float: right;
overflow: visible;
background: transparent;
}
.cd-primary-nav::after {
clear: both;
content: "";
display: table;
}
.cd-primary-nav.moves-out > li > a { -webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.cd-primary-nav ul {
position: static;
height: auto;
width: auto;
background: transparent;
overflow: visible;
z-index: 3;
}
.cd-primary-nav ul.is-hidden { -webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-primary-nav ul.moves-out > li > a { -webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.cd-primary-nav > li {
float: left;
margin-left: 1em;
}
.cd-primary-nav > li > a { position: relative;
display: inline-block;
height: 50px;
line-height: 50px;
padding: 0 10px;
color: #2e3233;
overflow: visible;
border-bottom: none;
-webkit-transition: color 0.3s, box-shadow 0.3s;
-moz-transition: color 0.3s, box-shadow 0.3s;
transition: color 0.3s, box-shadow 0.3s;
}
.cd-primary-nav > li > a:hover,
.cd-primary-nav > li.current_page_item > a,
.cd-primary-nav > li.current_page_ancestor > a,
.cd-primary-nav .cd-secondary-nav li.current_page_item a {
color: #77ac1c;
}
.cd-primary-nav > li > a.selected {
color: #77ac1c;
box-shadow: inset 0 -2px 0 #77ac1c;
}
.cd-primary-nav .go-back,
.cd-primary-nav .see-all {
display: none;
}
.cd-primary-nav .cd-secondary-nav { position: absolute;
top: 50px;
width: 100vw;
background: #ffffff;
padding: 48px 64px;
box-shadow: inset 0 1px 0 #77ac1c, 0 3px 6px rgba(0, 0, 0, 0.05);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-primary-nav .cd-secondary-nav::after {
clear: both;
content: "";
display: table;
}
.cd-primary-nav .cd-secondary-nav.is-hidden {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-primary-nav .cd-secondary-nav > .see-all { display: block;
position: absolute;
left: 0;
bottom: 0;
height: 50px;
width: 100%;
overflow: hidden; margin: 0;
padding: 0;
}
.cd-primary-nav .cd-secondary-nav > .see-all a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
font-size: 2.2rem;
font-weight: bold;
text-align: center;
line-height: 50px;
border-top: 1px solid #e2e3df; border-bottom: none;
margin: 0;
padding: 0;
-webkit-transition: color 0.2s, background 0.2s, border 0.2s;
-moz-transition: color 0.2s, background 0.2s, border 0.2s;
transition: color 0.2s, background 0.2s, border 0.2s;
}
.cd-primary-nav .cd-secondary-nav > .see-all a:hover {
background: #2e3233;
border-color: #2e3233;
color: #ffffff;
}
.cd-primary-nav .cd-secondary-nav > li { height: 300px; width: 23%;
float: left;
margin-right: 2.66%;
border-right: 1px solid #e2e3df;
overflow: hidden;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.cd-primary-nav .cd-secondary-nav > li:nth-child(4n+1),
.cd-primary-nav .cd-secondary-nav > li:last-of-type { margin-right: 0;
border-right: none;
}
.cd-primary-nav .cd-secondary-nav > li > a { color: #77ac1c;
font-weight: bold;
font-size: 1rem;
margin-bottom: .5em;
}
.cd-primary-nav .cd-secondary-nav a {
height: 24px;
line-height: 24px;
padding: 0 18% 0 0;
color: #2e3233;
border-bottom: none;
font-size: .8rem;
}
.cd-primary-nav .cd-secondary-nav a:hover {
color: #77ac1c;
}
.cd-primary-nav .cd-secondary-nav ul { -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.cd-primary-nav .cd-secondary-nav ul ul { position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cd-primary-nav .cd-secondary-nav ul ul .go-back {
display: block;
}
.cd-primary-nav .cd-secondary-nav ul ul .see-all {
display: block;
}
.cd-primary-nav .cd-secondary-nav .moves-out > li > a { -webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}	
}
.menu-item-has-children > a,
.go-back a {
position: relative;
}
.menu-item-has-children > a::before,
.menu-item-has-children > a::after,
.go-back a::before,
.go-back a::after { content: '';
position: absolute;
top: 50%;
margin-top: -1px;
display: inline-block;
height: 2px;
width: 10px;
background: #464c4e;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.menu-item-has-children > a::before,
.go-back a::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-item-has-children > a::after,
.go-back a::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media only screen and (min-width: 1170px) {
.menu-item-has-children > a::before,
.menu-item-has-children > a::after,
.go-back a::before,
.go-back a::after {
background: #c9cbc4;
}
.menu-item-has-children > a:hover::before,
.menu-item-has-children > a:hover::after,
.go-back a:hover::before,
.go-back a:hover::after {
background: #77ac1c;
}
}
.menu-item-has-children > a {
padding-right: 40px;
}
.menu-item-has-children > a::before,
.menu-item-has-children > a::after { right: 20px;
-webkit-transform-origin: 9px 50%;
-moz-transform-origin: 9px 50%;
-ms-transform-origin: 9px 50%;
-o-transform-origin: 9px 50%;
transform-origin: 9px 50%;
}
.cd-primary-nav .go-back a {
padding-left: 40px;
}
.cd-primary-nav .go-back a::before,
.cd-primary-nav .go-back a::after { left: 20px;
-webkit-transform-origin: 1px 50%;
-moz-transform-origin: 1px 50%;
-ms-transform-origin: 1px 50%;
-o-transform-origin: 1px 50%;
transform-origin: 1px 50%;
}
@media only screen and (min-width: 1170px) {
.menu-item-has-children > a::before,
.menu-item-has-children > a::after {
right: 15%;
}
.cd-primary-nav > .menu-item-has-children > a { padding-right: 30px !important;
}
.cd-primary-nav > .menu-item-has-children > a::before,
.cd-primary-nav > .menu-item-has-children > a::after {
width: 9px;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
background: #c9cbc4;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: width 0.3s, -webkit-transform 0.3s;
-moz-transition: width 0.3s, -moz-transform 0.3s;
transition: width 0.3s, transform 0.3s;
}
.cd-primary-nav > .menu-item-has-children > a::before {
right: 12px;
}
.cd-primary-nav > .menu-item-has-children > a::after {
right: 7px;
}
.cd-primary-nav > .menu-item-has-children > a.selected::before,
.cd-primary-nav > .menu-item-has-children > a.selected::after {
width: 14px;
}
.cd-primary-nav > .menu-item-has-children > a.selected::before {
-webkit-transform: translateX(5px) rotate(-45deg);
-moz-transform: translateX(5px) rotate(-45deg);
-ms-transform: translateX(5px) rotate(-45deg);
-o-transform: translateX(5px) rotate(-45deg);
transform: translateX(5px) rotate(-45deg);
}
.cd-primary-nav > .menu-item-has-children > a.selected::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-secondary-nav > .menu-item-has-children > a::before,
.cd-secondary-nav > .menu-item-has-children > a::after { display: none;
}
.cd-primary-nav .go-back a {
padding-left: 20px;
}
.cd-primary-nav .go-back a::before,
.cd-primary-nav .go-back a::after {
left: 1px;
}
}
.cd-search {
position: fixed;
height: 50px;
width: 100%;
top: 50px;
left: 0;
z-index: 3;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-search form {
height: 100%;
width: 100%;
}
.cd-search input {
border-radius: 0;
border: none;
background: #ffffff;
height: 100%;
width: 100%;
padding: 0 5%;
box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.cd-search input::-webkit-input-placeholder {
color: #c9cbc4;
}
.cd-search input::-moz-placeholder {
color: #c9cbc4;
}
.cd-search input:-moz-placeholder {
color: #c9cbc4;
}
.cd-search input:-ms-input-placeholder {
color: #c9cbc4;
}
.cd-search input:focus {
outline: none;
}
.cd-search.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.nav-is-fixed .cd-search {
position: fixed;
}
@media only screen and (min-width: 1170px) {
.cd-search {
height: 120px;
top: 50px;
}
.cd-search input {
padding: 0 2em;
font-size: 3.2rem;
font-weight: 300;
}
}
.cd-overlay { position: fixed;
z-index: 2;
height: 100%;
width: 100%;
top: 0;
left: 0;
cursor: pointer;
background-color: rgba(119, 172, 28, 0.8);
visibility: hidden;
opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.cd-overlay.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}
@media only screen and (max-width: 1169px) {
.cd-overlay.is-visible {
-webkit-transform: translateX(-260px);
-moz-transform: translateX(-260px);
-ms-transform: translateX(-260px);
-o-transform: translateX(-260px);
transform: translateX(-260px);
}
.nav-on-left .cd-overlay.is-visible {
-webkit-transform: translateX(260px);
-moz-transform: translateX(260px);
-ms-transform: translateX(260px);
-o-transform: translateX(260px);
transform: translateX(260px);
}
.cd-overlay.is-visible.search-is-visible,
.nav-on-left .cd-overlay.is-visible.search-is-visible {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
} .no-js .cd-primary-nav {
position: relative;
height: auto;
width: 100%;
overflow: visible;
visibility: visible;
z-index: 2;
}
.no-js .cd-search {
position: relative;
top: 0;
opacity: 1;
visibility: visible;
}
@media only screen and (min-width: 1170px) {
.no-js .cd-primary-nav {
position: absolute;
z-index: 3;
display: inline-block;
width: auto;
top: 0;
right: 150px;
padding: 0;
}
.no-js .nav-is-fixed .cd-primary-nav {
position: fixed;
}
}@font-face {
font-family: "Flaticon";
src: url(//www.hetsprookjescafe.nl/wp-content/themes/hetsprookjescafe/fonts/Flaticon.eot);
src: url(//www.hetsprookjescafe.nl/wp-content/themes/hetsprookjescafe/fonts/Flaticon.eot?#iefix) format("embedded-opentype"),
url(//www.hetsprookjescafe.nl/wp-content/themes/hetsprookjescafe/fonts/Flaticon.woff) format("woff"),
url(//www.hetsprookjescafe.nl/wp-content/themes/hetsprookjescafe/fonts/Flaticon.ttf) format("truetype"),
url(//www.hetsprookjescafe.nl/wp-content/themes/hetsprookjescafe/fonts/Flaticon.svg#Flaticon) format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "Flaticon";
src: url(//www.hetsprookjescafe.nl/wp-content/themes/hetsprookjescafe/fonts/Flaticon.svg#Flaticon) format("svg");
}
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
font-family: Flaticon;
font-size: 20px;
font-style: normal;
}
.flaticon-arrow:before { content: "\f100"; }
.flaticon-doc:before, .flaticon-docx:before { content: "\f101"; }
.flaticon-gif:before { content: "\f102"; }
.flaticon-jpg:before { content: "\f103"; }
.flaticon-pdf:before { content: "\f104"; }
.flaticon-png:before { content: "\f105"; }
.flaticon-ppt:before, .flaticon-pptx:before { content: "\f106"; }
.flaticon-xls:before, .flaticon-xlsx:before { content: "\f107"; }
.flaticon-zip:before, .flaticon-rar:before { content: "\f108"; }.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}