/*
Theme Name: ferryshippingsummit.com
Theme URI: http://www.ferryshippingsummit.com
Description: This is a custom child theme for Salient
Author: Sixtyseven
Author URI: http://www.sixtyseven.com/
Template: salient
Version: 0.1
*/

/* 
--------- IN THIS FILE  

General
Fonts
Navigation
Links & Buttons
Forms & Input
Custom
Footer

Door: Bernard Muller

--------- */


/* --------- GENERAL --------- */

body .wpb_row {
    margin-bottom: 0px; 
}

.hide {
    display: none !important;      
}

/* --------- FONTS --------- */

body, body p, body p strong {
    font-family: "aktiv-grotesk",sans-serif;
    font-size: 16px;
    line-height: 1.6em;
}

html body h1, html body h2, html body h3, html body h4 {
    color: #0066A6;
    font-weight: normal;
}

body p {
    padding-bottom: 1em;
    letter-spacing: 0.5px;
}

html body h1, #page-header-bg h1, body .swiper-slide .content h2 {
    font-family: "aktiv-grotesk",sans-serif;
    font-weight: bold;
    font-size: 4em;
    line-height: 1em;
    letter-spacing: -2.5px;
}

@media only screen and (max-width: 690px) {
html body h1 {
	font-size: 2.5em;
	margin-top: 25px;
}}

html body h2 {
    font-family: "aktiv-grotesk",sans-serif;
    font-size: 1.8em;
	margin-top: 15px;
}

html body h3 {
    font-size: 1.5em;
    line-height: 1.3em;
}

html body h4 {
    font-size: 1.125em;
    font-weight: bold;
}

body h3, body h4, body h5, body p, body p a, body li, .iwt-text {
    font-family: "aktiv-grotesk",sans-serif;
}

body .serif h3, body .serif h4, body .serif h5 {
    font-family: Roboto Slab ,serif;
    font-weight: 200;
}

body h1 strong, body h2 strong  {
    font-family: "aktiv-grotesk",sans-serif;
}

html body .light h1, html body .light h2, html body .light h3, html body .light h4, html body .light li {
    color: #ffffff;
}

html body .wpb_row > .col.span_12.dark h1, 
html body .wpb_row > .col.span_12.dark h2, 
html body .wpb_row > .col.span_12.dark h3, 
html body .wpb_row > .col.span_12.dark h4 {
    color: #0066A6;
}

html body .blue h1, html body .blue h2, html body .blue h3, html body .blue h4, html body .blue li {
    color: #0066A6;
}

html body .wpb_row > .col.span_12.dark li {
	font-size: 16px;
	letter-spacing: 1px;
	margin-top: 9px;
}

html body .center h1, html body .center h2, html body .center h3, html body .center h4, html body .center p {
    text-align: center;
}

html body .right h1, html body .right h2, html body .right h3, html body .right h4, html body .right p {
    text-align: right;
}

html body .small p {
    font-size: 14px;
}

@media only screen and (min-width: 690px) {
html body .intro p {
    font-size: 1.4rem;
    line-height: 1.5em;
    max-width: 85%;
    letter-spacing: 0px;
}
}

html body .intro.center p {
	margin: 0 auto;
}


/* --------- NAV --------- */
/* 
html body.page #header-outer.small-nav {
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.1)!important;
    -moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1)!important;
    -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1)!important;
}

.sf-menu li ul, .sf-menu li li ul {
    border: 2px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    box-shadow: none;
}
.sf-menu li ul li:last-child a {
    border-radius: 0 0 3px 3px;
}

header#top nav > ul > li.meta > a {
	font-family: "aktiv-grotesk",sans-serif;
}

header#top nav ul li.menu-item-has-children > a:after {
    content: "\f0d7";
    font-family: FontAwesome;
    padding-left: 5px;
    display: inline-block; 
}

@media only screen and (max-width: 1080px) and (min-width: 1000px) {
    html body header#top nav > ul > li > a {
        font-size: 14px;
        padding-left: 2px;
        padding-right: 2px;
    }
} */

