/**
 * Custom CSS file
 *
 * This file should contain all styling specifically for this site. 
 * This file can (and should) be overwritten in a child-theme. 
 */


/*============================================================
## GENERAL STYLING: General things
============================================================*/

html,
body {
    background: #fff;
    overflow-x: hidden;
    color: #00395f;
}

.bg--gradient {
    background: #003a61;
}


/*============================================================
## GENERAL STYLING: Base Typography
============================================================*/

body,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #00395f;
}

body,
div,
p {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.71428571;
    line-height: calc(1em + 10px);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'PT Serif', serif;
    font-weight: 700;
}

h1,
.h1 {
    font-size: 36px;
    line-height: 40px;
    margin-top: 0;
    margin-bottom: 0;
}

h2,
.h2 {
    font-size: 18px;
    line-height: 36px;
    margin-top: 0;
    margin-bottom: 15px;
}

p+h2 {
    margin-top: 30px;
}

h3,
.h3 {
    font-size: 16px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 15px;
}

p+h3 {
    margin-top: 30px
}

h4,
.h4 {
    /* Header 4 Styling */
}

h5,
.h5 {
    /* Header 5 Styling */
}

h6,
.h6 {
    /* Header 6 Styling */
}

ul,
li {
    line-height: inherit;
}

p {
    margin-bottom: 15px;
}

p:last-child {
    margin-bottom: 0;
}

p.lead-text,
.inleiding p {
    font-size: 24px;
    line-height: 36px;
    font-weight: 300;
}

a {
    color: inherit;
    text-decoration: underline;
}


/*============================================================
## GENERAL STYLING: Base elements
============================================================*/

.btn,
.gform_button,
input[type="submit"],
input[type="button"] {
    padding: 3px 15px;
    background-color: #003a61;
    font-size: 14px !important;
    line-height: 24px;
    font-weight: 400;
    outline: 0 !important;
    color: #fff;
    letter-spacing: 0;
    border: 1px solid #00395f;
    text-decoration: none;
    transition: border 0.20s, background 0.20s;
}

.btn-primary {
    background-color: #00395f;
    border-color: #00395f;
}

.btn:hover,
.gform_button:hover,
input[type="submit"]:hover,
.btn:focus,
.gform_button:focus,
input[type="submit"]:focus,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
input[type="button"]:focus,
input[type="button"]:hover,
.gform_wrapper input[type="submit"]:hover,
.gform_wrapper input[type="submit"]:focus {
    background-color: #fff !important;
    color: #00395f !important;
    border-color: #00395f !important;
}

.gform_button,
input[type="button"],
.gform_wrapper input[type="submit"] {
    background-color: #fff !important;
    color: #00395f !important;
    border-radius: 3px;
    border-bottom: 3px solid #7f9caf !important;
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

input.gform_button:hover,
.gform_button:hover,
.gform_wrapper input[type="button"]:hover,
.gform_wrapper input[type="submit"]:hover {
    background-color: #fff !important;
    color: #00395f !important;
    border-bottom: 3px solid #7f9caf !important;
    border-top: 0;
    transform: translate3d(0, -6px, 0);
}

.gform_wrapper.gf_browser_ie .gform_footer input.button {
    padding: 15px !important;
}

.gform_save_link:hover,
.gform_save_link:focus,
.resume_form_link:hover,
resume_form_link:focus {
    color: #7f9caf !important;
}



/*============================================================
## HEADER STYLING: General
============================================================*/

#topheader {
    background: #fff;
    color: #00395f;
}

.topheader-right {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 25px;
}

.topheader-right .list-inline {
    margin: 0;
}

#topheader .topheader-right .list-inline a {
    color: #00395f;
    font-weight: 300;
    font-size: 14px;
    text-decoration: none;
}

#topheader .topheader-right .list-inline a:hover {
    text-decoration: underline;
}

.navbar-default>.navbar-primary {
    padding: 15px 30px 45px;
}

.navbar-header .site-branding>a {
    padding-top: 0;
    padding-bottom: 0;
    display: inline-block;
}

.navbar-header .site-branding>a>img {
    height: 65px;
}

.navbar#site-navigation {
    box-shadow: 0 0 10px 0 rgba(29, 29, 27, 0.23) !important;
    border-bottom: 0 none;
    margin-bottom: 45px;
}

.home .navbar#site-navigation {
    margin-bottom: 0;
}



/*============================================================
## HEADER STYLING: Navigation
============================================================*/

#navbar-offcanvas {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #00395f;
    width: 320px;
    transition: transform 0.6s cubic-bezier(0.51, 0.04, 0.65, 0.85);
    transform: translate3d(360px, 0, 0);
    z-index: 100;
    padding: 30px 15px;
    border-top: 0 none
}

#navbar-offcanvas.shown {
    transform: translate3d(0, 0, 0);
}

@media (max-width: 450px) {
    #navbar-offcanvas {
        width: 280px;
    }
}

.offcanvas-wrapbox {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0;
    z-index: -9999;
    pointer-events: none;
    transition: opacity 0.6s, z-index 0s 0.6s, pointer-events 0s 0.6s;
    cursor: crosshair;
}

#navbar-offcanvas.shown+.offcanvas-wrapbox {
    left: 0;
    opacity: 0.54;
    z-index: 90;
    pointer-events: all;
    transition: opacity 0.6s, pointer-events 0s 0.6s;
}


#nav-primary {
    float: none !important;
    text-align: left;
    margin-top: 15px;
}

#nav-primary>li {
    list-style: none !important;
    margin-bottom: 5px;
}

