/* custom*/

/*	--------------------------------------------------
	1.0 BACKGROUNDS
	-------------------------------------------------- */
	
nav.main, 
header::after,
.navigation a.expand span,
ul.slick-dots li.slick-active button {
	background-color:#003C7D; background-color:rgba(0,60,125,1);
}

nav.main ul li:hover ul,
nav.main ul li.open, 
nav.main ul li.open ul {
	background-color: #ffffff;
}

nav.main ul a.active {
	background-color:#ffffff;
}

nav.main ul a.active span {
	color: #003C7D;
}

.navigation nav.main ul li ul li a:hover::before {
	background-color:#ffffff;
}	

.btn:hover::after {
	
}
	
#site, header {
	background-color:#ffffff;
}	

.ajax_wrap .ajax_loading .loading span.message {
	background-image:url('/images/icons/loading_on_secondary_colour_3.gif');
}
		
a .overlayicon {
	background-color:rgba(0,0,0,0);
}
	
.videopod a 
.overlayicon,
.video a .overlayicon {
	background-color:rgba(0,0,0,0.25);
}
a:hover .overlayicon {
	background-color:rgba(0,0,0,0.75);
}

.field-validation-error {
	background-color:#a94442;
}

.slick-prev, 
.slick-next {
	background-color:rgba(255,255,255,0.8);
}

.slick-prev:hover, 
.slick-next:hover {
	background-color:rgba(255,255,255,1);
}

/*	--------------------------------------------------
	2.0 TEXT
	-------------------------------------------------- */

body {
    color: #333333;
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size:14px;
    line-height:20px;
    font-weight:400;
}
p {
    color: #333333;
    font-size: 14px;
    font-family: 'Helvetica', 'Arial', sans-serif;
    line-height:24px;
    font-weight:400;
    margin-bottom:16px;
}
p.heading {
    font-size:18px;
}
h1, h2, .heading {
    color: #333333;
    font-family: 'PT Sans', sans-serif;
    font-weight:700;
}
h3, h4, h5, h6, .heading {
    color: #003C7D;
    font-family: 'PT Sans', sans-serif;
    font-weight:700;
}
h1 {
    font-size:34px;
    font-weight:700;
    letter-spacing:.02em;
    margin-top:24px;
    margin-bottom:24px;
    color:#000000;
}
.breadcrumb li a span {
    font-size: 14px;
    font-weight: 700;
    color: #333333;
    font-family: 'PT Sans', sans-serif;
}
.breadcrumb li span {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    font-family: 'PT Sans', sans-serif;
}
footer .heading {
    font-size:24px; 
}
a {
	color:#003C7D;
}

.primary_colour_1-text,
.heading, h1, h2,
thead,
.slick-prev, .slick-next,
.tabbed .panel-heading .panel-title a,
nav.sub ul > li.active > a {
	color:#333333;
}

.jurisdictions-list ul li a.primary_colour_1-text {
    border: 1px solid #003C7D!important;
}
    
.heading {
    border:none!important;
} 

.jurisdictions-list ul li a.secondary_colour_1-text {
    border: 1px solid #003C7D!important;
}
.jurisdictions-list ul li a.secondary_colour_3-bg:hover {
    background-color: rgba(0,60,125,0.5);
    text-decoration: none;
    color:#ffffff;
}
.jurisdictions-list ul li a.secondary_colour_3-text {
    border: 1px solid #ffffff!important;
}

