/*

Theme Name: 	CMAL responsive theme
Description: 	Child theme of Post Creative
Version: 		1
Author: 		Post Creative + Bootstrap
Template:		postcreative
*/


/*   ====================================================================================================================

 	BASE THEME STYLES
	 
========================================================================================================================= */


body {
    padding: 150px 0 0 0;

}

.container {
	position:relative;
}

h1.entry-title {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom:30px;
}


.home h2.ferries a, .home h2.harbours a {
    font-weight: bold;
    text-transform: uppercase;
}



.home h2.ferries::before, h1.ferries::before {
	content:' ';
	background-image:url(images/ferries-g-ico.png);
	background-repeat:no-repeat;
	background-position:center left;
	width:100px;
	height:94px;
	display:block;
	border-top:6px solid #373636;
}

h1.about-us::before{
	content:' ';
	background-image:url(images/about-g-ico.png);
	background-repeat:no-repeat;
	background-position:center left;
	width:100px;
	height:94px;
	display:block;
	border-top:6px solid #373636;
}

h1.project::before {
	content:' ';
	background-image:url(images/ourwork-g-ico.png);
	background-repeat:no-repeat;
	background-position:center left;
	width:100px;
	height:94px;
	display:block;
	border-top:6px solid #373636;
}



.home h2.harbours::before, h1.harbours::before, .page-harbours h1::before {
	content:' ';
	background-image:url(images/harbours-g-ico.png);
	background-repeat:no-repeat;
	background-position:center left;
	width:100px;
	height:94px;
	display:block;
	border-top:6px solid #373636;
}

#sidebar h3.news::before, h1.news::before, .archive h1:before {
	content:' ';
	background-image:url(images/news-g-ico.png);
	background-repeat:no-repeat;
	background-position:center left;
	width:100px;
	height:94px;
	display:block;
	border-top:6px solid #373636;
}

#sidebar h3.mariners::before, h1.mariners::before {
	content:' ';
	background-image:url(images/mariners-ico.png);
	background-repeat:no-repeat;
	background-position:center left;
	width:100px;
	height:94px;
	display:block;
	border-top:6px solid #373636;
}

.news-list > li > h4::before, .mariners-list > li > h4::before, .simple-list-teaser h2::before, .grid-teaser h2::before {
	content:' ';
	width:100px;
	border-top:3px solid #373636;
	display:block;
	margin-bottom:15px;
}

h1::after {
	content: ' ';
	width: 100px;
	height: 20px;
	display: block;
	border-bottom: 3px solid #373636;
}

.blog h1::after, .archive h1::after, .page-notice-to-mariners h1:after, .search h1:after{
	border-bottom:0;
	height:0;
	}

.single-ferry div.col-sm-4 h3 {
    margin-top: 0;
}

.single-ferry h3.news {
    padding-top: 30px;
}

/* /////////////////////////////////
	
	Navigation

/ ////////////////////////////////*/

#site-navigation {
    background-color: #063661;
    padding-top:20px;
    max-height: 213px;
}

.header-row, nav.navbar.navbar-default.navbar-fixed-top.hidden-xs {
    color: #fff;
    border-bottom: 1px solid #fff;
  
}

ul.pull-right.list-inline.text-right li {
    margin-left: 30px;
}

ul.pull-right.list-inline.text-right {
    margin-top: 10px;
    margin-bottom: 20px;
}

a.logo img {
    width: 295px;
}

.strapline-left ul li a{
	color:#fff;
}

.strapline-left ul li.active a{
	color: #FFFFFF !important;
	font-weight: bold;
}

#menu-top > li , #menu-top-menu > li{
	margin-right:2px;
	width: 117px;
}

/*#menu-top > li > a.toggle-clicked {
	background-color:#6B7A1F;
}*/