#nav-primary>li a {
    font-weight: 400;
    color: #fff;
    font-size: 20px;
    padding: 15px 5px 0 15px;
    padding-left: 20px;
    margin-left: 0;
    line-height: 1;
    position: relative;
    text-decoration: none;
}

#nav-primary>li>a::before {
    content: '\f105';
    font-size: 20px;
    font-family: 'FontAwesome';
    color: #fff !important;
    width: 15px;
    height: 6px;
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 0;
    margin-right: 10px;
    opacity: 0;
    transform: translate3d(-2px, 0, 0);
    transition: opacity 0.28s cubic-bezier(0.65, 0.05, 0.36, 1), transform 0.30s ease-in-out;
}

#nav-primary>li a.dropdown-toggle {
    padding-bottom: 5px;
}

#nav-primary>li a:hover {
    text-decoration: underline;
}

#nav-primary>li a:hover::before {
    transform: translate3d(8px, 0, 0);
    opacity: 1;
}

#nav-primary>li .caret {
    display: none !important;
}

#nav-primary li>.dropdown-menu {
    background-color: transparent;
    position: static;
    border: 0 none;
    box-shadow: none;
    float: none;
    padding: 0 30px;
    display: block !important;
    margin-bottom: 10px;
}

#nav-primary li>.dropdown-menu a {
    background-color: transparent;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 15px;
}

.closer button {
    display: block;
    position: absolute;
    right: 0px;
    top: -1px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #fff;
    opacity: 0.9;
    width: 45px;
    height: 45px;
    font-size: 20px;
}

.closer button:hover {}

.closer {
    padding: 15px;
    text-align: left;
}



/** Menu Toggle */

#branding button.navbar-toggle {
    display: block;
    margin: 0;
    margin-top: 30px;
    padding: 0 !important;
    border: none;
    background-color: #fff;
    color: #00395f;
}

@media (max-width: 767px) {
    #branding button.navbar-toggle {
        margin-top: 15px;
    }
}

#branding button.navbar-toggle .icon-bars {
    display: inline-block;
    color: #00395f;
}

#branding button.navbar-toggle .icon-bars .icon-bar {
    height: 5px;
    border-radius: 3px;
    background-color: #003a61 !important;
    width: 32px;
}

#branding button.navbar-toggle .icon-bars .icon-bar+.icon-bar {
    margin-top: 5px;
}

.menu-toggle-title {
    display: inline-block;
    height: 26px;
    margin-right: 20px;
    line-height: 1;
    font-size: 24px;
}

.smenu-description {
    font-size: 14px;
    font-weight: 300;
    line-height: 28px;
    margin-top: 5px;
}


/*============================================================
## HEADER STYLING: Mobile
============================================================*/

@media (max-width: 500px) and (min-width: 381px) {
    .navbar-header .site-branding>a>img {
        padding: 0;
    }

    .navbar-header .site-branding {
        max-width: 100% !important;
    }

    #branding button.navbar-toggle {
        margin-top: 5px;
        float: right;
        padding: 8px !important;
        margin: 5px 0 0 !important;
        display: inline-block;
        vertical-align: top;
    }

    #branding button.navbar-toggle .icon-bars .icon-bar {
        height: 4px;
        border-radius: 4px;
        width: 25px;
    }
    #branding {
        overflow: hidden;
    }
    .topheader-left {
        display: none;
    }

    .topheader-right {
        padding-top: 15px;
        padding-bottom: 0;
        float: right !important;
    }

    .topheader-right .list-inline li+li {
        margin-left: 10px
    }
}

@media (max-width: 420px) {
    #branding button.navbar-toggle .menu-toggle-title {
        display: none;
    }
    .navbar-header .site-branding>a>img {
        padding: 0;
    }
    #branding button.navbar-toggle {
        margin-top: 5px;
        float: right;
        padding: 8px !important;
        margin: 0 0 !important;
        display: inline-block;
        vertical-align: top;
    }
    #branding button.navbar-toggle .icon-bars .icon-bar {
        height: 4px;
        border-radius: 4px;
        width: 25px;
    }
    .topheader-left {
        display: none;
    }

    .topheader-right {
        padding-top: 15px;
        padding-bottom: 0;
    }
}

@media (max-width: 320px) {
    #topheader ul {
        width: 100% !important;
        text-align: center !important;
    }
    #topheader ul li {
        width: auto !important;
    }
    #topheader .topheader-right {
        width: 100% !important;
        padding: 10px 0 !important;
    }
    .topheader-right a {
        font-size: 12px !important;
    }
    .topheader-inner {
        padding-left: 0 !important;
    }
    #topheader .topheader-widget {
        width: 100% !important;
    }
    #topheader {
        border-bottom: 1px solid #00395f;
    }
}

@media (max-width: 767px) {
    .topheader-left {
        display: none;
    }

    .topheader-right {
        padding-top: 20px;
        padding-bottom: 0;
        float: right !important;
    }

    .topheader-right .list-inline li+li {
        margin-left: 10px
    }

    .closer {
        padding: 0px 20px 10px;
    }

    .closer img {
        max-height: 40px;
    }

    #navbar-offcanvas {
        padding: 20px 10px;
    }
    #nav-primary>li a {
        padding: 10px 20px;
        font-size: 17px;
    }
    #nav-primary>li>a::before {
        top: 8px;
    }

    #nav-primary li>.dropdown-menu a {
        font-size: 17px;
        font-weight: 300;
        padding: 10px 20px;
    }
    #nav-primary li>.dropdown-menu {
        margin-bottom: 20px;
    }

    #navbar-offcanvas {
        overflow-y: auto;
    }
}