.navigation nav.main ul li i.fa.fa-angle-down.after {
    color: #c3c3c3;
}
nav.main ul li a, 
nav.main ul li:hover a, 
nav.main ul li:hover ul a,
.navigation nav.main ul li.open i.fa.fa-angle-down.after {
	color:#000000;
}
@media (max-width: 767) {
    .navigation nav.main ul li i.fa.fa-angle-down.after {
        color: #ffffff;
    }
    nav.main ul li a, 
    nav.main ul li:hover a, 
    nav.main ul li:hover ul a,
    .navigation nav.main ul li.open i.fa.fa-angle-down.after {
	    color:#000000;
    }
}
nav.main > ul > li > a {
    font-family: 'PT Sans', sans-serif; 
    font-size:18px;
    font-weight:700;
    color:#FFFFFF;
}
nav.main > ul > li:hover a {
    font-size:18px;
    font-weight:700;
    color:#ffffff; 
}

nav.main ul li.has_child ul li a {
    font-size:18px;
    font-weight:700;
    color:#777777; 
}
nav.main ul li.has_child.open a {
    color:#777777;
    background:#ffffff;
}
nav.main ul li.has_child a {
    color:#ffffff; 
}

nav.main > ul > li:hover i {
    color: #003C7D;
}
    	
fieldset label em.req {
	color:#a94442; color:rgba(169,68,68,1);
}

a .overlayicon i,
.field-validation-error {
	color:#ffffff; color:rgba(255,255,255,1);
}

.navigation nav.main ul ul li i {
    top: 6px;
}
		