#menu-top > li > a, #menu-top-menu > li > a{
	padding-top: 34.5px;
    padding-bottom: 7.5px;
	background-color:#0F62A1;
	background-position:center 12px;
	background-repeat:no-repeat;
	width:100%;
    text-align: center;
}
#menu-top-1 > li > a{
	background-position:5px center!important;
	background-repeat:no-repeat!important;
	padding-left: 30px!important;
    position: relative!important;
    z-index: 9999!important;
	background-color:#063661!important;
	display:block!important;
}
#menu-top-1 > li > a:focus{
	    background-color: #6B7A1F;
}
#menu-top-1{
	
    position: relative;
    z-index: 9999;
	margin-bottom:0;
	display:block;
}
#menu-top-1 > li > .dropdown-menu{
    margin-left: 0px;
	position: relative;
    z-index: 9999;
}
#menu-top-1 > li > .dropdown-menu > li{
    padding: 0px;
	border-bottom: none;
    border-top: 1px solid white;
	position: relative;
    z-index: 9999;
}
#menu-top-1 > li > .dropdown-menu > li > a{
    padding: 5px 5px 5px 25px;
}
.navbar-default #menu-top-1 > li > a:hover, .navbar-default #menu-top-1 > li > a:focus {
color:#fff!important;
}
#menu-top > li > a:hover, #menu-top-menu > li > a:hover, .current-menu-item > a, .current-menu-parent > a {
	background-color:#6B7A1F !important;
}
.header-row.visible-xs-block, #bs-example-navbar-collapse-2{
background-color:#063661;
position: relative;
    z-index: 9999;
}
.navbar-nav>li>.dropdown-menu {
	background:#6B7A1F;
	border-radius:0px;
	border-top:1px solid white;
	padding:0px;
}

.navbar-nav>li>.dropdown-menu li {
	border:1px solid white;
	border-top:none;
	padding:5px;
}

.navbar-nav>li>.dropdown-menu li a {
	color:white;
}

.navbar-nav>li>.dropdown-menu li a:hover, .navbar-nav>li>.dropdown-menu li:hover, .navbar-nav>li>.dropdown-menu li:hover > a {
	color:#FFFFFF;
	background:#6B7A1F;
}


.dropdown-menu > .active {
	color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #6B7A1F;
}


.navbar-nav>li>.dropdown-menu {
	margin-left: -58px;
}

#menu-top > li > .dropdown-menu {
	margin-left: 0px !important;
}

.dropdown-search .dropdown-menu {
	background: #0F62A1 !important;
    border-radius: 0px  !important;
    border-top: 1px solid white  !important;
    padding: 32px  !important;
    box-sizing: content-box  !important;
    float: right  !important;
    /* position: relative; */
    margin-right: -33px  !important;
	}

	
	li.dropdown-search {
		bottom:auto;
		top:auto;
		width: 63px;
	}
	
	.dropdown-toggle {
		vertical-align: middle !important;
    	line-height: 20px !important;
	}
	
	.caret {
		float: right;
		border: none;
		background: url(images/mob-menu-arrow.png) no-repeat;
		width: 20px;
		height: 20px;
		margin-top: 5px;
	}
	
	.open .caret {
		background: url(images/mob-menu-arrow.png) no-repeat !important;
	}

	
	
		
	 .dropdown-menu li {
		 border:none;
	 	border-bottom:1px solid white;
	 }
	
	#bs-example-navbar-collapse-1 {
		margin-top:1px;
	}
	
	.navbar-nav .open .dropdown-menu {
		position: static !important;
		height: auto;
		margin-right:0px !important;
	}
	
		
	#menu-top li .dropdown-menu li:hover, #menu-top > .open, #menu-top li .dropdown-menu li:hover a {
		background-color:#6B7A1F !important;
		color:white !important;
	}
	
	.open a {
		    color: #FFFFFF;
    background-color: #6B7A1F;
	}
	
.page-id-5667 img.attachment-responsive.img-responsive.wp-post-image {
    display: none !important;
}


/* SEARCH */

#the-search {
        /* float: right !important; */
    position: absolute;
    right: 0px;
	top:0px;
}

.dropdown-search .dropdown-menu {
    width: 230px;
    left: -195px;
    background: #0F62A1 ;
    border-radius: 0px  ;
    box-sizing: content-box  ;
    margin-right: -33px  ;
    border-bottom:none;
}


	
/* nav bar icons and hover effects */

/* home */
.home-ico > a {
	background-image:url(images/home-ico.png);
}

.home-ico.current-menu-item > a {
	background-image:url(images/home-ico.png);
}

#bs-example-navbar-collapse-1 .home-ico > a:hover {
	background-image:url(images/home-ico.png);
}

/* news */
.news-ico > a {
	background-image:url(images/news-ico.png);
}