@media (max-width: 767px) {
    .navbar-default>.navbar-primary {
        padding-bottom: 15px;
    }
}

.site-content {
    padding-bottom: 30px !important;
}


/*============================================================
## FORM STYLING: General
============================================================*/

input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
textarea,
select {
    border: 1px solid #003a61;
    border-bottom: 3px solid #7f9caf;
    font-size: 14px !important;
    padding: 5px 15px !important;
    color: #003a61;
    font-weight: 400;
    background-color: #fff;
    border-radius: 0 !important;
    outline: 0 solid #003a61;
    line-height: 24px !important;
    transition: box-shadow 0.25s ease-out;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {}

input::placeholder,
textarea::placeholder {
    color: #999999;
}

.gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium {
    width: 100% !important;
}

form label,
.gform_wrapper form label.gfield_label {
    font-size: 14px !important;
    font-weight: 600;
}

.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
    font-size: 14px !important;
    font-weight: 300;
}

@media (max-width: 767px) {
    form label,
    .gform_wrapper form label.gfield_label,
    .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
        font-size: 14px !important;
    }
}

.gform_wrapper form label.gfield_label .gfield_required {
    color: #7f9caf;
}

.gform_body {
    margin: 0 !important;
    padding: 15px 0 0 !important;
}

.gform_footer {
    margin: 0 !important;
    padding: 0px 0 15px !important;
    text-align: left;
}

.gform_wrapper form label.gfield_label {
    margin: 0 0 5px;
}

body .gform_wrapper ul li.gfield {
    margin: 0 0 30px !important;
    padding-right: 0 !important;
}

body .gform_wrapper .top_label div.ginput_container {
    margin: 0 !important;
}

.gform_wrapper .field_description_below .gfield_description {
    padding: 0 !important;
    margin-top: 0px;
    font-size: 16px !important;
}

.gform_wrapper ul.gfield_checkbox,
.gform_wrapper ul.gfield_radio {
    margin: 0 !important;
}

body .gform_wrapper select,
body .gform_wrapper select>option {
    font-size: 16px;
    font-weight: 300 !important;
    line-height: 36px !important;
    padding: 10px 15px !important;
}

body .gform_wrapper select {
    background: #fff url('media/select-toggle.png') no-repeat right;
}

body .gform_wrapper select,
body .gform_wrapper select:focus {}

.gform_wrapper ul.gfield_checkbox label,
.gform_wrapper ul.gfield_radio label {
    font-weight: 300;
    font-size: 14px !important;
}

.gform_wrapper.gf_browser_chrome .gfield_checkbox li input,
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox],
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
    margin-top: 2px !important;
    margin-right: 5px !important;
}

.gform_wrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.gform_body {
    padding-top: 0 !important;
}

input[type="radio"],
input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    border: 1px solid #003a61;
    padding: 6px;
    background-color: #fff;
    position: relative;
    outline: none !important;
}

input[type="radio"] {
    border-radius: 50%;
}

input[type="checkbox"] {
    border-bottom: 3px solid #7f9caf;
}

input[type="radio"]:checked::after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #003a61;
    border-radius: 50%;
    border: 2px solid #fff;
}

input[type="checkbox"]:checked::after {
    content: '\f00c';
    position: absolute;
    left: 1px;
    top: 1px;
    font-size: 11px;
    line-height: 12px;
    font-family: 'FontAwesome';
    text-align: center;
    color: #003a61;
}

input[type="radio"]:checked {
    border-width: 2px;
    padding: 5px;
}

input[type="checkbox"]:checked {
    border-color: #003a61;
    background-color: #fff;
    padding: 6px;
    border: 1px solid #003a61;
    border-bottom: 3px solid #7f9caf;
}

input[type="radio"]:checked+label,
input[type="checkbox"]:checked+label {
    font-weight: 600 !important;
}

#field_12_22 h2 {
    margin-bottom: 0 !important;
}

#field_12_22 {
    margin-bottom: 15px !important;
}


/*============================================================
## BODY STYLING: General
============================================================*/

section.vc_section {
    padding: 60px 30px;
    margin-left: -30px;
    margin-right: -30px;
}

.entry-content>.vc_section:first-child {
    padding-top: 0;
}

@media (min-width: 768px) {
    section.vc_section .vc_row:last-child .wpb_content_element:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    section.vc_section .vc_row:last-child .wpb_column:last-child .wpb_content_element:last-child {
        margin-bottom: 0;
    }
}




/*============================================================
## FOOTER STYLING: General
============================================================*/

#prefooter {
    display: none;
}

#colophon {
    background-color: #003a61;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #ffffff;
    font-weight: 300;
    font-size: 14px;
}

#colophon a {}




/*============================================================
## ARCHIVE STYLING: General
============================================================*/


/*============================================================
## ARCHIVE STYLING: posts
============================================================*/


/*============================================================
## SINGLE POST STYLING: General
============================================================*/


/*============================================================
## PAGE STYLING: General
============================================================*/

.row-orange .vc_col-sm-12>.vc_column-inner {
    background-color: #FFF;
    padding: 12px 15px 15px;
    color: #00395f;
    border-radius: 0px;
    border: 1px solid #00395f;
}

@media (max-width: 540px) {
    .row-orange .vc_col-sm-12>.vc_column-inner {
        padding: 30px;
    }
}

.row-orange .vc_col-sm-12>.vc_column-inner .wpb_text_column {
    margin-bottom: 30px;
}

.row-orange .vc_col-sm-12>.vc_column-inner .wpb_content_element:last-child {
    margin-bottom: 0;
}

.row-orange {
    padding: 0 0;
    margin-top: 0px;
    margin-bottom: 30px;
}