@media (min-width:300px) and (max-width:767px) {
    .content.advanced-component.banner .slick-list.draggable {
        height: auto!important;
    }
    .content.advanced-component.banner .event-search .dropdown-menu.open {
        position: relative;
        float: left;
        width: 100%;
    }
    .bootstrap-select.btn-group .dropdown-menu.inner {
        overflow-x: visible!important;
        max-height: 150px!important;
    }	
    .event-row table tr td {
        border: none;
        padding: 5px 0px 0px 0px!important;
        vertical-align: top;
        color: #5a5a5a;
        width: 100%;
        display: block;
    }
    .advanced-component.banner .container {
        margin-top:0!important;
    }	
    nav.main ul li.has_child ul li a {
        padding:10px 15px;
        font-family: 'PT Sans', sans-serif;
    }
    .shoppingCardFooter {
        text-align: center!important;
    }
    .shoppingCardFooter .footer-price {
        width: 100%;
        margin: 0px 0px 0px 0px!important;
        padding:0;
        display: block;
        text-align: center;
    }
    .shoppingcard-item {
        min-height: inherit;
    }
    .shoppingCardFooter .footer-price span {
        width: auto;
        margin: 0 5px!important;
        padding:0;
        display: inline;
        text-align: center;
    }
    .shoppingCardFooter div input, .shoppingCardFooter div a, .shoppingCardFooter div span {
        width: 100%;
        margin: 15px 0px 0px 0px!important;
        display: block;
        text-align: center;
    }
}
@media (min-width:768px) and (max-width:991px) {
    .content.advanced-component.banner .event-search .dropdown-menu.open {
        position: absolute;
        float: left;
        width: 100%;
    }
    .bootstrap-select.btn-group .dropdown-menu.inner {
        overflow-x: visible!important;
        max-height: 150px!important;
    }
    .content.advanced-component.banner .slick-list.draggable {
        height: auto!important;
    }
    li.has_child:hover > a {
        background: #ffffff;
        color: #003c7d!important;
    }
    nav.main ul > li:hover > a {
        background: #ffffff;
        color: #003c7d!important;
    }
    li.has_child:hover > i {
        color: #003c7d!important;
    }
    .content.advanced-component.banner .slick-list.bh-bg-donkerblauw {
        height:auto!important;
    }
    .advanced-component.banner .info {
        position: absolute;
        bottom: 80px;
        margin: 0;
        padding: 0;
    }
    .advanced-component.banner .container {
        margin-top:0!important;
    }
    .advanced-component.banner img {
        min-height: 545px;
        width: auto;
    }
    .advanced-component.banner .image {
        height: 545px;
    }
    .navigation nav.main {
        height: 54px;
        position: relative;
        top: 114px;
        right: 0;
        left: 0;
        z-index: 300;
    }

    header {
        height: 168px;
    }

        header::after {
            content: "";
            position: absolute;
            top: 114px;
            right: 0;
            left: 0;
            height: 54px;
        }

    .navigation nav.main ul li a {
        display: block;
        float: left;
        height: 54px;
        padding: 18px 5px;
        font-size: 16px;
    }

    .navigation nav.main ul li ul li ul {
        background: #003c7d;
    }

    .navigation nav.main ul li ul li ul li a {
        color:#ffffff;
    }
    .navigation nav.main ul li ul {
        top: 54px;
        width: 100%;
        min-width: 200px;
        border-bottom: 1px solid #f3f3f3;
        border-left: 1px solid #f3f3f3;
        border-right: 1px solid #f3f3f3;
    }
    .navigation nav.main ul li:hover > ul {
        left: 0;
    }
	.navigation nav.main ul li i {
	    color:#ffffff;
        top: 18px;
        right: 5px;
        width: 20px;
        height: 20px;
        padding-top: 2px;
    }

    .navigation nav.main ul li ul li a {
        font-family: 'PT Sans', sans-serif; 
        float: none;
        display: block;
        height: auto;
        line-height: 1;
        padding: 8px 15px;
        font-size: 15px;
        font-weight:600;
        color: #777777;
    }
    .navigation nav.main ul li ul li a:hover {
        font-family: 'PT Sans', sans-serif; 
        color: #003C7D;
    }
    .advanced-component.banner img {
        min-height: 475px;
    }	
    .slick-list {
        height: auto!important;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .content.advanced-component.banner .event-search .dropdown-menu.open {
        position: absolute;
        float: left;
        width: 100%;
    }
    .bootstrap-select.btn-group .dropdown-menu.inner {
        overflow-x: visible!important;
        max-height: 150px!important;
    }
    .content.advanced-component.banner .slick-list.draggable {
        height: auto!important;
    }
    li.has_child:hover > a {
        background: #ffffff;
        color: #003c7d!important;
    }
    li.has_child:hover > i {
        color: #003c7d!important;
    }
    nav.main ul > li:hover > a {
        background: #ffffff;
        color: #003c7d!important;
    }
    .content.advanced-component.banner .slick-list.bh-bg-donkerblauw {
        height:auto!important;
    }
    .advanced-component.banner .info {
        position: absolute;
        margin: 0;
        padding: 0;
    }
    .advanced-component.banner img {
        min-height: 475px;
        width: auto;
    }
    .navigation nav.main {
        height: 54px;
        position: relative;
        top: 114px;
        right: 0;
        left: 0;
        z-index: 300;
    }
    header {
    height:168px;
    }
    header::after {
        content: "";
        position: absolute;
        top: 114px;
        right: 0;
        left: 0;
        height: 54px;
    }
    .navigation nav.main ul li a {
        display: block;
        float: left;
        height: 54px;
        padding: 15px 10px;
        font-size:20px
    }

    .navigation nav.main ul li ul {
        top: 54px;
        width: 100%;
        min-width: 167px;
        border-bottom: 1px solid #f3f3f3;
        border-left: 1px solid #f3f3f3;
        border-right: 1px solid #f3f3f3;
    }
    .navigation nav.main ul li:hover > ul {
        left: 0;
    }
	.navigation nav.main ul li i {
        top: 18px;
        right: 5px;
        width: 20px;
        height: 20px;
        padding-top: 2px;
    }

    .navigation nav.main ul li ul li a {
        font-family: 'PT Sans', sans-serif; 
        float: none;
        display: block;
        height: auto;
        line-height: 1;
        padding: 8px 15px;
        font-size: 15px;
        font-weight:600;
        color: #777777;
    }
    .navigation nav.main ul li ul li a:hover {
        font-family: 'PT Sans', sans-serif; 
        color: #003C7D;
    }
		
}
@media (min-width:1200px) {	
        .advanced-component.banner img {
        min-height: 500px;
    }	
    .slick-list {
        height: auto!important;
    }
        .content.advanced-component.banner .event-search .dropdown-menu.open {
        position: absolute;
        float: left;
        width: 100%;
    }
    .bootstrap-select.btn-group .dropdown-menu.inner {
        overflow-x: visible!important;
        max-height: 150px!important;
    }
    li.has_child:hover > a {
        background: #ffffff;
        color: #003c7d!important;
    }
    nav.main ul > li:hover > a {
        background: #ffffff;
        color: #003c7d!important;
    }
    li.has_child:hover > i {
        color: #003c7d!important;
    }
    .navigation nav.main {
        height: 54px;
        position: relative;
        top: 114px;
        right: 0;
        left: 0;
        z-index: 300;
    }
    header {
    height:168px;
    }
    header::after {
        content: "";
        position: absolute;
        top: 114px;
        right: 0;
        left: 0;
        height: 54px;
    }
    .navigation nav.main ul li a {
        display: block;
        float: left;
        height: 54px;
        padding: 18px 15px 15px 15px;
    }
    .navigation nav.main ul li ul {
        top: 54px;
        width: 100%;
        min-width: 200px;
        border-bottom: 1px solid #f3f3f3;
        border-left: 1px solid #f3f3f3;
        border-right: 1px solid #f3f3f3;
    }
    .navigation nav.main ul li:hover > ul {
        left: 0;
    }
	.navigation nav.main ul li i {
        top: 18px;
        right: 5px;
        width: 20px;
        height: 20px;
        padding-top: 2px;
    }

    .navigation nav.main ul li ul li a {
        font-family: 'PT Sans', sans-serif; 
        float: none;
        display: block;
        height: auto;
        line-height: 1;
        padding: 8px 15px;
        font-size: 15px;
        font-weight:600;
        color: #777777;
    }
    .navigation nav.main ul li ul li a:hover {
        font-family: 'PT Sans', sans-serif; 
        color: #003C7D;
    }
		
}

	
/*	--------------------------------------------------
	3.0 BORDERS
	-------------------------------------------------- */
	
	
.navigation nav.main, header::after {
	border-color:#7f88ab;
}
		
.promo_pods .listing, 
.promo_pods .listing .item,
.tabbed .tab-content,
nav.sub ul, 
nav.sub ul li,
table, 
td {
	border-color:#C0E7EF;
}
		
	
nav.sub .heading a {
	border-color:#ffffff; border-color:rgba(255,255,255,1);
}
		
.navigation nav.main ul,
.navigation nav.main ul li {
	border-color:#ffffff; border-color:rgba(255,255,255,0.3);
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
	border-bottom-color:#ffffff; border-bottom-color:rgba(255,255,255,1);
}	

.input-validation-error,
.input-validation-error:focus {
	border-color:#a94442;
}	
	
	

/*	--------------------------------------------------
	4.0 BOX SHADOWS
	-------------------------------------------------- */
	
#site {
	box-shadow:0px 0 60px 0 rgba(0,0,0,0.1);
	}