#bs-example-navbar-collapse-1 .news-ico.current-menu-item > a, #bs-example-navbar-collapse-1 .news-ico.current-menu-parent > a, #bs-example-navbar-collapse-1 #menu-top > .news-ico > a.toggle-clicked, #bs-example-navbar-collapse-1 .news-ico.dropdown.open > a {
	background-image:url(images/news-ico.png) !important;
	color: #FFFFFF !important;
	background-color:#6B7A1F !important;
	background-position:center 12px!important;
	background-repeat:no-repeat !important;
}

#bs-example-navbar-collapse-1 .news-ico > a:hover {
	background-image:url(images/news-ico.png);
}

/* about */
.about-ico > a {
	background-image:url(images/about-ico.png);
}

#bs-example-navbar-collapse-1 .about-ico.current-menu-item > a, #bs-example-navbar-collapse-1 .about-ico.current-menu-parent > a, #bs-example-navbar-collapse-1 #menu-top > .about-ico > a.toggle-clicked, #bs-example-navbar-collapse-1 .about-ico.dropdown.open > a {
	background-image:url(images/about-ico.png) !important;
	color: #FFFFFF !important;
	background-color:#6B7A1F !important;
	background-position:center 12px!important;
	background-repeat:no-repeat !important;
}

#bs-example-navbar-collapse-1 .about-ico > a:hover {
	background-image:url(images/about-ico.png);
}

/* our work */
.ourwork-ico > a {
	background-image:url(images/ourwork-ico.png);
}

#bs-example-navbar-collapse-1 .ourwork-ico.current-menu-item > a, #bs-example-navbar-collapse-1 .ourwork-ico.current-menu-parent > a, #bs-example-navbar-collapse-1 #menu-top > .ourwork-ico > a.toggle-clicked, #bs-example-navbar-collapse-1 .ourwork-ico.dropdown.open > a {
	background-image:url(images/ourwork-ico.png) !important;
	color: #FFFFFF !important;
	background-color:#6B7A1F !important;
	background-position:center 12px!important;
	background-repeat:no-repeat !important;
}

#bs-example-navbar-collapse-1 .ourwork-ico > a:hover {
	background-image:url(images/ourwork-ico.png);
}

/* ferries */
.ferries-ico > a {
	background-image:url(images/ferries-ico.png);
}

#bs-example-navbar-collapse-1 .ferries-ico.current-menu-item > a, #bs-example-navbar-collapse-1 .ferries-ico.current-menu-parent > a, #bs-example-navbar-collapse-1 #menu-top > .ferries-ico > a.toggle-clicked, #bs-example-navbar-collapse-1 .ferries-ico.dropdown.open > a  {
	background-image:url(images/ferries-ico.png)!important;
	color: #FFFFFF !important;
	background-position:center 12px!important;
	background-repeat:no-repeat !important;
}

#bs-example-navbar-collapse-1 .ferries-ico > a:hover {
	background-image:url(images/ferries-ico.png);
}

/* harbours */
.harbours-ico > a {
	background-image:url(images/harbours-ico.png);
}

#bs-example-navbar-collapse-1 .harbours-ico.current-menu-item > a, #bs-example-navbar-collapse-1 .harbours-ico.current-menu-parent > a, #bs-example-navbar-collapse-1 #menu-top > .harbours-ico > a.toggle-clicked, #bs-example-navbar-collapse-1 .harbours-ico.dropdown.open > a {
	background-image:url(images/harbours-ico.png) !important;
	background-color:#6B7A1F !important;
	color: #FFFFFF !important;
	background-position:center 12px!important;
	background-repeat:no-repeat !important;
}

#bs-example-navbar-collapse-1 .harbours-ico > a:hover {
	background-image:url(images/harbours-ico.png);
}

/* contact */
.contact-ico > a {
	background-image:url(images/contact-ico.png);
}

#bs-example-navbar-collapse-1 .contact-ico.current-menu-item > a {
	background-image:url(images/contact-ico.png);
}

#bs-example-navbar-collapse-1 .contact-ico > a:hover {
	background-image:url(images/contact-ico.png);
}

	
	

	
span.Complete, span.Active {
    font-size: 10px;
    text-transform: uppercase;
	color: #ffffff;
	padding:3px 5px;
	border-radius:0.25em;
}

span.Complete {
background-color: #5cb85c;
  
}

span.Active{
     background-color: #f51634;
}


.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #0f62a1;
    border-radius: 10px;
}

.page-template-page-ferries div.grid-teaser h2 a {
    text-transform: uppercase;
}