/* Submenu */
/* .sub-menu {
    top: 60px !important;
}

@media only screen and (min-width: 1000px) {
body .sf-menu li ul, body .sf-menu li li ul {
    border: 2px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
html body[data-dropdown-style="minimal"] .sf-menu > li ul {
	padding: 0!important;
}
body[data-dropdown-style="minimal"] .sf-menu > li ul li a {
	padding: 9px;
}
html body[data-dropdown-style="minimal"] #header-outer:not([data-format="left-header"]) header#top nav > ul > li:not(.megamenu) ul li a:hover, 
html body[data-dropdown-style="minimal"] #header-outer:not([data-format="left-header"]) header#top nav > ul > li:not(.megamenu) ul li.current-menu-item > a {
	background-color: #f7f7f7 !important;
	color: #0066A6 !important;
}
} */

/* Mobile and other */
/* 
@media only screen and (min-width: 0px) and (max-width: 1000px) {
    .at-content > .container-wrap {
    padding-top: 55px;
}
}

body #mobile-menu {
    background-color: #C81F17;
    z-index: 500;
}
body #mobile-menu li a {
    color: #ffffff;
    font-size: 1.25em;
} */

/* Slide out menu*/
/* 
#slide-out-widget-area .inner .off-canvas-menu-container li a {
    color: #ffffff;
}

@media only screen and (max-width: 1000px) and (min-width: 0px) {

	body #slide-out-widget-area.slide-out-from-right {
		background-image: url('/wp-content/uploads/2017/03/bg-mobile-menu.jpg');
		background-size: cover;
	}

    body #slide-out-widget-area .mobile-only {
        display: block !important;
    }

    #slide-out-widget-area .menuwrapper li {
        margin-bottom: 15px;
    }

    #slide-out-widget-area .menuwrapper li.back > a {
        background: none;
        font-size: 16px !important;
    }

    #slide-out-widget-area .menuwrapper li.back > a:before {
        content: "\f104";
        display: inline;
        height: 32px;
        padding-right: 15px;
        font-family: FontAwesome;
        width: 32px;
    }
} */

/* Page submenu */
/* 
.page-submenu > div > ul {
	background-color: #f7f7f7 !important;
}

html body .wpb_row > .col.span_12.dark .page-submenu > div > ul li {
	letter-spacing: 0px;
	margin-top: 0px;
	font-family: "aktiv-grotesk",sans-serif;
}

.page-submenu > div > ul li:last-child a {
	opacity: 1;
	padding-top: 11px !important;
    padding-bottom: 0px!important;
}

.page-submenu > div > ul li:last-child a strong {
	background-color: #0066A6;
	padding: 12px 30px;
	color: #ffffff;
	display: inline-block;
	border-radius: 5px !important;
    font-size: 17px;
    font-weight: 700;
} */

/* Active per page */
/* 
.page-id-103 .page-submenu > div > ul li:first-child a {
	border-bottom: 1px solid;
}

.page-id-136 .page-submenu > div > ul li:nth-child(2) a {
	border-bottom: 1px solid;
}

.page-id-70 .page-submenu > div > ul li:nth-child(3) a {
	border-bottom: 1px solid;
} */

/* --------- LINKS & BUTTONS --------- */

body .wpb_text_column p a, body .wpb_text_column li a {
    border-bottom: 3px solid transparent;
    color: #0066A6 !important;
    transition: border ease 0.3s;
}
body .wpb_text_column p a:hover, body .wpb_text_column li a:hover {
    border-bottom: 3px solid rgba(0,0,0,0.10);
}
body .wpb_text_column p a.current {
    border-bottom: 3px solid rgba(0,0,0,0.10);
}

body .wpb_text_column.light p a, body .wpb_text_column.light li a{
    border-bottom: 3px solid rgba(255,255,255,0.25);
    color: #ffffff !important;
    transition: border ease 0.3s;
}
body .wpb_text_column.light p a:hover, body .wpb_text_column.light li a:hover {
    border-bottom: 3px solid rgba(255,255,255,0.35);
}

body .wpb_text_column.button p a {
    background: #0066A6;
    border-radius: 5px;
    border-bottom: 0px;
    color: #ffffff !important;
    display: inline-block;
    letter-spacing: 0px;
    font-size: 17px;
    font-weight: 600;
    padding: 15px 30px;
    transition: all ease 0.2s;
    margin-top: 20px;
}

body .wpb_text_column.button p a:hover {
    background: #0073bb;
}

body .wpb_text_column.button-white p a {
    background: #ffffff;
    border-radius: 5px;
    border-bottom: 0px;
    color: #0066A6 !important;
    display: inline-block;
    letter-spacing: 0px;
    font-size: 17px;
    font-weight: 600;
    padding: 15px 30px;
    transition: all ease 0.2s;
    margin-top: 20px;
    border-bottom: 0px !important;
}
html body .row .wpb_text_column.button-white p a:hover {
	background-color: #f7f7f7;
	border-bottom: 0px !important;
}