header.clone {
	box-shadow:0px 10px 10px 0 rgba(0,0,0,0.05);
}
		
.input-validation-error:focus {
	box-shadow:0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(169,68,68,0.5);
}



.newsletter input[type=email]{
    margin-top: 8px;
    height: 46px;
    font-size: 18px;
}




.btn:hover::after {
	background-color:#ffffff; background-color:rgba(255,255,255,0.25);
}

/* /backgrounds */

.bh-bg-donkerblauw {
    background-color: #003c7d;
}
.bh-bg-donkergroen {
    background-color: #009fbd;
}
.bh-bg-mediumgroen {
    background-color: #c5e7ef;
}
.bh-bg-lichtgroen {
    background-color: #bfe7ee;
}
.bh-bg-lichtdonkergroen {
    background-color: #dbe3ea;
}
.bh-bg-wit {
    background-color: #ffffff;
}
.bh-bg-lichtgrijs {
    background-color: #e6e6e6;
}
.bh-bg-lichtbruin {
    background-color: #efe5d6;
}

.bh-bg-donkerblauw-transparent {
    background-color: rgba(0, 160, 125, 0.85);
}
.bh-bg-donkergroen-transparent {
    background-color: rgba(0, 159, 189, 0.85);
}
.bh-bg-mediumgroen-transparent {
    background-color: rgba(197,231,239, 0.85);
}
.bh-bg-lichtgroen-transparent {
    background-color: rgba(191,231,238, 0.85);
}
.bh-bg-lichtdonkergroen-transparent {
    background-color: rgba(219,227,234, 0.85);
}
.bh-bg-wit-transparent {
    background-color: rgba(255,255,255, 0.85);
}
.bh-bg-lichtgrijs-transparent {
    background-color: rgba(230,230,230, 0.85);
}
.bh-bg-lichtbruin-transparent {
    background-color: rgba(239,229,214, 0.85);
}