ul.list-unstyled.simple-list-teaser.ntm li {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-top: 20px;
}

.page-notice-to-mariners li.standing {
    display: block;
}

ul.list-unstyled.simple-list-teaser li h3 {
    margin-left: 80px;
    margin-top: -20px;
    font-size: 16px;
}

span.ntm-ref {
    margin-right: 5px;
    color: #0F62A1;
    font-weight:bold;
}


form.wpv-filter-form.js-wpv-filter-form.js-wpv-filter-form-1533-CPID469.js-wpv-form-full {
    margin-top: 40px;
}

form .gfield_checkbox li input{
    margin-top: 0px !important;
    margin-right: 5px !important;
}

form .gfield_radio li input{
        margin-top: 2px !important;
    margin-right: 5px !important;
}

form .gfield_checkbox li label, .gfield_radio li label {
    font-size: 13px !important;
}

.page-current-projects img.attachment-responsive.img-responsive.wp-post-image {
    min-height: 216px;
}
 .wp-video {
    margin-bottom: 20px;
}

.fees .nav-tabs {
    margin-top: 60px;
}

.fees .nav-tabs li a {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px
;
}

.page-template-page-harbours .widget_text .widget-inner, .page-harbours .widget_text .widget-inner {
    background-color: #eee !important;
    padding: 20px !important;
}

ul.page-submenu.list-inline li {
    margin-bottom: 20px;
}



/* SIDEBAR */

.widget {
    margin-bottom: 30px;
}

.widget ul {
    padding-left: 0;
    list-style: none;
}
.widget ul li{
    margin-bottom:5px;
}




div.confit-address {
    margin-top: 20px;
    margin-bottom: 10px;
}

div.confit-address a {
    color: #333;
}

aside.col-md-4 {
    margin-top: 40px!important;
}

.widget img.img-responsive {
    margin-bottom: 10px;
}

.widget::after, .related-news::after{
		content:' ';
	width:100px;
	border-bottom:3px solid #373636;
	display:block;
	margin-top:30px;
	
}

.related-news a.btn.btn-info {
    margin-top: 30px;
}

#text-6 .widget-inner, #text-7 .widget-inner {
    background-color: #eee;
    padding: 20px;
}

#text-6 .widget-inner h3, #text-7 .widget-inner h3 {
    margin-top: 0;
}


li.jaw_years.expanded a.jaw_years {
    color: #fff;
    
}

li.jaw_years a {
    margin-left: 5px;
    font-weight: bold;
    color: #fff;
    
}

li.jaw_years {
    background-color: #0F62A1;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 2px;
}

li.jaw_months {
    margin: 8px 15px;
}



/* FOOTER */

div.robots-nocontent.sd-block.sd-social.sd-social-icon.sd-sharing {
    margin-top: 30px;
}

#sidebar div.robots-nocontent.sd-block.sd-social.sd-social-icon.sd-sharing, .page-notice-to-mariners div.robots-nocontent.sd-block.sd-social.sd-social-icon.sd-sharing, .list-teaser div.robots-nocontent.sd-block.sd-social.sd-social-icon.sd-sharing, .grid-teaser div.robots-nocontent.sd-block.sd-social.sd-social-icon.sd-sharing, .home #main div.robots-nocontent.sd-block.sd-social.sd-social-icon.sd-sharing, .simple-list-teaser div.robots-nocontent.sd-block.sd-social.sd-social-icon.sd-sharing {
    display: none;
}
.footer-icons li a img {
    height: 60px;
    margin-right:20px;
}

.footer-icons li a img.eventscotland {
    height: 29px;
    margin-top: 25px;
}


footer a.active {
    text-decoration: underline;
}

footer, footer a, footer a:hover {
    background: #000;
    color: #fff;
}

footer .mini-nav > li::after {
	content:' / ';
	padding-left:10px;
}

footer .mini-nav > li:last-child::after {
	display:none;
}

footer div.col-sm-6 p {
    font-size: 12px;
}



footer ul.list-inline.text-right {
    margin-top: 10px;
}

span.page.current {
    background-color: #6B7A1F !important;
}

ol.wp-paginate {
    margin-top: 30px;
}

.postid-33 img.attachment-responsive.img-responsive.wp-post-image {
    display: none;
}


div.col-sm-6.mini-navs {
    margin-top: 100px;
}