/* List Sponsorships */

.list-sponsorships h3 {
	margin-top: 12px;
}

.list-sponsorships h3 a {
	background-color: #ffffff;
	border: 2px solid rgba(0,0,0,0.15);
	border-radius: 5px;
	display: block;
	padding: 15px;
	transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
}
.list-sponsorships h3 a:hover {
	border: 2px solid rgba(0,0,0,0.25);
}

.row .col .list-sponsorships h3 a img {
	width: 44px;
    float: left;
    position: relative;
    top: -10px;
    margin-right: 22px;
}

/* --------- FORMS & INPUT --------- */

body .container-wrap input[type="text"], 
body .container-wrap textarea,
body .container-wrap select,
.select2-container .select2-choice,
body .container-wrap input[type="email"], 
body .container-wrap input[type="password"], 
body .container-wrap input[type="tel"], 
body .container-wrap input[type="url"], 
body .container-wrap input[type="search"],
body .container-wrap input[type="date"] {
    background-color: #ffffff !important; 
    box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.15), inset 0px 3px 3px 0px rgba(0,0,0,0.1) !important;
    border-radius: 3px !important;
    border-width: 0px !important;
    padding: 10px !important;
    margin-top: 9px;
    -webkit-appearance: none;
}
body .container-wrap input[type="text"]:focus, 
body .container-wrap textarea:focus, 
body .container-wrap input[type="email"]:focus, 
body .container-wrap input[type="password"]:focus, 
body .container-wrap input[type="tel"]:focus, 
body .container-wrap input[type="url"]:focus, 
body .container-wrap input[type="search"]:focus, 
body .container-wrap input[type="date"]:focus { 
    box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.25), inset 0px 3px 3px 0px rgba(0,0,0,0.05) !important;
}

.select2-container .select2-choice,
body .select2-container .select2-choice>.select2-chosen {
    color: #555 !important;
    font-family: 'Open sans', sans-serif;
    letter-spacing: normal;
}
.select2-container .select2-choice>.select2-chosen {
    line-height: normal;
}
body .select2-container .select2-choice:hover,
body .select2-dropdown-open .select2-choice {
    background-color: #ffffff !important;
}

body .container-wrap select {
    font-size: 16px;
}

body label span, body .wpcf7-form p span {
    color: #575018 !important;
}

label {
    display: block;
}

body form .vc_col-sm-6.wpb_column {
    margin-top: 6px;
}

body form .vc_col-sm-6.wpb_column.instance-3 {
    margin-left: 0px;
}

body form .btn-contact {
    position: absolute;
    right: 6px;
    top: 14px;
}

html body.ascend .container-wrap input[type="submit"], 
html body.ascend .container-wrap button[type="submit"] {
    background-color: #0066A6;
    color: #ffffff;
    font-family: "aktiv-grotesk",sans-serif;
    font-weight: bold;
    font-size: 18px;
    padding: 12px 30px!important;
    border-radius: 3px !important;
}
html body.ascend .container-wrap input[type="submit"]:hover, 
html body.ascend .container-wrap button[type="submit"]:hover {
    background-color: #1863d3 !important;
    color: #ffffff;
} 

body .container-wrap input[readonly="readonly"] {
	background-color: #f7f7f7 !important;
}

/* Form columns */

.one-half,
.one-third {
    position: relative;
    margin-right: 4%;
    float: left;
        margin-bottom: 20px;
 
}
 
.one-half { width: 48%; }
.one-third { width: 30.66%; }
 
.last {
    margin-right: 0 !important;
    clear: right;
}
 
@media only screen and (max-width: 767px) {
    .one-half, .one-third {
        width: 100%;
        margin-right: 0;
    }
}

/* --------- CUSTOM --------- */

/* Hero */

body .swiper-slide .content p {
	margin-top: 45px !important;
}

body .swiper-slide .button.solid_color a.extra-color-3 {
	border-radius: 5px !important;
	color: #0066A6;
	font-family: "aktiv-grotesk",sans-serif;
	padding-left: 30px;
	padding-right: 30px;
	letter-spacing: 0px;
	font-size: 17px;
	font-weight: 700;
	text-transform: none;
}

