/* overall */

body {
	background-color: #0d486d !important;
}

a.my-footer-menu-link:link, 
a.my-footer-menu-link:active, 
a.my-footer-menu-link:visited { 
	color: #ccc !important;
}  

a.my-footer-menu-link:hover { 
	color: #fff !important;
}  

.container.main-content a:link,
.container.main-content a:active,
.container.main-content a:visited,
.container a:link,
.container a:active,
.container a:visited,
.main-content a:link,
.main-content a:active,
.main-content a:visited {
	/* color: #2A4840; */ 
	text-decoration: none;
}

.container.main-content a:hover,
.container a:hover,
.main-content a:link {
	/* color: #5DBCD2 !important; */
	/* color:  #008080 !important; */
	color:  #008080 !important; 
	text-decoration: underline;
}

.toggle.open > h3 > a:link { 
	color: #fff !important; 
} 

#header-outer[data-lhe="animated_underline"] header#top nav > ul > li:not([class*="button_"]) > a::after {
	border-top: 4px solid #008080 !important; 
}

/* header */

header#top {
	border-top: 4px solid #fff;
}

nav .menu-item,
nav .menu-item a {
	color: #444 !important;
}

#header-outer[data-box-shadow="small"] {
	border-bottom: 1px solid rgba(0, 0, 0, 0.22);
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

#my-logo-box {
	background-color: #5294ba;
}

#my-logo-box > .container > .row > .col.span_9 {
	background: url(/wp-content/uploads/2017/11/fish-vector-modified_100x440_63.png) 12px center no-repeat
}

#my-header-widgets-box {
	/* background-color: #5294ba; */ 
	background-color: #0d486d;
	border-top: 2px solid #fff;
}

#my-header-widgets-box a {
	color: #fff !important;
}

#my-header-widgets-box > .container > .row > .col { 
	border-bottom: 6px solid #0d486d; 
} 

body.fisheries-technical-division #my-header-widgets-box > .container > .row > .col:nth-child(4), 
body.fishery-certification-division #my-header-widgets-box > .container > .row > .col:nth-child(1), 
body.fisheries-monitoring-division #my-header-widgets-box > .container > .row > .col:nth-child(3), 
body.seafood-sourcing-division #my-header-widgets-box > .container > .row > .col:nth-child(2), 
#my-header-widgets-box > .container > .row > .col:hover { 
	border-bottom: 6px solid #008080; 
} 

#my-header-widgets-box > .container > .row > .col:nth-child(4) {
	background: url(/wp-content/uploads/2017/11/fisheries-technical-icon_71x58.png) 0 8px no-repeat;
}

#my-header-widgets-box > .container > .row > .col:nth-child(1) {
	background: url(/wp-content/uploads/2017/11/fishery-certification-icon_57x58.png) 0 8px no-repeat;
}

#my-header-widgets-box > .container > .row > .col:nth-child(3) {
	background: url(/wp-content/uploads/2017/11/fisheries-monitoring-icon_44x58.png) 0 8px no-repeat;
}

#my-header-widgets-box > .container > .row > .col:nth-child(2) {
	background: url(/wp-content/uploads/2017/11/seafood-sourcing-icon_58x58.png) 0 18px no-repeat;
}

/* slider */ 

.swiper-slide .content p.transparent-bg span { 
	background: none !important; 
	box-shadow: none !important; 
	-moz-box-shadow: none !important; 
	-webkit-box-shadow: none !important; 
} 

.slide-red-caption .container > .content { 
	background-color: rgba(239, 94, 47, 0.5); 
	border-bottom: 1.5px solid rgba(239, 94, 47, 1.0); 
	border-left: 1.5px solid rgba(239, 94, 47, 1.0); 
	border-right: 1.5px solid rgba(239, 94, 47, 1.0); 
	border-top: 1.5px solid rgba(239, 94, 47, 1.0); 
} 

.slide-yellow-caption .container > .content { 
	background-color: rgba(191, 173, 36, 0.5); 
	border-bottom: 1.5px solid rgba(191, 173, 36, 1.0); 
	border-left: 1.5px solid rgba(191, 173, 36, 1.0); 
	border-right: 1.5px solid rgba(191, 173, 36, 1.0); 
	border-top: 1.5px solid rgba(191, 173, 36, 1.0); 
} 

.slide-blue-caption .container > .content { 
	background-color: rgba(81, 130, 187, 0.5); 
	border-bottom: 1.5px solid rgba(81, 130, 187, 1.0); 
	border-left: 1.5px solid rgba(81, 130, 187, 1.0); 
	border-right: 1.5px solid rgba(81, 130, 187, 1.0); 
	border-top: 1.5px solid rgba(81, 130, 187, 1.0); 
} 


/* content */

h1, h1 > span,
h2, h2 > span,
h3, h3 > span,
h4, h4 > span,
h5, h5 > span {
	color: #236b95 !important;
}

.mrag-home-half-textblock > .wpb_wrapper > h3 > span { 
	background-color: #0d486d; 
	color: #fff !important; 
} 

/* footer */

#footer-outer .widget h4 {
	color: #ccc;
}

#footer-outer {
	background-color: #0d486d;
}

#footer-outer a:hover,
.my-footer-menu-item > a:hover,
.my-footer-menu-item > a.my-footer-menu-link:hover,
.my-footer-menu-item > a.my-hover {
	color: #fff !important;
}