ul.list-inline.footer-icons {
    margin-top: 20px;
}


/*   ====================================================================================================================

 	ADDED BY CM
	 
========================================================================================================================= */

/* main header menu */




.about-intro {
	background:#6B7A1F;
	color:white;
	   padding:20px 20px 10px 20px;
    font-size: 16px;
    margin-bottom:50px;
}

.about-intro p {
    margin-left: auto;
    margin-right: auto;

}

.about-intro a.btn.btn-info {
    font-size: 16px;
}

.about-intro .btn::after { 
    content: " ";
    position: relative;
    background-image: url(images/cta-arrow-ico.png);
    width: 17px;
    height: 14px;
    display: inline-block;
	margin-left:10px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	border-color:black;
	border-bottom-color: transparent;
}

.nav-tabs {
	border-bottom-color:black;
	font-weight:bold;
}

.ferries {
	margin-top:0px;
}


.harbours {
	margin-top:0px;
}



#sidebar .news, #sidebar .mariners {
	margin-top:0px;
	
}


.newsletter.well {
	border-radius:0px;
	border-color:#e5e5e5;
}

/*i.fa-envelope {
	background-image:url(images/newsletter-g-ico.png);
	width:48px;
	height:48px;
	margin-right:20px;
}

.fa-envelope:before {
	content:' ' !important;
}*/

.newsletter > h3, .harbour-fees > h3 {
	font-size: 22px;
    line-height: 50px;
    vertical-align: top;
	margin-top:0px;
}

.newsletter > h3 > img {
	float:left;
	margin-bottom:10px;
}

.newsletter > h3 > img,  .harbour-fees > h3 > img {
	width:48px;
	height:48px;
	margin-right:20px;
}

.harbour-fees {
	color:white;
	border-radius:0px;
	background-color:#0F62A1;
	border-color:#0F62A1;
}

.harbour-fees .btn {
	background-color:#063661;
}

.harbour-fees .btn:hover {
	background-color: #0b4672;
    border-color: #083252;
}

.news-list, .mariners-list {
	margin-bottom:0px;
}




.btn::after, #subForm p button::after {
    content: " ";
    position: relative;
    background-image: url(images/cta-arrow-ico.png);
    width: 17px;
    height: 11px;
    display: inline-block;
    margin-left: 10px;
    background-size: contain;
    background-repeat: no-repeat;;
}

.nav-pills > li > .btn::after, button.btn::after {
    display: none;
}



.arrow {
	display:block;
	width:29px;
	height:30px;
	background:url(images/arrow.png) no-repeat;
}

.arrow:hover {
	background-position:0 -30px;
}

.harbour-fees > h3::before {
	display:none !important;
}

div.grid-teaser h2 {
    font-size: 22px;
}

div.grid-teaser {
    margin-bottom: 30px;
}

p.lead {
    font-weight: bold;
    font-size: 16px;
}

input.js-wpv-filter-trigger-delayed {
    background-color: #333;
    padding: 7px;
    border-style: none;
    color: #fff;
    width: 200px
;
}

input.btn.btn-primary.js-wpv-submit-trigger {
    border-radius: 0;
    margin-top: -2px;
}

.project-tabs li.active a, .project-tabs .nav-tabs>li.active>a, .project-tabs .nav-tabs>li.active>a:hover, .project-tabs .nav-tabs>li.active>a:focus {
    border-style: none!important;
    background-color: #0F62A1 !important;
    color: #fff !important;
    border-radius: 4px;
}

.gallery img {
    border-color: #ffffff;
    margin-bottom: -10px;
}

.gallery dl {
    margin-bottom: 0;
}

.subscribe-home input.checkbox {
    display: inline;
}

.subscribe-home #cm532614 {
    margin-left: 10px;
}

.subscribe-home .languages {
    margin-bottom: 20px;
}

input.email.required {
    width: 100%;
}

header.page-header {
	border-style: none;
	padding-bottom: 0;
}

.pagination p.text-center a {
	color: #fff;
	background-color: #0f62a1;
	border-color: #0d548a;
	border-radius: 4px;
	padding: 6px 12px;
}

footer.site-footer {
	margin-top: 60px;
	padding-bottom:20px;
}

.project-tabs li a {
	border: 1px solid #0F62A1;
	color: #0F62A1;
	border-radius: 4px;
	margin-right: 15px;
}