@media only screen and (max-width: 1000px) and (min-width: 690px) {
body .swiper-slide .button a {
    font-size: 15px!important;
    letter-spacing: 0px!important;
}
body .swiper-slide .content h2 {
	letter-spacing: -0.75px;
}
}

@media only screen and (max-width: 690px) {
body .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2,
body #page-header-bg .span_6 h1, html .single.single-post .section-title h1 {
	font-size: 24px!important;
    line-height: 30px!important;
    letter-spacing: 0px!important;
    margin-top: 0;
}
body .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content p {
	font-size: 24px!important;
	line-height: 24px!important;
	letter-spacing: 0px!important;
}

html body #page-header-bg .span_6 span.subheader {
	font-size: 18px!important;
	line-height: 24px!important;
	letter-spacing: 0px!important;
}

body .nectar-slider-wrap[data-fullscreen="false"] .swiper-slide .button {
	display: block !important;
} 
body .nectar-slider-wrap[data-fullscreen="false"] .swiper-slide .button a {
    font-size: 15px!important;
    letter-spacing: 0px!important;
    padding-top: 12px!important;
    padding-bottom: 12px!important;
}
}

@media only screen and (max-width: 1200px) and (min-width: 1000px) {
body .swiper-slide .content {
	padding-top: 15px;
}
}

/* title line */

body .heading-with-line h2:after {
	content: "";
    position: relative;
    height: 5px;
    border-bottom: 3px solid #ECECEC;
    top: -8px;
    width: 50%;
    z-index: -1;
    left: 15px;
    right: 0px;
    display: inline-block;
}

/* Get tickets */

#get-tickets .col-get-tickets:before {
	border-radius: 5px;
	border: 2px solid #025488;
	border-bottom: 2px solid #025488;
}

/* Responsive images */

.row .col img.max-width-33 {
    max-width: 33%;
}

.row .col img.max-width-50 {
    max-width: 50%;
}

/* --------- FOOTER --------- */

body #footer-outer {
    background-color: #ffffff !important;
}

#footer-widgets > .container > .row > .col {
    padding-left: 30px;
    padding-right: 30px;
    text-align: center; 
}

.ascend #footer-outer .widget h4 {
    display: none;
}

#footer-outer #copyright .span_5 {
	width: 100%;
	text-align: center; 
}

body #footer-outer #copyright {
    padding: 60px 0px;
}

.add_to_cart_inline {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    border: none !important;
    padding: 0 !important;
    -ms-flex-align: center;
        -webkit-align-items: center;
            align-items: center;
}
.product-title  { -ms-flex-order: 1; -webkit-order: 1; order: 1; }
.amount         { -ms-flex-order: 2; -webkit-order: 2; order: 2; }
.price-times    { -ms-flex-order: 3; -webkit-order: 3; order: 3; }
.qty            { -ms-flex-order: 4; -webkit-order: 4; order: 4; }
.add_to_cart_inline.woocommerce a.add_to_cart_button {
    width: 100%;
    -ms-flex-order: 5;
	-webkit-order: 5;
	        order: 5;
    border: 1px solid transparent!important;
    color: #ffffff!important;
    padding: 17px 15px !important;
    font-weight: 700 !important;
    margin-top: 25px !important;
    font-size: 17px !important;
    background-color: #97CC04 !important;
    text-shadow: 0px 1px 3px rgba(0,0,0,0.25) !important;
}
.add_to_cart_inline.woocommerce a.add_to_cart_button:hover {
    background-color: #82b003 !important;
}

@media (max-width: 420px) {
    #order_review .cart_item {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    #order_review .product-image {
        width: 100%;
        margin-bottom: 25px;
    }
    #order_review .product-info {
        width: 100%;
    }
    .product-title {
        width: 100%;
    }
}

html body.ascend .container-wrap input[type="submit"], 
html body.ascend .container-wrap button[type="submit"] {
	border: 1px solid transparent!important;
    color: #ffffff!important;
    padding: 17px 15px !important;
    font-weight: 700 !important;
    margin-top: 25px !important;
    font-size: 17px !important;
    background-color: #97CC04 !important;
    text-shadow: 0px 1px 3px rgba(0,0,0,0.25) !important;
}
html body.ascend .container-wrap input[type="submit"]:hover, 
html body.ascend .container-wrap button[type="submit"]:hover {
	background-color: #82b003 !important;
}