.row-orange:last-child {
    margin-bottom: 0;
}

.row-orange h2,
.row-orange h3,
.row-orange a {
    color: #00395f !important;
}

.row-orange h2::before,
.row-orange h3::before {
    display: none;
}

.site-footer ul {
    list-style: none;
    padding: 0;
    margin: 0 -15px;
    overflow: hidden;
}

#colophon {
    padding-top: 24px;
    padding-bottom: 24px;
    text-align: left;
}

#site-copyright {
    background-color: #003a61;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #fff;
}

.site-footer ul>li {
    display: inline-block;
    padding: 5px 15px;
    position: relative;
    font-weight: 300;
    letter-spacing: 0em;
    font-size: 14px;
    line-height: 24px;
}

.site-footer ul>li+li::before {
    content: '|';
    position: absolute;
    left: -3px;
    color: inherit;
    font-size: 14px;
    line-height: 24px;
    font-size: 0.8em;
    font-weight: 300;
}

#trim-top ul>li a {
    color: #fff;
    text-decoration: underline;
}

#trim-bottom a {
    color: #fff;
}

@media (min-width: 768px) and (max-width: 991px) {
    #trim-top ul {
        margin-top: -5px
    }
}

@media (max-width: 600px) {
    #trim-top ul>li {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .footer-logo {
        margin-bottom: 15px;
        padding-left: 0;
    }
    #trim-top ul>li,
    #trim-bottom ul>li {
        display: block;
        padding: 10px 15px;
        position: relative;
        font-weight: 300;
        letter-spacing: 0em;
        text-align: left;
        margin-left: 0px;
        line-height: 1;
    }
    #trim-top ul>li::before,
    #trim-bottom ul>li::before {
        display: none !important;
    }
    #trim-top ul {
        margin-bottom: 15px;
    }
    #trim-bottom ul>li {
        font-size: 12px !important;
        font-weight: 300;
        padding: 5px 15px;
    }
    .row-orange .vc_col-sm-12>.vc_column-inner {
        padding: 10px 15px 15px;
    }
    .row-orange {
        padding: 0 0px;
    }
}




/*============================================================
## PAGE STYLING: Home
============================================================*/

.container {
    padding-left: 30px;
    padding-right: 30px;
}

.row {
    margin-left: -30px;
    margin-right: -30px;
}

#colophon .container>.row {
    margin-left: -15px;
    margin-right: -15px;
}

@media (max-width: 767px) {
    #colophon .container>.row {
        margin-left: 0;
        margin-right: 0;
    }
}

#colophon ul li a {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
}



/* ## HOME: Slider / Carousel
===================================*/

.carousel-title-box {
    /*     min-height: 180px; */
    /*     background-color: rgba(255,255,255,0.92); */
    padding: 15px 0;
    display: inline-block;
    color: #00395f;
}


.carousel-title-box-title {
    margin-bottom: 40px;
    min-height: 40px;
}

.item .carousel-title-box {
    opacity: 0;
    transition: opacity 0.7s;
}

.item.active .carousel-title-box {
    opacity: 1;
    transition: opacity 1.2s cubic-bezier(0.4, 0, 1, 1);
}

.carousel-title-box-title .h1 {
    font-size: 38px;
    font-weight: 700;
    font-family: 'PT Serif', serif;
}

.brandbox-slider {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(29, 29, 27, 0.23) !important;
}

.brandbox-slider .item>.container {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    min-height: 360px !important;
}

#carousel-brandbox .item {
    background-position: bottom right;
    background-size: contain;
    transition-duration: 0.7s;
    background-repeat: no-repeat;
    transition-timing-function: cubic-bezier(0.35, 0.07, 0.9, 1.01);
}

@media (min-width: 1200px) {
    #carousel-brandbox .item {
        background-position: 80% 100%;
    }
}

.home .brandbox-slider .btn.carousel-button {
    padding: 10px 14px;
    font-size: 14px !important;
    line-height: 1;
    background-color: #fff !important;
    border: 1px solid #00395f;
    color: #00395f;
    font-weight: 400;
    border-radius: 0;
}


.brandbox-slider .item .carousel-background-image-container {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    opacity: 1;
}

.brandbox-slider .item .carousel-background-image-container>img {
    max-width: 100%;
    float: right;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .brandbox-slider .item>.container {
        padding-top: 60px;
        padding-bottom: 60px;
        min-height: 360px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .brandbox-slider .item>.container {
        padding-top: 60px;
        padding-bottom: 60px;
        min-height: 360px !important;
    }
    .brandbox-slider .item {
        background-position: top center !important;
        background-size: cover !important;
    }

    .brandbox-slider .item .carousel-background-image-container {
        top: 0px;
        bottom: 0px;
        right: -120px;
    }
}

@media (max-width: 767px) {
    .brandbox-slider .item>.container {
        padding-top: 30px;
        padding-bottom: 30px;
        min-height: 300px !important;
    }
    .carousel-title-box-title .h1 {
        font-size: 21px !important;
        line-height: 32px !important;
    }
    .carousel-title-box {
        display: inline-block;
        padding-left: 15px;
    }
    .carousel-title-box-title {
        margin-bottom: 10px;
    }
    .carousel-title-box-title br {
        display: none !important;
    }

    .home .brandbox-slider .btn.carousel-button {
        font-size: 14px !important;
    }
    .brandbox-slider .item {
        background-position: top center !important;
        background-size: cover !important;
    }
}

.home #content {
    background-color: #fff;
}




/* ## HOME: Content
===================================*/

#home-services .wpb_text_column {
    text-align: center;
}