.project-tabs li.active a {
	border-style: none;
	background-color: #0F62A1;
	color: #ffffff;
	border-radius: 4px;
}

ul.nav.nav-tabs.project-tabs {
	border-style: none;
	margin-bottom: 30px;
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #333;
}

img.aligncenter.img-responsive {
	margin-top: 20px;
}

blockquote footer {
	background: transparent;
}

blockquote {
	line-height: 1.4em;
	font-size: 14px;
	padding: 10px 20px;
	margin: 30px;
}


header.page.page-header {
	border-style: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

div.meta.text-muted {
	margin-top: 20px;
}

.single-ferry tbody tr td, .single-location tbody tr td {
	border-color: #fff;
	background-color: #eee;
}

.single-ferry tbody tr th, .single-location tbody tr th {
	background-color: #0F62A1;
	color: #ffffff;
	width: 200px;
	border-color: #fff;
	font-weight: normal;
}

.img-responsive {
	width: 100%;
	display: block;
	max-width: 100%;
	height: auto;
}

.page-submenu {
	margin-top: 20px;
}

.page-submenu li {
	margin-left: -5px;
	padding: 0;
}

.page-submenu li a {
	font-weight: bold;
	border: 1px solid #ccc;
	padding: 6px 12px;
}

.page-submenu li.current_page_item a {
	background: #6B7A1F;
	color: #fff;
}

div.row.list-teaser {
	margin-bottom: 30px;
}

div.tab-pane.active {
	margin-bottom: 30px;
	margin-top: 20px;
}

.home div.tab-pane.active a.btn.btn-info {
	margin-top: 30px;
}

ul.facilities, ul.download, ul.reports {
	list-style-type: none;
	padding-left: 0;
}

ul.facilities li, ul.download li, ul.reports li {
	position: relative;
	padding-left: 20px;
	margin-bottom: 10px;
}

ul.facilities li:before, ul.download li:before, ul.reports li.download:before, ul.reports li.link::before {
	position: absolute;
	top: 0;
	left: 0;
	font-family: FontAwesome;
	content: "\f087";
}

ul.download li:before, ul.reports li.download:before{
	content: "\f0ab";
	color:#0F62A1;
}

ul.reports li.link::before{
	content: "\f0c1";
	color:#0F62A1;
}


div.col-sm-8 address {
	margin-top: 20px;
}

div.input-group {
	margin-top: 10px;
}

div.input-group input {
	height: 28px;
}

input.input-group-addon {
	margin-left: -3px;
	margin-top: -2px;
	width: 40px;
}

p.small.text-muted {
	margin-top: 20px;
}

ul.route-list {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}

ul.route-list li {
	background-image: none;
	border-style: solid;
	border-width: 0 0 0 10px;
	font-size: 91%;
	font-weight: bold;
	margin: 30px 0;
	padding: 0 0 0 5px;
}



i.fa.fa-arrow-right {
	margin-left: 10px;
}

.embed-responsive-4by3 {
	margin-bottom: 30px;
}



a.wpv-filter-next-link, a.wpv-filter-previous-link {
    color: #fff;
    background-color: #0f62a1;
    border-color: #0d548a;
    border-radius: 4px;
    padding: 6px 12px;
    margin-right: 30px;
}

input.form-control.pull-left{
    width: 200px;
    float: left;
}


.cover {
    padding: 0px 0px;
    margin-bottom: 0px ;
    color: #fff;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    min-height: 360px;
    max-height: 360px;
}

.cover .cover-image {
    z-index: -1;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}



.text-overlay {
	background:rgba(0,0,0,0.5);
  padding:20px;
    margin-top:20px;
    font-size: 16px;
}


ul.nav.nav-tabs {
    margin-top: 0;
}


ul.reports {
    margin-bottom: 30px;
}

select.medium.gfield_select {
    font-size: 18px;
    line-height: 34px;
}

input.gform_button.button, #subForm p button {
    color: #fff;
    background-color: #0f62a1;
    border-color: #0d548a;
    border: none;
    padding:8px 12px;
    border-radius: 4px;
}

input.gform_button.button::after {
    content: " ";
    position: relative;
    background-image: url(images/cta-arrow-ico.png);
    width: 17px;
    height: 11px;
    display: inline-block;
    margin-left: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    
}

#fieldName, #fieldEmail {
    width: 100%;
}


 @media screen and (max-width: 767px){
	

body{
	padding:0;
}

#main{
	margin-top:-20px;
	}