.product-title,
.price-times,
.amount,
.qty {
    color: #0066A6;
    font-size: 24px;
}

.product-title  {
    margin-right: auto;
}
.price-times {
    display: inline-block;
    margin: 0 20px;
}
.qty {
    border: 2px solid #e4e4e4;
    border-radius: 3px;
    text-align: center;
    padding: 5px 0 5px 10px;
}


/* Checkout page */
input + label {
    display: inline-block;
}
.wc_payment_method img {
    height: 30px;
}
.wc_payment_method {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: baseline;
        -webkit-align-items: baseline;
            align-items: baseline;
}
.payment_method_mollie_wc_gateway_ideal {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.wc_payment_method label {
    -ms-flex-positive: 1;
        -webkit-flex-grow: 1;
            flex-grow: 1;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
            justify-content: space-between;
}
.wc_payment_method input[type=radio] {
    -ms-flex-negative: 0;
        -webkit-flex-shrink: 0;
            flex-shrink: 0;
}
.woocommerce-page #payment .wc-terms-and-conditions {
    float: none;
}

.checkout .col2-set .col-2 {
    background-color: #f7f7f7;
    padding: 30px;
    border-radius: 5px;
}
.woocommerce-checkout #footer-widgets,
.page-id-64 #footer-widgets {
	display: none;
}

#header-outer .widget_shopping_cart a.button.checkout {
    margin-left: 0 !important;
}

body .cart-subtotal,
body .tax-total {
    display: none;
}
body.showvat .cart-subtotal,
body.showvat .tax-total {
    display: table-row;
}

html body .woocommerce .woocommerce-error {
    background-color: #E88C0C !important;
}

#order_review .product-info .remove {
    display: none;
}

#order_review .product-image {
    margin-right: 20px;
}
#order_review .product-info {
    padding-right: 0;
}
#order_review .product-info h4 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
#order_review .product-info .amount {
    margin-left: auto;
}
#order_review .product-info .cqoc_product_name:after {
    content: 'x';
    font-size: 14px;
    font-weight: normal;
    margin: 0 10px;
    display: inline-block;
}

.order-review + .wpb-wrapper {
    padding-left: 6px;
}
.checkout .nectar-fancy-ul ul {
    margin-bottom: 0;
}

@media (max-width: 420px) {
    .woocommerce-page form .woocommerce-billing-fields .form-row-first,
    .woocommerce-page form .woocommerce-billing-fields .form-row-last {
        width: 100%;
    }
}
@media (max-width: 768px) {
    body .woocommerce input#coupon_code {
        width: 100% !important;
    }
    .woocommerce-checkout .col2-set .col-2 {
        margin-top: 35px;
        padding: 15px;
    }
}

.bundled_table_item .cqoc_product_name {
    font-size: 12px;
}

.bundle_table_item .cqoc_product_name,
.bundled_table_item .cqoc_product_name {
    width: 167px;
    flex-grow: 0;
    flex-shrink: 0;
}

.woocommerce-checkout-review-order-table .product-info .bundled_table_item_subtotal .woocommerce-Price-amount.amount {
    font-size: 12px;
}

.shop_table .bundled_table_item_price .woocommerce-Price-amount.amount {
    font-size: 12px;
    margin-left: 10px;
}

.shop_table .bundled_table_item_subtotal .woocommerce-Price-amount.amount {
    font-size: 12px;
}

.bundled_table_item_subtotal {
    font-size: 12px;
    text-align: right;
}

.bundled_table_item_price:before, .bundled_table_item_subtotal:before {
    margin: 0 8px 0 0 !important;
}

.bundled_table_item td.product-subtotal {
    text-align: right;
}

.woocommerce-checkout-review-order-table .product-info {
    float: none;
    width: auto;
}

/* Put your CSS code in the left column, instead of example, to put or remove unnecessary prefixes. */

.example {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    transition: all .5s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: linear-gradient(to bottom, white, black);
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .quantity {
    order: 2;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .quantity input[type=number] {
    width: 36px;
    padding: 4px;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .cqoc_container {
    display: flex;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .cqoc_container .remove {
    order: 2;
}


.woocommerce-checkout .woocommerce-checkout-review-order-table .cqoc_container .cqoc_product_name {
    width: auto;
}

.includes_tax span.woocommerce-Price-amount {
    font-size: 12px;
}

.woocommerce-checkout-review-order-table .order-total td > strong {
    display: block;
}