.page-header {
    margin: 20px 0 20px;
    padding-bottom: 20px;
}

.page-header+main section.vc_section:first-child {
    padding-top: 20px;
}

.page-title-icon {
    max-height: 40px;
    float: left;
    padding: 0;
    margin-right: 15px;
}

@media (min-width: 992px) {
    .page-title h1 {
        max-width: 100%;
        /*max-width: 50%;*/
    }
}

.page-title h1 {
    font-weight: 600;
    padding-bottom: 30px;
    border-bottom: 1px solid #dddee2;
    margin-bottom: 30px;
}

.page-title {
    margin-bottom: 0;
    padding-bottom: 0;
}

.error-404 .page-content {
    margin-bottom: 45px;
}

.pt_text_intro p {
    font-size: 14px;
    line-height: 24px;
}

.wpb_content_element ul {
    margin-bottom: 40px;
}

#topheader p,
#topheader span,
#topheader a {
    font-weight: 300 !important;
}


@media (max-width: 767px) {
    #topheader p,
    #topheader span,
    #topheader a {
        color: #ffffff !important;
        font-size: 14px !important;
    }

    #topheader .topheader-right,
    #topheader .topheader-left {
        float: none !important;
        display: block;
        text-align: center;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #topheader .topheader-right {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .navbar-default>.navbar-primary {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .navbar-header .site-branding>a {
        padding-top: 0px !important;
    }

    #branding {
        display: flex;
        flex-flow: row-reverse nowrap;
        align-items: center;
        justify-content: space-between;
        width: 100% !important;
        align-items: center;
    }
    #branding>button {
        flex-grow: 0;
        flex-shrink: 0;
    }
    #branding>.site-branding {
        flex-grow: 1;
    }
    .navbar-header .site-branding>a>img {
        max-width: 100% !important;
        max-height: 75px;
        height: auto;
        padding: 15px 0;
    }

    .brandbox-slider .item>.container {
        padding-top: 60px;
    }

    .btn.carousel-button {
        white-space: normal;
        line-height: 1.4em;
    }

    #home-services .wpb_text_column {
        text-align: left;
    }
}

@media (max-width: 540px) {
    .brandbox-slider .item>.container .col-lg-6 {
        min-height: auto;
    }
    #branding>button {
        align-self: center;
    }
    .menu-toggle-title {
        display: none;
    }
}

.form-box>.vc_column-inner {}

body .gform_wrapper .gform_fileupload_multifile .gform_drop_area {}

body .gform_wrapper .gform_fileupload_multifile .gform_drop_area input.button.gform_button_select_files {
    display: inline-block;
    background-color: #00395f;
    padding: 0 30px !important;
    line-height: 50px;
    font-size: 14px !important;
    outline: 0 !important;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0;
    border: 1px solid #00395f;
    font-family: "Open Sans", sans-serif;
    transition: border 0.09s linear, background 0.09s linear !important;
    text-decoration: none;
}

body .gform_wrapper .gform_fileupload_multifile .gform_drop_area input.button.gform_button_select_files:hover {
    border-color: #00395f;
    background-color: #00395f;
}

.vc_col-sm-6+.vc_col-sm-6+.form-box {
    margin-top: 0;
}

.form-box {
    padding: 15px 5px 0 !important;
    /* margin-top: 45px; */
    background-color: #00395f;
    color: #fff;
    border-radius: 3px;
}

.form-box h1 {
    color: #fff;
}

.form-box .wpb_text_column:first-child {
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .form-box {
        padding: 0 !important;
    }
}

.form-box label,
.form-box span.gfield_required,
.form-box p,
.form-box h2,
.form-box h3,
.form-box strong,
.gform_wrapper .gfield_description {
    color: #fff;
}

.site-main>article>.entry-content>.vc_row:first-child {
    padding-top: 60px;
}

.site-main>article>.entry-content>.vc_row:last-child {
    padding-bottom: 60px;
}

body .pt_text_intro p {
    font-size: 14px;
    line-height: 24px;
}

.pt_text_intro.wpb_content_element {
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 36px;
}





/** HOMEBLOCK */

@media (min-width: 768px) {
    section.vc_section#home-services {
        padding: 30px 0 30px;
    }
}

.homeblock {
    padding: 0px;
    margin-bottom: 30px;
    border-radius: 0px;
    position: relative;
    height: 100%;
}

.homeblock .homeblock-header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
    border-bottom: 1px solid #dddee2;
    padding: 15px;
}

.homeblock .homeblock-header.has-image {}

.homeblock .homeblock-header .homeblock-title {
    flex: 1 1 60%;
}

.homeblock .homeblock-header .homeblock-title h2,
.homeblock .homeblock-header .homeblock-title h3 {
    margin-bottom: 0;
}

.homeblock .homeblock-header .homeblock-image {
    margin-right: 30px;
    width: 100px;
    flex: 0 0 auto;
}