.logo img {
		width:240px !important;
		min-width:240px !important;
		height:auto;
		padding-left:10px;	
	}
	
.navbar-toggle {
		border: none;
		background: #0F62A1;
		color: white;
		border-radius: 0px;
		padding: 0px;
		margin: 0px;
		height: 47px;
		width: 48px;
		margin-right:10px;
	}
	
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #6B7A1F !important;
	}
	
.navbar-toggle > .icon-bar {
		background-color:white !important;
		margin-left: auto;
    	margin-right: auto;
    	
	}
	
.mobile-search input.search-field {
    width: 120px;
    float: left;
    
}

.mobile-search form.search-form {
    margin-top: 30px;
    padding-left:0;
}

.col-xs-5.strapline-left{
	padding-right:0;
	
}

.strapline-left ul{	
	margin-top:20px;
	list-style:none;
	padding-right:10px;
	margin-bottom:0;
}

.strapline-left li {
    margin-bottom: 15px;
    margin-right: -15px;
}


	#menu-top > li > a {
		background-image:none;		
	}
		
	
	#menu-top>li>.dropdown-menu li a::before {
		background-image:none;
	}
	
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
		max-height: 767px;
	}
	
	 .container, .container2  {
		width:100%;
	}

	h2.ferries, h2.harbours {
		margin-top:40px;
	}
	
	.fa-lg { 
		line-height:40px !important;
	}
	
	.newsletter > h3 {
		line-height:25px !important;
	}
	
	div.text-overlay p {
    font-size: 14px;
}



div.text-overlay a.btn.btn-lg.btn-primary {
    font-size: 14px;
}

}


@media screen and (max-width: 991px) {

h2.ferries, h2.harbours {
		margin-top: 40px;
	}
}

@media screen and (min-width:768px) and (max-width:991px) {


	.container {
		width:100%;
	}
	
	#menu-top > li > a {
		overflow: hidden;
		padding-left:0px;
		padding-right:0px;
	}
	
	#menu-top > li {
		width: 88px;
	}
	
	.caret {
		display:none;
	}
	
	.text-left {
		width: 280px;
		float: right;
		text-align: left;
		margin-left: 0px;
	}
	

}