/* buttons */

.bh-btn-lichtoranje {
    background-color: #f39200;
    color: #ffffff;
}
.bh-btn-lichtoranje:hover, .bh-btn-lichtoranje:focus, .bh-btn-lichtoranje:active {
    color: #ffffff;
}

.bh-btn-donkerblauw {
    background-color: #003C7D;
    color: #ffffff;
}
.bh-btn-donkerblauw:hover, .bh-btn-donkerblauw:focus, .bh-btn-donkerblauw:active {
    color: #ffffff;
}

.bh-btn-pacaficblauw {
    background-color: #019EBD;
    color: #ffffff;
}

.bh-btn-pacaficblauw:hover, .bh-btn-pacaficblauw:focus, .bh-btn-pacaficblauw:active {
    color: #ffffff;
}

.bh-btn-lichtgrijs {
    background-color: #E6E6E6;
    color: #333;
}
.bh-btn-lichtgrijs:hover, .bh-btn-lichtgrijs:focus, .bh-btn-lichtgrijs:active {
    color: #333;
}

.bh-btn-wit {
    background-color: #FFFFFF;
    color: #333;
}
.bh-btn-wit:hover, .bh-btn-wit:focus, .bh-btn-wit:active {
    color: #333;
}

.bh-btn-lichtgroen {
    background-color: #ccdce4;
    color: #333;
}
.bh-btn-lichtgroen:hover, .bh-btn-lichtgroen:focus, .bh-btn-lichtgroen:active {
    color: #333;
}
/* text */ 
.intro, .intro * {
    color: #003c7d;
    font-size:18px;
}
.bh-text-white *, .bh-text-white {
    color: #ffffff;
}
.bh-text-white .intro, .bh-text-white .intro * {
    color: #ffffff;
    font-size:18px;
}

.bh-text-default *, .bh-text-default {
    color: #333333;
}
.bh-text-default .intro, .bh-text-default .intro * {
    color: #003c7d;
    font-size:18px;
}
.bh-text-pacificblue *, .bh-text-pacificblue {
    color: #009FBD;
}
.bh-text-pacificblue .intro, .bh-text-pacificblue .intro * {
    color: #003c7d;
    font-size:18px;
}
.bh-text-darkblue *, .bh-text-darkblue {
    color: #003c7d;
}

/* headings */

.bh-heading-white {
    color: #ffffff;
}

.bh-heading-default {
    color: #333333;
}


.alert-danger {
    background: #a94442;
    padding: 10px 5px;
    margin: 5px 0;
    border: none;
    border-radius: 0;
    line-height: 1;
}
.alert-danger p {
    color: #ffffff;
    padding: 0;
    margin: 0;
    border: none;
    line-height: 1;
}
.event-page h4 {
    display: inline-block;
}