.homeblock-small .homeblock-header .homeblock-image {
    margin-right: 15px;
    width: 50px;
    height: 50px;
    flex: 0 0 auto;
    opacity: 0.2;
    transition: opacity 0.30s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.homeblock .homeblock-header .homeblock-image img {
    width: 100px;
}

.homeblock-small .homeblock-header .homeblock-image img {
    max-width: 46px;
}

.homeblock-small:hover .homeblock-header .homeblock-image {
    opacity: 1;
}

.homeblock .homeblock-header .homeblock-title h3 {
    font-size: 18px;
    line-height: 24px;
}

.homeblock-small .homeblock-header .homeblock-title h3 {
    font-size: 18px;
    line-height: 20px;
}

.homeblock-content {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 1200px) {
    .homeblock-small .homeblock-header .homeblock-title h3 {
        min-height: 40px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .homeblock-small .homeblock-header .homeblock-title h3 {
        min-height: 60px;
        padding-top: 20px;
    }
    .item--inverted .homeblock-small .homeblock-header .homeblock-title h3 {
        min-height: 60px;
        padding-top: 0;
    }

    .homeblock .homeblock-header .homeblock-image {
        margin-right: 30px;
        width: 70px;
    }
    .homeblock-small .homeblock-header {
        flex-flow: column nowrap;
    }
    .homeblock-small .homeblock-header .homeblock-image {
        margin-right: 0px;
        width: 100%;
        padding: 0;
        margin-bottom: 7px;
    }
    .homeblock-small .homeblock-header .homeblock-title {
        width: 100%;
    }
    .homeblock-small .homeblock-header h3 {
        text-align: left;
    }
    .homeblock .homeblock-header .homeblock-image img {
        width: 70px;
    }
    .homeblock-small .homeblock-header .homeblock-image img {
        width: 70px;
    }
    .homeblock .homeblock-header .homeblock-title h2 {
        line-height: 32px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .homeblock .homeblock-header .homeblock-image img,
    .homeblock .homeblock-header .homeblock-image {
        width: 60px;
    }
    .homeblock-small .homeblock-header .homeblock-image img,
    .homeblock-small .homeblock-header .homeblock-image {
        width: 50px;
    }
    .item--inverted>.vc_column-inner>.wpb_wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #home-services>.vc_row:first-child .vc_col-sm-6:nth-child(odd) {
        clear: left;
    }
}

.item--inverted .homeblock p {
    color: #fff;
}

@media (max-width: 767px) {
    .homeblock {
        padding: 15px;
        margin-bottom: 30px;
    }
    .homeblock-small {
        margin-bottom: 10px;
        padding: 0 15px;
    }
    .homeblock-small .homeblock-content {
        display: none;
    }
    .homeblock .homeblock-header {
        margin-bottom: 0px;
        border-bottom: 0 none;
    }
    .homeblock-small .homeblock-header {
        margin-bottom: 0;
        border: 1px solid #ccc;
        border-radius: 3px;
        padding: 5px 15px !important;
        min-height: 55px !important;
    }
    .item--inverted .homeblock-small {
        padding: 0 !important;
    }
    .item--inverted .homeblock-small .homeblock-header {
        padding: 15px !important;
    }
    .home .vc_column_container>.vc_column-inner {
        padding-left: 0;
        padding-right: 0;
    }
    #home-services {
        margin-left: -30px;
        margin-right: -30px;
        padding: 15px;
    }
    body .pt_text_intro p {
        font-size: 14px;
        line-height: 24px;
    }

    .pt_text_intro.wpb_content_element {
        margin-bottom: 30px;
        font-size: 14px;
        line-height: 24px;
    }
    .homeblock-small .homeblock-header .homeblock-image img,
    .homeblock-small .homeblock-header .homeblock-image {
        width: 40px;
        height: auto;
    }
}

@media (max-width: 540px) {
    .homeblock .homeblock-header .homeblock-image img,
    .homeblock .homeblock-header .homeblock-image {
        width: 35px;
        height: auto;
        display: none;
    }
    .homeblock-small .homeblock-header .homeblock-image img,
    .homeblock-small .homeblock-header .homeblock-image {
        display: block;
    }
    .homeblock .homeblock-header .homeblock-image {
        margin-right: 15px;
    }
    .homeblock-small .homeblock-header {
        min-height: 55px !important
    }
}

.item--inverted>.vc_column-inner {
    padding: 0 !important;
}

.item--inverted>.vc_column-inner>.wpb_wrapper {
    padding-left: 15px;
    padding-right: 15px;
}

.item--inverted .homeblock {
    padding: 0 15px 15px;
    background-color: #003a61;
    color: #fff;
    border-radius: 3px;
    margin-bottom: 0;
    height: 100%;
}

.item--inverted>.vc_column-inner {
    height: 100%;
}

.item--inverted h3 {
    color: #fff;
}

.item--inverted .homeblock-small .homeblock-image {
    position: absolute;
    top: -3px;
    opacity: 1;
    width: auto;
}

@media (max-width: 767px) {
    .item--inverted .homeblock-small .homeblock-image {
        left: 15px;
        max-width: 40px;
    }
    .item--inverted .homeblock-small .homeblock-image img {
        max-width: 100% !important;
    }
    .item--inverted .homeblock-small .homeblock-header.has-image {
        padding-left: 71px !important;
        padding-top: 8px !important;
    }

    .item--inverted .homeblock {
        margin-bottom: 10px;
    }
}

@media (max-width: 540px) {
    .item--inverted .homeblock-small .homeblock-image {
        left: 15px;
        max-width: 35px;
    }
    .item--inverted .homeblock-small .homeblock-image img {
        max-width: 100% !important;
    }
    .item--inverted .homeblock-small .homeblock-header.has-image {
        padding-left: 65px !important;
        padding-top: 8px !important;
    }
}

@media (min-width: 768px) {
    .item--inverted .homeblock-small .homeblock-header {
        position: relative;
        margin-left: 0;
        margin-right: 0;
        padding: 15px 0px;
    }
    .item--inverted .homeblock-small .homeblock-image {
        right: -15px;
    }
    .item--inverted .homeblock-small .homeblock-content {
        padding-left: 0;
        padding-right: 0;
    }
    .homeblock-small .homeblock-content p {
        min-height: 40px;
    }
    .homeblock-small .homeblock-content p:last-child {
        min-height: 20px;
    }
}

.item--inverted .homeblock-small a {
    color: #fff;
    z-index: 999;
}

.overlay-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
}