/* CSS for high-resolution devices */
@media only (min-device-width : 769px) and (-Webkit-min-device-pixel-ratio: 1.5),
only (min-device-width : 769px) and (-moz-min-device-pixel-ratio: 1.5),
only (min-device-width : 769px) and (-o-min-device-pixel-ratio: 3/2),
only (min-device-width : 769px) and (min-device-pixel-ratio: 1.5) {
	
	
    .home-ico > a {
		background-image:url(images/home-ico2x.png);
		background-size:21px 21px;
	}
	
	.home-ico.current-menu-item > a {
		background-image:url(images/home-ico-select2x.png);
		background-size:21px 21px;
	}
	
	.home-ico > a:hover {
		background-image:url(images/home-ico-select2x.png);
		background-size:21px 21px;
	}
	
	/* news */
	.news-ico > a {
		background-image:url(images/news-ico2x.png);
		background-size:12px 21px;
	}
	
	.news-ico.current-menu-item > a {
		background-image:url(images/news-ico-select2x.png);
		background-size:12px 21px;
	}
	
	.news-ico > a:hover {
		background-image:url(images/news-ico-select2x.png);
		background-size:12px 21px;
	}
	
	/* about */
	.about-ico > a {
		background-image:url(images/about-ico2x.png);
		background-size:21px 21px;
	}
	
	.about-ico.current-menu-item > a, .about-ico.current-menu-parent > a, #menu-top > .about-ico > a.toggle-clicked, .about-ico.dropdown.open > a {
		background-image:url(images/about-ico-select2x.png) !important;
		color: #FFFFFF !important;
		background-color:#6B7A1F !important;
		background-size:21px 21px;
	}
	
	.about-ico > a:hover {
		background-image:url(images/about-ico-select2x.png);
		background-size:21px 21px;
	}
	
	/* our work */
	.ourwork-ico > a {
		background-image:url(images/ourwork-ico2x.png);
		background-size:21px 21px;
	}
	
	.ourwork-ico.current-menu-item > a, .ourwork-ico.current-menu-parent > a, #menu-top > .ourwork-ico > a.toggle-clicked, .ourwork-ico.dropdown.open > a {
		background-image:url(images/ourwork-ico-select2x.png) !important;
		color: #FFFFFF !important;
		background-color:#6B7A1F !important;
		background-size:21px 21px;
	}
	
	.ourwork-ico > a:hover {
		background-image:url(images/ourwork-ico-select2x.png);
		background-size:21px 21px;
	}
	
	/* ferries */
	.ferries-ico > a {
		background-image:url(images/ferries-ico2x.png);
		background-size:21px 21px;
	}
	
	.ferries-ico.current-menu-item > a, .ferries-ico.current-menu-parent > a, #menu-top > .ferries-ico > a.toggle-clicked, .ferries-ico.dropdown.open > a  {
		background-image:url(images/ferries-ico-select2x.png)!important;
		background-color:#6B7A1F !important;
		color: #FFFFFF !important;
		background-size:21px 21px;
	}
	
	.ferries-ico > a:hover {
		background-image:url(images/ferries-ico-select2x.png);
		background-size:21px 21px;
	}
	
	/* harbours */
	.harbours-ico > a {
		background-image:url(images/harbours-ico2x.png);
		background-size:21px 21px;
	}
	
	.harbours-ico.current-menu-item > a, .harbours-ico.current-menu-parent > a, #menu-top > .harbours-ico > a.toggle-clicked, .harbours-ico.dropdown.open > a {
		background-image:url(images/harbours-ico-select2x.png) !important;
		background-color:#6B7A1F !important;
		color: #FFFFFF !important;
		background-size:21px 21px;
	}
	
	.harbours-ico > a:hover {
		background-image:url(images/harbours-ico-select2x.png);
		background-size:21px 21px;
	}
	
	/* contact */
	.contact-ico > a {
		background-image:url(images/contact-ico2x.png);
		background-size:21px 21px;
	}
	
	.contact-ico.current-menu-item > a {
		background-image:url(images/contact-ico-select2x.png);
		background-size:21px 21px;
	}
	
	.contact-ico > a:hover {
		background-image:url(images/contact-ico-select2x.png);
		background-size:21px 21px;
	}
	
	
	/* more*/
	.about-intro .btn::after { 
		background-image: url(images/cta-arrow-ico2x.png);
		background-size:17px 11px;
	}
	
	.home h2.ferries::before, h1.ferries::before {
		background-image:url(images/ferries-g-ico2x.png);
		background-size:48px 48px;
	}
	
	h1.about-us::before {
		background-image:url(images/about-g-ico2x.png);
		background-size:48px 48px;
	}
	
	h1.project::before {
		background-image:url(images/ourwork-g-ico2x.png);
		background-size:48px 48px;
	}
	
	.home h2.harbours::before, h1.harbours::before, .page-harbours h1::before {
		background-image:url(images/harbours-g-ico2x.png);
		background-size:48px 48px;
	}
	
	#sidebar h3.news::before, h1.news::before {
		background-image:url(images/news-g-ico2x.png);
		background-size:48px 48px;
	}
	
	#sidebar h3.mariners::before, h1.mariners::before {
		background-image:url(images/mariners-ico2x.png);
		background-size:48px 48px;
	}
	
	.arrow {
		background:url(images/arrow2x.png) no-repeat;
		background-size:29px 60px;
	}
}

.menu-item-2666 {
	width: 145px !important;
}

.blog li.notice-to-mariners, .archive li.notice-to-mariners {
	display: none !important;
}

.archive.date li.ferries,.notice-to-mariners,.piers-and-harbours {
	display: none !important;
}

.archive.category-notice-to-mariners li.notice-to-mariners {
	display: block;
}

ul.children {
	display: none !important;
}

div.well.primary.harbour-fees {
    display: none !important;
}

.postid-4014 img.attachment-responsive.img-responsive.wp-post-image {
    display: none;
}

.home div.text-overlay {
    width: 650px !important;
    margin: 0 auto;
}

.island-name {
    margin-bottom: 30px;
}
/* Add this CSS to your stylesheet */
#banner-image {
    position: relative;
}

#banner-image:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	background: rgb(61,122,175);
	background: radial-gradient(circle, rgba(61,122,175,1) 0%, rgba(0,86,143,1) 100%);
	background-image: url("https://www.cmassets.co.uk/wp-content/uploads/2023/11/DJI_0739-scaled.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    z-index: -1;
}