@media (min-width: 992px) {
    .image-breakout {
        margin-top: -90px;
    }
}

@media (max-width: 767px) {
    .image-breakout {
        display: none;
    }

    h1,
    .h1 {
        font-size: 24px;
        line-height: 36px;
    }
    .brandbox-slider span.h1 {
        font-size: 22px;
        line-height: 34px;
    }
    .brandbox-slider span.h1 br {
        display: none !important;
    }

    body,
    p {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (min-width: 768px) {
    .home .vc_row-o-equal-height .wpb_wrapper {
        height: 100%;
        margin-bottom: -60px;
    }
}




/* scale(1.1404196) */

.ttp-course-item {
    margin-bottom: 30px;
}

.ttp-course-item>.item-inner {
    padding: 30px 15px;
    border: 1px solid #dadada;
    position: relative;
    box-shadow: 0 -15px 40px -10px rgba(29, 29, 27, 0.1);
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    transform: translate3d(0, 0, 0);
    transition: transform 0.18s linear;
}

.ttp-course-item h3 {
    font-size: 14px;
    line-height: 20px;
    color: #00395f;
    font-weight: 700;
    margin-bottom: 15px;
}

.ttp-course-item dl {
    color: #1263a3;
    font-size: 14px;
    overflow: hidden;
    font-weight: 300;
    margin-bottom: 15px;
}

.ttp-course-item dl dt {
    float: left;
    margin-right: 15px;
}

.ttp-course-calendar>.row {
    display: flex;
    flex-flow: row wrap;
}

.ttp-course-item .item-inner:hover {
    transform: translate3d(0, -15px, 0);
}

.ttp-course-details .ttp-course-detail-list {
    overflow: hidden;
}

.ttp-course-details .ttp-course-detail-list dt {
    color: #1263a3;
    font-weight: 700;
    margin-right: 15px;
    float: left;
    clear: left;
}

.ttp-course-details .ttp-course-detail-list dd {
    float: left;
    max-width: 70%;
    margin-bottom: 7px;
    color: #1263a3;
    font-size: 14px;
}

dt.course-price+dd>span {
    display: block;
}

.tutor-linkedin a {
    color: #1263a3;
}

@media (max-width: 500px) {
    .ttp-course-details .ttp-course-detail-list dt,
    .ttp-course-details .ttp-course-detail-list dd {
        float: none;
    }
    .ttp-course-details .ttp-course-detail-list dt {}
    .ttp-course-details .ttp-course-detail-list dt .sr-only {
        display: inline !important;
        position: static;
        width: auto;
        height: auto;
        margin-left: 5px;
    }
}

.wpb_vc_table table {
    width: 100%;
}

.wpb_vc_table table tr {}

.wpb_vc_table table td {
    padding: 10px;
    white-space: pre-line;
    line-height: 38px;
    border: 1px solid #8c8c8c;
    vertical-align: top;
}

.wpb_vc_table table tr.vc-th {
    background-color: #ea570f;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
}

.wpb_vc_table table tr.vc-th td {
    border: none;
}

.cursusindeling table td:first-child {
    width: 35%;
}

.cursusindeling table td:last-child {
    width: 65%;
}

.pt_bookmark {
    visibility: hidden;
    display: block;
    width: 0px;
    height: 0px;
    position: relative;
    top: -30px;
}

#gform_12 textarea[readonly="readonly"] {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    border-bottom: 3px solid #7f9caf;
    border-radius: 3px;
    padding: 15px !important;
    overflow: visible;
    min-height: 0 !important;
    max-height: none !important;
}

.gform_wrapper .description,
.gform_wrapper .gfield_description,
.gform_wrapper .gsection_description,
.gform_wrapper .instruction {
    font-size: 14px !important;
}

input[type="checkbox"][disabled="disabled"],
input[type="checkbox"][disabled="disabled"]+label {
    opacity: 0.6;
}

input[type="checkbox"],
input[type="checkbox"]+label {
    transition: opacity 0.3s linear;
}

.gptos_the_terms p {
    color: #00395f;
}

.gptos_terms_container {
    margin-bottom: 12px;
}

.gform_wrapper .form_saved_message,
.form_saved_message_sent {
    background-color: transparent !important;
    border: 1px solid #fff !important;
}

.gform_wrapper div.validation_error {
    background-color: #fff;
}

#field_12_24 h2::after {
    content: '  \f1c1';
    font-family: 'FontAwesome';
    font-weight: 400;
}

body .gptos_terms_container {
    background-color: #ccc;
}

.box-bordered {
    padding: 0 15px !important;
}

.box-bordered>.vc_column-inner {
    padding: 15px !important;
    border: 1px solid #00395f;
    border-radius: 3px;
}

.page-id-639 .form-box::after {
    content: url('media/flag.png');
    position: absolute;
    top: -5px;
    right: 15px;
}

span.fake-li {
    display: inline-block;
    position: relative;
}

span.fake-li::before {
    content: '\2022';
    padding-right: 5px;
    font-weight: 500;
}

.result-visual {
    white-space: pre-wrap !important;
    padding: 15px;
    border: 1px solid;
    border-bottom: 3px solid #7f9caf;
}

#gform_12 textarea[readonly="readonly"] {
    padding: 0 !important;
    border: 0 none !important;
    height: 0 !important;
    margin-top: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    max-height: 0 !important;
    padding: 0 !important;
}

body #gform_12 .hidden_label label.gfield_label {
    display: none !important;
}

.custom-footer-cta {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    color: #fff;
    padding: 10px;
    border-top: 1px solid #efefef;
}
.custom-footer-cta > .container {
    background-color: #00395f;
    padding: 10px 30px 10px 20px;
    border-radius: 5px;
}
@media (min-width: 768px) {
    .custom-footer-cta {
        display: none;
    }
}
.custom-footer-cta .cfcta-title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    font-family: 'PT Serif', serif;
    padding-right: 15px;

}
.custom-footer-cta .container::after {
    position: absolute;
    content: '\f0da';
    font-family: 'FontAwesome';
    color: #fff;
    right: 25px;
    font-size: 30px;
    height: 30px;
    line-height: 30px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    z-index: 0;
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
}
.custom-footer-cta:hover .container::after {
    transform: translate3d(5px, 0, 0);
}

@media (max-width: 380px) {
 .custom-footer-cta .cfcta-title {
     font-size: 16px;
 }   
}

/*============================================================
## BODY STYLING: COOKIE
============================================================*/

.cookie-bar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 1px 4px rgba(0,0,0,0.8);
    z-index: 99;
}

.cookie-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em;
}

.cookie-inner p {
    margin: 10px;
    color: #ffffff;
}

.opt-out {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cookie-inner label {
    margin: 10px;
    color: #ffffff;
    word-break: break-word;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
}

.cookie-inner label:hover {
    cursor: pointer;
}

.cookie-inner .btn.btn-primary {
    margin: 10px 20px !important;
}

@media only screen and (max-width: 550px) {
    .cookie-inner {
        flex-direction: column;
        text-align: center;
    }
}

/* News */

.archive.category .page-title,
.blog .page-title {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #003a61;
}

.blog .entry-title {
    font-size: 24px;
}

#secondary .widget {
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 3px;
    background-color: #003a61;
    color: #fff;
}

#secondary .widget-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 18px;
}

#secondary .widget ul {
    padding: 0;
    list-style-type: none;
}

#secondary .widget ul li {
    margin-bottom: 5px;
}

#secondary .widget ul ul.children {
    padding-left: 30px;
    list-style-type: circle;
}

#secondary .widget ul a {
    font-size: 16px;
    text-decoration: none;
}

#secondary .widget ul a:hover {
    color: #fff;
    text-decoration: underline;
}

.post-template-default.single-post .entry-header {
    margin-bottom: 20px;
}

.post-template-default.single-post .entry-title {
    /*margin-bottom: 15px;*/
    padding-bottom: 10px;
    border-bottom: 1px solid #003a61;
}

.post-template-default.single-post .entry-meta {
    
}

/* Dropdown menu */

#ttp-dropdown-menu .container {
    position: relative;
}

.ttp-dropdown-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin-left: -10px;
    margin-right: -10px;
    -webkit-transform: translateY( -50% );
        -ms-transform: translateY( -50% );
            transform: translateY( -50% );
    z-index: 9999;
}

#ttp-dropdown-menu .dropdown {
    width: 100%;
    max-width: 300px;
}

#ttp-dropdown-menu .dropdown-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    /*max-width: 150px;*/
    margin: 0 10px;
    padding: 12px;
    border: 0;
    background-color: #003a61;
    color: #fff;
    font-size: 24px;
    text-decoration: none;
}

#ttp-dropdown-menu .dropdown-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    /*max-width: 260px;*/
    margin: 0 10px;
    padding: 12px;
    border: 0;
    background-color: #003a61;
    color: #fff;
    font-size: 24px;
}

#ttp-dropdown-menu .dropdown-toggle::after {
    content: '';
    /*content: '\f107';*/
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-left: 25px;
    margin-bottom: -3px;
    /*font-family: 'FontAwesome';*/
    /*font-size: 40px;*/
    background-image: url( 'angle-down-white-v2.png' );
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#ttp-dropdown-menu .dropdown .dropdown-menu {
    width: 100%;
    margin: 0 10px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: #003a61;
}

#ttp-dropdown-menu .dropdown .dropdown-menu li {
    background-color: #003a61;
}

#ttp-dropdown-menu .dropdown .dropdown-menu a {
    padding: 12px;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    white-space: unset;
}

#ttp-dropdown-menu .dropdown .dropdown-menu a:hover {
    color: #003a61;
}

.active-menu #ttp-dropdown-menu {
    z-index: 1;
    position: relative;
}

@media ( max-width: 768px ) {
    #ttp-dropdown-menu {
        z-index: 1;
        position: relative;
    }

    #ttp-dropdown-menu .container {
        padding: 0;
    }

    #ttp-dropdown-menu .dropdown {
        max-width: 100%;
    }

    .ttp-dropdown-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        position: relative;
        margin: 0;
        -webkit-transform: unset;
            -ms-transform: unset;
                transform: unset;
    }

    #ttp-dropdown-menu .dropdown-button,
    #ttp-dropdown-menu .dropdown-toggle {
        max-width: 100%;
        margin: 0;
    }

    #ttp-dropdown-menu .dropdown .dropdown-menu {
        margin: 0;
    }

    #ttp-dropdown-menu .dropdown .dropdown-menu a {
        text-align: center;
    }
}

/* Menu logo center: Home */
.home #branding {
    display: flex;
    flex-direction: row-reverse;
}

.home .site-branding {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    margin-right: -114.2px;
}

@media ( max-width: 667.98px ) {
    .home #branding {
        display: flex;
        flex-flow: row-reverse nowrap;
        align-items: center;
        justify-content: space-between;
        width: 100% !important;
        align-items: center;
    }

    .home .site-branding {
        flex-grow: 1;
        justify-content: unset;
        margin: unset;
    }
}