/*--------------------------------------------------------------
OceanWise Website Stylesheet

----------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
0 - Notes
1 - Global Attributes
	1.1 - Global Attributes: Text classes
	1.2 - Global Attributes: Anchor attributes
	1.3 - Global Attributes: Tag definitions
2 - Repeating Classes2
	2.1 - Repeating Classes: Buttons
		2.1.1 Repeating Classes: Buttons - purple
		2.1.2 - Repeating Classes: Buttons - light blue
		2.1.3 - Repeating Classes: Buttons - dark blue
		2.1.4 - Repeating Classes: Buttons - white/transparent
		2.1.5 - Repeating Classes: Buttons - submit
		2.1.6 - Repeating Classes: Buttons - back
		2.1.7 - Repeating Classes: Buttons - data capture
		2.1.8 - Repeating Classes: Embedded CTA
	2.2 - Repeating Classes: Padding & Margin 
	2.3 - Repeating Classes: Others - Do not know their purpose
3 - Page Components
	3.1 - Page Components: Header
	3.2 - Page Components: Naviagation Bar
	3.3 - Page Components: Banner Section
	3.4 - Page Components: Side (Left) Navigation Bar
	3.5 - Page Components: Contact Form
	3.6 - Page Components: Featured Image (Aside)
	3.7 - Page Components: Footer
	3.8 - Page Components: Newsletter sign up
4 - Pages
	4.1 - Home
		4.1.1 - Pages: Home - Main content
		4.1.2 - Pages: Home - Business Stream Images
		4.1.3 - Pages: Home - Latest News (Aside)
		4.1.4 - Pages: Home - Think this could be related to the Latest News PAGE
		4.1.5 - Pages: Home - Testimonials (Aside)
		4.1.6 - Pages: Home - Workshop Registration
	4.2 - Pages: Testimonials
	4.3 - Pages: People
	4.4 - Pages: Downloads
	4.5 - Pages: Customers
	4.6 - Pages: Feature Catalogue
	4.7 - Pages: Newsletters
	4.8 - Pages: Contact Us
	4.9 - Pages: Recent Articles
5 - Media Queries
	5.1 - Media Queries: Large Desktop 1200px
	5.2 - Media Queries: Portrait Tablet to landscape & Desktop 979px
	5.3 - Media Queries: Landscape Phone to portrait Tablet 767px
	5.4 - Media Queries: Landscape Phone and down 480px
6 - Page Printing
--------------------------------------------------------------*/

/*--------------------------------------------------------------
0 - Notes
----------------------------------------------------------------

1) Not sure if text classes are used anwhere, should start too.

--------------------------------------------------------------*/

/*--------------------------------------------------------------
1 - Global Attributes
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.1 - Global Attributes: Text classes
--------------------------------------------------------------*/

:root {
	--oblue: #0066b3;
	
  }

.thin {
	font-weight: 200;
}
.light {
	font-weight: 300;
}
.regular {
	font-weight: 400;
}
.bold {
	font-weight: 700;
}
.extrabold {
	font-weight: 800;
}

/*--------------------------------------------------------------
1.2 - Global Attributes: Anchor attributes
--------------------------------------------------------------*/
a {
	color: #0066b3;
	font-weight: 400;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	transition: all 0.15s linear;
	font-size:1em;
}
a:hover {
	text-decoration: none;
	color: #603180;
}

button:focus {
	outline:0;
}

a:focus{
	outline:0;
}

.dropdown-toggle::after {
    display: none;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}



/*--------------------------------------------------------------
1.3 - Global Attributes: Tag definitions
--------------------------------------------------------------*/
body {
	font-family: Arial, sans-serif;
}
p {
	line-height: 130%;
	font-weight: 400;
	color: #333333;
	font-size: 1.1em;
	margin-bottom: 30px;
}
h1, h2, h3, h4, h5 {
	margin: 0 0 10px 0;
	line-height: 140%;
}
h1 {
	font-size: 2.429em;
	font-weight: 400;
	color: #0066b3;
	margin-bottom: 15px
}
h2 {
	font-size: 2.143em;
	color: #0066b3;
	font-weight: 400;
	line-height: 1;
}
h3 {
	font-size: 1.429em;
	color: #0066b3;
	font-weight: 400;
	margin-bottom: 0;
	margin-top: 25px;
}
h4 {
	font-size: 1.4em;
	font-weight: 400;
	color: #333333;
	margin-bottom: 24px;
}
h5 {
	font-size: 1.143em;
	font-weight: 400;
	color: #666666;
	margin-bottom: 25px;
}
h6 {
	font-size: 21px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 25px;
    line-height: 130%;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
audio, canvas, img, video { 
	/* Remove the gap between images, videos, audio and canvas and the bottom of their containers */
	vertical-align: middle;
}
textarea { 
	/* Allow only vertical resizing of textareas. */
	resize: vertical;
}

/*--------------------------------------------------------------
2 - Repeating Classes
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.1 - Repeating Classes: Buttons
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.1.1 - Repeating Classes: Buttons - purple
--------------------------------------------------------------*/
.purpleBtn {
	background-color: #7f3f98;
	color: #ffffff;
	font-size: 16px;
	border: 1px solid #7f3f98;
	padding: 5px 25px;
	margin-top: 30px;
	/* width: 105px !important;  removed, don't know how this may affect some buttons */
	box-sizing: border-box;
}
.purpleBtn:hover {
	background-color: #ffffff;
	color: #7f3f98;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	transition: all 0.15s linear;
 }
.purpleBtn.cta {
	font-weight: 400;
}
#wide {
	width: 250px;
}


/*--------------------------------------------------------------
2.1.2 - Repeating Classes: Buttons - light blue
--------------------------------------------------------------*/
 .blueBtn {
	background-color: #00aeef;
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	border: 1px solid #00aeef;
	padding: 5px 25px;
	margin-top: 30px;
	margin-left: 10px;
	width: 105px /*!important*/;
	box-sizing: border-box;
}
.blueBtn:hover {
	background-color: #ffffff;
	color: #00aeef;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	transition: all 0.15s linear;
}

/*--------------------------------------------------------------
2.1.3 - Repeating Classes: Buttons - dark blue
--------------------------------------------------------------*/
 .DblueBtn {
	background-color: #0066b3;
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	border: 1px solid #0066b3;
	padding: 5px 25px;
	margin-top: 30px;
	margin-left: 10px;
	width: 105px /*!important*/;
	box-sizing: border-box;
}
.DblueBtn:hover {
	background-color: #ffffff;
	color: #0066b3;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	transition: all 0.15s linear;
}

/*--------------------------------------------------------------
2.1.4 - Repeating Classes: Buttons - white/transparent
--------------------------------------------------------------*/
 .whiteBtn {
	background-color: transparent;
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	border: 1px solid #fff;
	padding: 5px 25px;
	margin-top: 30px;
	margin-left: 10px;
	width: 105px /*!important*/;
	box-sizing: border-box;
}
.whiteBtn:hover {
	background-color: #ffffff;
	color: #333;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	transition: all 0.15s linear;
}

/*--------------------------------------------------------------
2.1.5 - Repeating Classes: Buttons - submit
--------------------------------------------------------------*/
#wp-submit {
	background-color: #603180;
	color: #ffffff;
	font-size: 16px;
	border: 1px solid #603180;
	padding: 5px 25px;
	width: 105px !important;
}
#wp-submit:hover {
	background-color: #ffffff;
	color: #603180;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	transition: all 0.15s linear;
 }

/*--------------------------------------------------------------
2.1.6 - Repeating Classes: Buttons - back
--------------------------------------------------------------*/
.back {
	/*Used in Feature Catalogue V1*/
	color: #603180;
	font-size: 16px;
	position: relative;
	margin-left: auto;
    margin-right: 5px;
	text-align: right;
}

/*--------------------------------------------------------------
2.1.7 - Repeating Classes: Buttons - data capture
--------------------------------------------------------------*/
 .dataCaptureButton {
    margin-top: 22px;
    margin-bottom: 5px;
	font-size: 22px;
    background-color: #0066b3;
    color: #fff;
    -webkit-transition: background-color .4s;
    -moz-transition: background-color .4s;
    transition: background-color .4s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    white-space: normal;
    border: none;
    font-family: inherit;
    font-size: inherit;
    padding: 15px 36px;
    display: inline-block;
    margin: 15px 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    text-decoration: none;
}
.dataCaptureButton:hover,
.dataCaptureButton:focus {
	background-color: #008dc6;
}

/*--------------------------------------------------------------
2.1.8 - Repeating Classes: Embedded CTA
--------------------------------------------------------------*/
.embedded-cta {
	border: 1px solid #dedede;
	border-radius: 2px;
	padding: 24px 32px 24px 32px;
}
.embedded-cta h3 {
    margin-top: 0px;
    margin-bottom: 16px;
}
.embedded-cta p {
	font-size: 1.2em;
	margin-bottom: 0px;
}
.embedded-cta a {
	background-color: #7f3f98;
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	border: 1px solid #7f3f98;
	border-radius: 2px;
	padding: 5px 25px;
	margin-top: 30px;
	margin-left: 0px;
	box-sizing: border-box;
}
.embedded-cta a:hover {
	background-color: #ffffff;
	color: #7f3f98;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	transition: all 0.15s linear;
}

.Btn-left {
	margin-left: 0px;
}

/*--------------------------------------------------------------
2.2 - Repeating Classes: Padding & Margin
--------------------------------------------------------------*/
.sectionPadding {
	padding: 48px 0;
}
.sidePadding {
	padding-left: 12px;
	padding-right: 12px;
}
.pL10 {
	padding-left: 10px; 
}
.marginBottom {
	margin-bottom: 24px;
}
.Vspacer {
	/*Div which gives 10px spacing - used on Feature catalogue V1*/
	height: 10px;
}
#post-17 h2 {
	padding-left: 40px;
}
/*--------------------------------------------------------------
2.3 - Repeating Classes: Others - Do not know their purpose
--------------------------------------------------------------*/
.distTitle {
	font-size: 18px; 
	margin-bottom: 10px;
 }
.distEntry p {
	margin-bottom: 0px;
}
.distributor .span6, .distributor .span8 {
	border-bottom: 1px solid #cccccc;
    padding-bottom: 38px;
    margin-bottom: 30px; 
 }
.distributor .span6:last-child, .distributor .span8:last-child {
	border-bottom: none;  
}
 .affiliate .span6 .image {
	border-right: 1px solid #cccccc;
	padding-right: 35px;
 }
.dB {
	display: block;
}
/*--------------------------------------------------------------
2.3 - Repeating Classes: USeful stuff
--------------------------------------------------------------*/
.link { /* makes full size of div a link, use code: <a href=""><span class="link"></span></a> inside div */
	position:absolute; 
	width:100%;
	height:100%;
	top:0;
	left: 0;

	/* edit: added z-index */
	z-index: 1;

	/* edit: fixes overlap error in IE7/8, 
    make sure you have an empty gif */
	background-image: url('https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/empty.gif');
}
/*--------------------------------------------------------------
3 - Page Components
--------------------------------------------------------------*/
/*--------------------------------------------------------------
3.1 - Page Components: Header
--------------------------------------------------------------*/
header {
	padding: 10px 0px;
}
header a {
	font-size: 1.13em; 
}
header #headerContact {
	padding-top: 0px; /*10px;*/
	font-size: 1em;
}
header p {
	color: #0066b3;
	font-size: 1.232em;
	font-weight: 700;
	margin-bottom: 5px;
	line-height: 1.1;
}
header p a:link {
	color: #333333;
	font-weight: 400;
  
}
header p a:visited {
	color: #333333;
}
header p a:hover {
	color: #0066b3;
}
#cookie-law-info-again {
	display: none;
}
.frs-slide-img img {
    margin-top: 0px !important; /* fixes error where slideshow had unexplained margin-top */
}
/*--------------------------------------------------------------
3.2 - Page Components: Naviagation Bar
--------------------------------------------------------------*/
nav {
	background-color: #603180;
	z-index: 10000;
	position: relative;
}
#toggle {
	display: none;
}
nav ul li {
	display: inline;
	list-style: none;
}
#cssmenu .menu-main-nav-menu-container {
	background: #603180;
	margin: 0;
	width: auto;
	padding: 0;
	line-height: 1;
	display: block;
	position: relative;
}
#cssmenu .menu-main-nav-menu-container ul  .current-menu-item {
	background-color: #00337e;
}
#cssmenu .menu-main-nav-menu-container ul  .current-menu-item ul .current-menu-item {
	background-color: #ffffff;
}
#cssmenu .menu-main-nav-menu-container ul li ul .current-menu-item a:link {
	background-color: #ffffff;
    font-weight:700;
}
#cssmenu .menu-main-nav-menu-container .current-page-parent {
	background-color: #00337e;
}
#cssmenu .menu-main-nav-menu-container .sub-menu .current-page-parent {
	background-color: #ffffff;
}
#cssmenu .menu-main-nav-menu-container ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	text-align:left;
}
#cssmenu .menu-main-nav-menu-container ul li {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}
#cssmenu .menu-main-nav-menu-container ul li a {
	text-decoration: none;
	display: block;
	margin: 0;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#cssmenu .menu-main-nav-menu-container ul li ul {
	position: absolute;
	left: -9999px;
	top: auto;
}
#cssmenu .menu-main-nav-menu-container ul li ul li {
	max-height: 0;
	position: absolute;
	-webkit-transition: max-height 0.4s ease-out;
	-moz-transition: max-height 0.4s ease-out;
	-ms-transition: max-height 0.4s ease-out;
	-o-transition: max-height 0.4s ease-out;
	transition: max-height 0.4s ease-out;
	background: #ffffff;
}
#cssmenu .menu-main-nav-menu-container.align-right ul li ul li.has-sub:after {
	right: auto;
	left: 15px;
}
#cssmenu .menu-main-nav-menu-container ul li ul li a {
	color: #00337e !important;
	letter-spacing: 0;
	display: block;
	padding: 5px 25px !important;
	background-color: #ffffff;
}
#cssmenu .menu-main-nav-menu-container ul li ul li:hover,
#cssmenu .menu-main-nav-menu-container ul li ul li:focus {
	background-color: #603180;
	color: #ffffff;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
#cssmenu .menu-main-nav-menu-container ul li ul li:hover > a,
#cssmenu .menu-main-nav-menu-container ul li ul li:focus > a,
#cssmenu .menu-main-nav-menu-container ul li ul li.active > a {
	color: #ffffff !important;
}
#cssmenu .menu-main-nav-menu-container ul li ul li:hover:after,
#cssmenu .menu-main-nav-menu-container ul li ul li:focus:after,
#cssmenu .menu-main-nav-menu-container ul li ul li.active:after {
	background: #4cb6ea;
}
#cssmenu .menu-main-nav-menu-container ul li ul li:hover > ul,
#cssmenu .menu-main-nav-menu-container ul li ul li:focus > ul {
	left: 100%;
	top: 0;
}
#cssmenu .menu-main-nav-menu-container ul li ul li:hover > ul > li,
#cssmenu .menu-main-nav-menu-container ul li ul li:focus > ul > li {
	max-height: 72px;
	position: relative;
}
#cssmenu .menu-main-nav-menu-container > ul > li {
	float: left;
}
#cssmenu .menu-main-nav-menu-container.align-center > ul > li {
	float: none;
	display: inline-block;
}
#cssmenu .menu-main-nav-menu-container.align-center > ul {
	text-align: center;
	font-size: 0;
}
#cssmenu .menu-main-nav-menu-container.align-center ul ul {
	text-align: left;
}
#cssmenu .menu-main-nav-menu-container.align-right > ul {
	float: right;
}
#cssmenu .menu-main-nav-menu-container.align-right > ul > li:hover > ul,
#cssmenu .menu-main-nav-menu-container.align-right > ul > li:focus > ul {
	left: auto;
	right: 0;
}
#cssmenu .menu-main-nav-menu-container.align-right ul ul li:hover > ul,
#cssmenu .menu-main-nav-menu-container.align-right ul ul li:focus > ul {
	right: 100%;
	left: auto;
}
#cssmenu .menu-main-nav-menu-container.align-right ul ul li a {
	text-align: right;
}
#cssmenu .menu-main-nav-menu-container > ul > li:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 0;
	top: 0;
	z-index: 0;
	background: #00337e;
	-webkit-transition: height .2s;
	-moz-transition: height .2s;
	-ms-transition: height .2s;
	-o-transition: height .2s;
	transition: height .2s;
}
#cssmenu .menu-main-nav-menu-container > ul > li.has-sub > a {
	padding-right: 40px;
}
#cssmenu .menu-main-nav-menu-container > ul > li > a {
	color: #ffffff;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 15px;
	z-index: 2;
	position: relative;
}
#cssmenu .menu-main-nav-menu-container > ul > li:hover:after,
#cssmenu .menu-main-nav-menu-container > ul > li:focus:after,
#cssmenu .menu-main-nav-menu-container > ul > li.active:after {
	height: 100%;
}		
#cssmenu .menu-main-nav-menu-container > ul > li:hover > a,
#cssmenu .menu-main-nav-menu-container > ul > li:focus > a,
#cssmenu .menu-main-nav-menu-container > ul > li.active > a {
	color: #ffffff;
}
#cssmenu .menu-main-nav-menu-container > ul > li:hover > a:before,
#cssmenu .menu-main-nav-menu-container > ul > li:focus > a:before,
#cssmenu .menu-main-nav-menu-container > ul > li.active > a:after {
	background: #ffffff;
}
#cssmenu .menu-main-nav-menu-container > ul > li:hover > a:before,
#cssmenu .menu-main-nav-menu-container > ul > li:focus > a:before,
#cssmenu .menu-main-nav-menu-container > ul > li.active > a:before {
	border-top-color: #ffffff;
}
#cssmenu .menu-main-nav-menu-container > ul > li:hover > ul,
#cssmenu .menu-main-nav-menu-container > ul > li:focus > ul {
	left: 0;
	z-index: 999;
}
#cssmenu .menu-main-nav-menu-container > ul > li:hover > ul > li,
#cssmenu .menu-main-nav-menu-container > ul > li:focus > ul > li {
	max-height: 72px;
	position: relative;
}
#cssmenu .menu-main-nav-menu-container #menu-button {
	display: none;
}
#cssmenu .menu-main-nav-menu-container > ul > li > a {
  display: block;
}
#cssmenu .menu-main-nav-menu-container > ul > li {
	width: auto;
}
#cssmenu .menu-main-nav-menu-container > ul > li > ul {
	width: 210px;
	display: block;
	box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
}
#cssmenu .menu-main-nav-menu-container > ul > li > ul > li {
	width: 210px;
	display: block;
}
nav #cssmenu .menu-main-nav-menu-container ul li a:link {
	font-size: 1em;
	font-weight: 400;
	color: #ffffff;
	padding: 12px 26px;
}
nav #cssmenu .menu-main-nav-menu-container ul li a:hover,
nav #cssmenu .menu-main-nav-menu-container ul li a:focus {
	background-color: #00337e;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
nav #cssmenu .menu-main-nav-menu-container ul li ul li a:hover,
nav #cssmenu .menu-main-nav-menu-container ul li ul li a:focus {
	background-color: #603180;
	color: #ffffff;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	transition: all 0.15s linear;
}

#menu-main-nav-menu li .nav-link {
		color:#ffffff; 
		padding: 0.75em 1em 0.75em 1em;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-size:14px !important
		
}

#menu-main-nav-menu li .nav-link a{
	
}
#menu-main-nav-menu .active {
	background-color: #00337e;
	
}
#menu-main-nav-menu li ul .active a{
	background-color: #00337e;
	color:#ffffff;
}

#menu-main-nav-menu li ul li a {
		color:#000000; 
}
#menu-main-nav-menu li ul li a:hover {
	background-color:#603180;
	color:#ffffff;
}

#menu-main-nav-menu li a:focus {
	outline:0;
	background:#8c72b3;
}

.navbar{
	padding: 0;
}

.toggleinfo{
	
	color:#ffffff;
}

.dropdown-menu{
	margin:-1px;
	border-radius:0 0 0.25rem 0.25rem;
	padding:0;
	
}


/*--------------------------------------------------------------
3.3 - Page Components: Banner Section
--------------------------------------------------------------*/
#banner {
	background-color: #09203e;
	-webkit-box-shadow: 0 5px 20px 0px #7D7D7D;
	box-shadow: 0 5px 20px 0px #7D7D7D;
}
#banner img {
	width: 100%;
	height: auto;
}

/* BreadCrumbs */
.breadcrumbs {
    margin-top: -15px;
    margin-bottom: 20px;
	font-weight: 700;
	text-align: left;
}

/*--------------------------------------------------------------
3.4 - Page Components: Side (Left) Navigation Bar
--------------------------------------------------------------*/
#sideNav ul li {
	list-style: none;
}
#sideNav ul li a:link {
	background-color: #00aeef; /*#603180*/
	padding: 5px 10px;
	color: #ffffff;
	margin-bottom: 7px;
	display: block;
	font-weight: 400;
	font-size: 0.96em;
}
#sideNav ul li a:visited {
	color: #ffffff;
	background-color: #00aeef; /*#603180*/
}
#sideNav ul li a:hover{
	background-color: #00337e;
}

/*--------------------------------------------------------------
3.5 - Page Components: Contact Form
--------------------------------------------------------------*/
#contactForm table .lc {
	width: 100px;
}
#contactForm table input,
#contactForm table select {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	width: 100%
}
#contactForm table textarea {
	resize: none;
	overflow: auto; 
	min-height: 150px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	width: 100%;
}
#contactForm table .lc {
	vertical-align: top;
}
#contactForm #captchaImg {
	vertical-align: top;
}

/*--------------------------------------------------------------
3.6 - Page Components: Featured Image (Aside)
--------------------------------------------------------------*/
#featuredImg {
	padding: 15px;
	background-color: #f0f3fb;
}
#featuredImg img {
    width: 100%;
}
#featuredImg p {
	font-size: 0.6em;
	color: #0f2c51;
	padding-top: 15px;
	margin-bottom: 0;
}

/*--------------------------------------------------------------
3.7 - Page Components: Footer
--------------------------------------------------------------*/
#topFooter {
	background-color: #603180;
	margin-top: 10px;
}
#topFooter p {
    color: #ffffff;
    font-size: 0.8em;
    text-align: center;
    padding: 7px;
	margin: 0px;
}
#baseFooter {
	margin-bottom: 0px; /*80px*/
	text-align: center;
	font-size: 0.9em;
}
#baseFooter a:link {
    color: #333333;
    line-height: 2;
}
#baseFooter a:visited {
    color: #333333;
}
.terms-map a {
	font-size: 0.8em;
}
.terms-map {
	margin-top: 15px;
}

/*--------------------------------------------------------------
3.8 - Page Components: Newsletter Sign up
--------------------------------------------------------------*/
/*#signupNewsletter, #achieveDMsuccess, #yourDMChallenge {
	z-index: 100001;
}
.modal-backdrop, .modal-backdrop.fade.in {
	z-index: 100000;
}*/
.headernews{
	
	padding:5px;
	font-size:11px;
	margin:3px 0 8px 0;
	border-radius: 5px 5px 5px 5px;
	min-height:30px;
	width:100%;
}
.newsletterpopup{
	background:#ffffff;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	border-radius: 5px 5px 5px 5px;
	padding:10px;
	margin: 15px;

}

.modal-color{
	background-color: #f5f5f5;
}


.modal {
	/*width: 564px;
	margin-left: -282px;*/
	top: 5% !important;
}
.modal-body {
    max-height: 9999px;
}
.modal-body table {
	margin-left: auto;
	margin-right: auto;
}
.modal-body table span {
	color: red;
}
.modal-body table input {
	/*margin: 10px;*/
    padding: 4px 6px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
	border: 1px solid #ccc;
	width: 98%;
}
.modal-body label {
	font-weight: 400;
	margin-right: 30px;
}
.modal-body input[type="submit"],
.modal-body iframe {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
.modal h2 {
	margin-top: 8px;
	margin-bottom: 12px;
}
.modal table input,
.modal table select,
.modal table textarea {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	width: 100%
}
.modal table textarea {
	resize: none;
	overflow: auto; 
	min-height: 150px;
}
.modal table select {
	margin-left: 0px !important;
}

.formOptOut td {
	text-align: left;
}
.formOptOut input[type="checkbox"] {
	width: 8% !important;
	margin: 0px;
	margin-top: 4px;
	display: inline-block;
}
.formOptOut label {
	font-size: 12px;
	display: inline-block;
}
.mqs-iframe{
	width:100%;
	min-height:1200px;
}

/*--------------------------------------------------------------
4 - Pages
--------------------------------------------------------------*/
/*--------------------------------------------------------------
4.1 - Pages: Home
--------------------------------------------------------------*/

/*--------------------------------------------------------------
4.1.1 - Pages: Home - Main content
--------------------------------------------------------------*/
#mainContentHome ul {
	margin-left: 0;
	padding-top: 24px;
}
#mainContentHome ul li {
	list-style: none;
}
#mainContentHome {
	/*padding-left: 40px;*/
}
#mainContent {
	padding-left: 10px;
	padding-right: 25px;
}
#mainContent li {
	font-weight: 700;
	color: #000000;
} 
.mainVideo{
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
	border-radius: 5px 5px 5px 5px;
}
#business-streamspjc,
#enjoy-the-confidence-of-working-with-marine-data-expertspjc,
#intelligent-marine-coastal-mapping-datapjc,
#environmental-data-sharing-and-publishingpjc,
#enterprise-gis-and-productivity-toolspjc,
#capacity-building-training-and-mentoringpjc,
#ports-and-harbourspjc,
#energy-and-telecomspjc,
#newsroompjc,
#sustainabilitypjc,
#governments-and-agenciespjc,
#making-wavespjc {
	display: none;
}
#customer-collage {
	margin-bottom: 30px;
}
.frs-slideshow-container h4 {  /* Slideshow title lineheight */
	line-height: 1.3 !important;
}

.servicebox{
	background:#ffffff;
	border-radius: 5px 5px 5px 5px;
	border-style:solid;
	border-width:2px;
	border-color:#f0f0f0;
	min-height:350px;

}

.textJustify{
	text-align: justify;
	text-justify: inter-word;
}

#EnMonitoring :hover, :focus{
	color:#603180;
}
#marincoast:hover, :focus{
	color:#8c72b3;
}
#soft:hover, :focus{
	color:#00aeef;
}
#Trainevents:hover, :focus{
	color:#0066b3;
}

.customerbox{
	background:#ffffff;
	border-radius: 5px 5px 5px 5px;
	border-style:solid;
	border-width:1px;
	border-color:#f0f0f0;
	/*box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
	margin: 20px;*/
	Padding:0 0 15px 0;
}
.customerbox:hover {
	opacity: 0.6;
}

.grey{
	background:#f0f0f0
}

.minor-border{
	padding:0px
}



.imagemax{

	max-width:200px;
	
}

.subtitle-items{
	margin:20px 0 0 10px;
}
.serviceimagebox{
	height:80%
}
.servicetextbox{
	height:20%
}

/*--------------------------------------------------------------
4.1.2 - Pages: Home - Business Stream Images
--------------------------------------------------------------*/
.boximage {
	margin: 10px 0 0 10px;
	width: /*351px*/ 31%;
	height: 200px;
	float: left;
	background-size: cover;
	position: relative;
}
.boximage .top h2 {
	font-weight: 600;
	font-size: 24px;
	color: white;
	margin: 0;
	padding: 20px;
	/* background-color: rgba(0,102,179,1); */
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
.boximage .whiteBtn {
	margin: 20px;
}
#business-streams-footer-title {
	margin-left: 10px;
	margin-bottom: 20px;
}


#BS1 { background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/Business-streams/BS1.jpg) !important; }
#BS2 { background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/Business-streams/BS2-N.jpg) !important; }
#BS3 { background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/Business-streams/BS3.jpg) !important; }
#BS4 { background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/Business-streams/BS4.jpg) !important; }
#BS5 { background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/Business-streams/BS5.jpg) !important; }


/*--------------------------------------------------------------
4.1.3 - Pages: Home - Latest News (Aside)
--------------------------------------------------------------*/
.homefooter{
	background-color: #8c72b3;
}


.newsitems{
	background-color: #ffffff;
	color:#0066b3;
	border-radius: 5px 5px 5px 5px;
	border-style:solid;
	border-width:2px;
	border-color:#f0f0f0;
	margin-bottom:10px;
	min-height:30px;
	font-weight: 600;
	width:100%;
	padding: 20px 10px 20px 10px;
}

.newsitems:hover{
	background-color: #0066b3;
	color:#ffffff;
	
}

.contactformbutton{
	background-color: #00aeef;
	color:#ffffff;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
	border-radius: 5px 5px 5px 5px;
	border-style:solid;
	border-width:1px;
	border-color:#00aeef;
	padding:5px 15px 5px 15px;
	
}

.contactformbutton:hover{
	background-color: #0066b3;
	color:#ffffff;
	border-width:1px;
	border-color:#0066b3;
	
}


.newsimage{
	width:auto;
	max-height:158px;
}
.linkimage{
	width:100%;
	min-height: 234px;

}
.newsbox{
	background:#ffffff;
	border-radius: 5px 5px 5px 5px;
	padding:10px;
	margin: 15px;
	min-height:1015px;

}


.defaultbuttonformat{
	border-radius: 5px 5px 5px 5px;
    font-size: 22px;
    background-color: #0066b3;
    color: #fff;
    -webkit-transition: background-color .4s;
    -moz-transition: background-color .4s;
    transition: background-color .4s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    white-space: normal;
    border: none;
    font-family: inherit;
    font-size: inherit;
    padding: 15px 36px;
    display: inline-block;
    margin: 15px 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    text-decoration: none;
}

.defaultbuttonformat:hover,
.defaultbuttonformat:focus {
	background-color: #008dc6;
}

#newsAside {
	background-color: #00337e; 
	padding: 15px;
	min-height: 100%;
	margin-right: 22px;
}
#newsAside h2 {
	border-bottom: 1px solid #fff;
	color: #00aeef;
	font-weight: 400;
	padding: 6px 10px;
	font-size: 2em;
}
#newsAside ul {
	margin-left: 10px;
}
#newsAside ul li {
	line-height: 20px;
	margin-bottom: 15px;
	border-bottom: 1px solid #00aeef;
	list-style: none;
	padding-bottom: 5px;
}
#newsAside ul li a {
	color: #fff;
	font-size: 1.1428571428571428em;
	font-weight: 400;
}
#newsAside ul li a:hover {
	color: #00aeef;
	text-decoration: none;
}

/*-------------------------------------------------------------- 4.1.4 - Pages: 
Home - Think this could be related to the Latest News PAGE 
--------------------------------------------------------------*/ 
.newsItemTitle {
    margin-bottom: 6px;
    margin-top: 6px;
}
.newsItemTitle a {
	font-weight: 400;
}
.newsTitle { 
	color: #ffffff; 
	background-color: #603180; 
	padding: 2px 30px; 
	display: block; 
	margin-bottom: 25px; 
} 
.page-id-291 #featuredImg { 
	background-color: transparent; 
} 
#marine-list { 
	font-size: 13px;
} 
.pageList { 
	margin-top: -30px; 
} 
.pageList li { 
	list-style-type: disc !important;
	margin-bottom: 5px; 
	margin-left: 15px;
} 
#marineToolbar p a:link { 
	line-height: 160%; 
} 
#portLog h5{ 
	font-weight: bold; 
	font-size: 15px; 
	color: #0066b3;
	margin-bottom: 0; 
} 
.eventTitle { 
	font-size: 20px; 
	font-weight: bold; 
	color:#333333; 
	margin-left: -10px; 
	margin-bottom: 0px; 
	line-height: 170%;
} 
.eventEntry { 
	padding-bottom: 35px; 
	border-bottom: 1px solid #cccccc; 
	margin-bottom: 24px; 
	margin-left: -10px; 
} 
.eventEntry p { 
	line-height: 170%; 
} 
/*-------------------------------------------------------------- 
 - Pages: Home - Testimonials (Aside) 
--------------------------------------------------------------*/ 
#home ul { 
	margin: 0px; 
	list-style-type: none; 
} 
#home .testimonials p { 
	color: #fff; 
	font-style: italic; 
	margin-left: 14px; 
	margin-top: 10px;
	min-height: 140px; 
} 
#home .testimonials img { 
	padding: 0px 0px 5px 5px;
} 
#home .testimonials { 
	margin: 0; 
	margin-top: 10px; 
	background: #00aeef; 
	padding: 15px; 
	position: relative; 
} 
#home .arrow-down { 
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent; 
	border-top: 15px solid #00aeef; 
	margin: 0 0 0 25px; 
} 
#home .testimonial-author { 
	margin: 0 0 20px 0; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #999; 
	text-align:left; 
} 
#home .testimonial-author span { 
	font-size: 12px; 
	color: #666; 
}

.testimonial-box{
	background:#ffffff;
	min-height:245px;
}


/*--------------------------------------------------------------
4.1.6 - Pages: Home - Workshop Registration
--------------------------------------------------------------*/
#registrationForm, #gisWorkshop {
	margin-top: 40px;
}
#gisWorkshop {
	margin-left: 7px;
}
#registrationForm {
	margin-left: 145px;
}
#gisWorkshop p {
	text-align: justify;
}
#registrationForm table .lc {
	width: 120px;
}
#registrationForm table input {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	width: 100%
}
#registrationForm textarea {
	resize: none;
	overflow: auto; 
	min-height: 150px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	width: 100%;
}
#registrationForm table #requirements {
	vertical-align: top;
}

/*--------------------------------------------------------------
4.2 - Pages: Testimonials
--------------------------------------------------------------*/
.testimonial {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 40px;
	margin-bottom: 25px;
}
.testimonial h3 {
	color: #0066b3;
	font-size: 18px;
	margin-bottom: 20px;
}
.testimonial p {
	margin-bottom: 5px;
}

/*--------------------------------------------------------------
4.3 - Pages: People
--------------------------------------------------------------*/
.people h3 {
	margin-top: 0;
	line-height: 1;
	margin-bottom: 15px;
}
.people .info {
	padding-left:40px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.people img {
	border: 1px solid #cccccc;
	padding: 15px;
}

.attachment-post-thumbnail{
	width:100%;
	height: auto;
}

/*--------------------------------------------------------------
4.4 - Pages: Downloads
--------------------------------------------------------------*/
.downloadSection {
	margin-bottom:35px;
	padding-bottom: 35px;
	border-bottom: 1px solid #666666;
}
.downloadSection a {
	display: block;
	margin: 10px;
	color: #0066b3;
}
.downloadSection a:hover {
	color: #7f3f98;
}
.downloadSection h5 a {
	display: block;
	margin: 10px 0px;
	font-size: 24px;
	font-weight: 400;
}
.downloadSection .purpleBtn {
	display: inline-block;
	width: 125px !important;
}
.downloadSection:last-child {
	border-bottom: none;
}
.sampledata {
	margin-bottom: 4px;
}
.sampledataBtn {
	margin-bottom: 20px;
}
.nonlink a {
	font-size: 18px;
	color: #0066b3;
	font-weight: 400;
	margin-top: 0px;
	margin-bottom: 25px;
	text-decoration: none;
}
.nonlink a:hover, .nonlink a:visited {
	color: #0066b3;
}
.modal-body > #__vtigerWebForm table { 
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}
.modal-body > #__vtigerWebForm table input {
	width: 95%;
}
.modal-body > #__vtigerWebForm table select {
	width: 100%;
}
.modal-body > #__vtigerWebForm table label {
	text-align: left;
}
.modal-body > #__vtigerWebForm table label > span {
	color: red;
}
.modal-body > #__vtigerWebForm > input {
	margin-top: 30px;
	width: 125px;
    background-color: #603180;
    color: #ffffff;
    font-size: 16px;
    border: 1px solid #603180;
    padding: 5px 25px;
}
.modal-body > #__vtigerWebForm > input:hover {
	background-color: #ffffff;
	color: #603180;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	transition: all 0.15s linear;
}

/*--------------------------------------------------------------
4.5 - Pages: Customers
--------------------------------------------------------------*/
.partner .span8 {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 38px;
	margin-bottom: 30px;
}
.customerPage img {
	text-align: center;
	display: block; 
	margin-left: auto;
	margin-right: auto;
}
.customerPage .row-fluid {
	margin-bottom: 30px;
}
.customerPage .border {
	display: inline-block;
	border: 1px solid #cccccc;
	padding: 10px 10px; 
	margin: 0px 20px;
	width: 189px;
}
.profImages{
	
	max-height:102px;
	height:100%;
	width:auto;
	
}


/*--------------------------------------------------------------
4.6 - Pages: Feature Catalogue
--------------------------------------------------------------*/
#feature-cat input[type=search].input-sm,
#theme-cat input[type=search].input-sm,
#attr-cat input[type=search].input-sm {
	height: 30px;
    line-height: 30px;
	padding: 5px 10px;
    font-size: 12px;
}
#feature-cat .details-row > td,
#theme-cat .details-row > td,
#attr-cat .details-row > td {
	padding: 24px !important;
}
#feature-cat .details-row td,
#theme-cat .details-row td,
#attr-cat .details-row td {
	background-color: #0066b3 !important;
	border-top: none;
	color: #fff;
}
#theme-cat #theme-title,
#attr-cat #attr-title {
	width: 30% !important;
}
.cataloguetab{
	padding:10px;
	border-style: solid;
	border-width: 1px;
	border-color: #D3D3D3;
	border-radius: 3px 3px 0 0;
	
}

.cataloguetab:hover{
	background:#00337e;
	border-color: #00337e;
	color:#ffffff;
	
}
.tab-content{
		
	margin:20px 0 0 0;
	
}


/*--------------------------------------------------------------
4.7 - Pages: Newsletters
----------------------------------------------------------------*/

#sept25{ background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/sept25.jpeg) !important; }
#may25{ background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/may25.jpg) !important; }
#jan25{ background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/jan25.jpg) !important; }
#oct24{ background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/oct24.jpg) !important; }
#may24{ background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/may24.jpg) !important; }
#feb24{ background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/feb24.jpg) !important; }
#nov23 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/nov23.jpg) !important; }
#jul23 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/jul23.jpg) !important; }
#apr23 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/apr23.jpeg) !important; }
#jan23 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/jan23.jpg) !important; }
#sept22 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/sept22.jpg) !important; }
#apr22 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/apr22.jpg) !important; }
#jan22 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/jan22.jpg) !important; }
#sm21 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/sm21.JPG) !important; }
#sp21 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/sp21.jpg) !important; }
#wt21 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/wt21.jpg) !important; }
#at20 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/at20.jpg) !important; }
#sm20 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/sm20.jpg) !important; }
#sp20 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/sp20.jpg) !important; }
#wt20lp { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/wt20lp.jpg) !important; }
#wt20 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/wt20.jpg) !important; }
#at19 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/at19.jpg) !important; }
#sm19 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/sm19.jpg) !important; }
#sp19 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/sp19.jpg) !important; }
#wt19lp { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/wt19lp.JPG) !important; }
#wt19 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/wt19.jpg) !important; }
#at18lp { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/at18lp.jpg) !important; }
#at18 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/at18.jpg) !important; }
#sp18 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/sp18.jpg) !important; }
#wt18 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/wt18.jpg) !important; }
#at17 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/at17.jpg) !important; }
#sm17 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/sm17.jpg) !important; }
#wt16 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/wt16.jpg) !important; }
#sm16 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/sm16.jpg) !important; }
#sp16 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/sp16.jpg) !important; }
#wt15 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/wt15.jpg) !important; }
#sm15 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/sm15.jpg) !important; }
#sp15 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/sp15.jpg) !important; }
#wt14 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/wt14.jpg) !important; }
#at14 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/at14.jpg) !important; }
#sm14 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/sm14.jpg) !important; }
#sp14 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/sp14.jpg) !important; }
#wt13 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/wt13.jpg) !important; }
#at13 { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(https://www.oceanwise.eu/wp-content/themes/oceanwise-theme/images/newsletters/at13.jpg) !important; }
#newsletter-page-title { margin-left:10px; }
#newsletter-boxes .boximage { width: 32% }

/*--------------------------------------------------------------
4.8 - Pages: Contact Us
--------------------------------------------------------------*/
#contactForm > #__vtigerWebForm table {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
#contactForm > #__vtigerWebForm table input,
#contactForm > #__vtigerWebForm table textarea {
	width: 95%;
}
#contactForm > #__vtigerWebForm table select {
	width: 100%;
}
#contactForm > #__vtigerWebForm table label {
	text-align: left;
}
#contactForm > #__vtigerWebForm table label > span {
	color: red;
}
#contactForm > #__vtigerWebForm > input {
	margin-top: 30px;
	width: 125px;
    background-color: #603180;
    color: #ffffff;
    font-size: 16px;
    border: 1px solid #603180;
    padding: 5px 25px;
}
#contactForm > #__vtigerWebForm > input:hover {
	background-color: #ffffff;
	color: #603180;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
.modal-backdrop {
	z-index: 10001;
}
.modal {
	z-index: 10002;
}

/*--------------------------------------------------------------
4.9 - Pages: Recent Articles
--------------------------------------------------------------*/
.article h4 a {
	font-weight: 400;
}
.article-details {
	font-size: 1.1em;
	color: #0066B3;
	margin-bottom: 5px;
	overflow: hidden;
}
.article-details i {
	font-size: 1.4em;
}
.article-details .fill-50 {
	float: right;
}

.defaultArticle img{
	width:100%;
	height:auto;
}
.iconArticle img{
	
	width:100%;
	height:auto;
	
}

/*--------------------------------------------------------------
5 - Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 - Media Queries: Large Desktop 1200px
--------------------------------------------------------------*/
@media (max-width: 1200px) {
	nav #cssmenu .menu-main-nav-menu-container ul li a:link {
		padding: 12px 20px;
	}
	.blueBtn,
	.purpleBtn,
	.DblueBtn,
	.whiteBtn {
		display: block;
		width: 100% !important;
		margin-bottom: 0px;
		margin-left: 0px !important;
		margin-top: 10px;
		text-align: center !important;
	}
	.article-details .fill-50 {
		margin-bottom: 10px;
	}
	.frs-slide-img img {
		margin-top: 0px !important; /* fixes error where slideshow had unexplained margin-top */
	}
	#gisWorkshop iframe {
		width: 100%;!important
		height: auto;!important
	}
	#registrationForm, #gisWorkshop {
		width: 44%;
	}
	#registrationForm {
		margin-left: 30px;
	}
	/* Controls when menu collapses */
	nav { 
		opacity: 0.97;
	}
	#toggle {
		display: block;
		color: #ffffff;
		width: 100%;
		position: relative;
		margin-bottom: 15px;
	}
	#toggle h6 {
		font-size: 1.2857142857142858em;
		padding-bottom: 10px;
	}
	#toggle:after {
		top: 80%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(255, 255, 255, 0);
		border-top-color: #ffffff;
		border-width: 11px;
		margin-left: -11px;
	}
	nav #cssmenu {
		display: none;
	}
	nav h6 {
		color: #ffffff; 
	}
	nav #cssmenu .menu-main-nav-menu-container ul li ul {
		z-index: 1000;
	}
	nav #cssmenu .menu-main-nav-menu-container ul li {
		display: block;
		clear: both;
		text-align: center;
		width: 100%;
	}
	/* end of menu collapse */
}

/*--------------------------------------------------------------
5.2 - Media Queries: Portrait Tablet to landscape & Desktop 979px
--------------------------------------------------------------*/
@media (max-width: 979px) {
	section {
		margin-left: 20px;
		margin-right: 20px;
	}
	#banner {
		margin-left: 0px;
		margin-right: 0px;
	}
	#home .testimonial-author {
		margin: 0 0 36px 25px;
	}
	
	/* switch between widescreen and mobile slideshows*/
	#business-streams-maxpjc,
	#enjoy-the-confidence-of-working-with-marine-data-experts-maxpjc,
	#intelligent-marine-coastal-mapping-data-maxpjc,
	#environmental-data-sharing-and-publishing-maxpjc,
	#enterprise-gis-and-productivity-tools-maxpjc,
	#capacity-building-training-and-mentoring-maxpjc,
	#ports-and-harbours-maxpjc,
    #energy-and-telecoms-maxpjc,
	#newsroom-maxpjc,
	#sustainability-maxpjc,
	#governments-and-agencies-maxpjc,
    #making-waves-maxpjc	{
		display: none;
	}
	#business-streamspjc,
	#enjoy-the-confidence-of-working-with-marine-data-expertspjc,
	#intelligent-marine-coastal-mapping-datapjc,
	#environmental-data-sharing-and-publishingpjc,
	#enterprise-gis-and-productivity-toolspjc,
	#capacity-building-training-and-mentoringpjc,
	#ports-and-harbourspjc,
	#energy-and-telecomspjc,
	#newsroompjc,
	#sustainabilitypjc,
	#governments-and-agenciespjc,
    #making-wavespjc	{ 
		display: block;
	}

	/*business streams block*/
	#business-streams-footer .darken {
		width: 92%;
		margin-left: auto;
		margin-right: auto;
	}
	#newsletter-page-title {
		margin-left: auto;
		margin-right: auto;
	}
	#gisWorkshop iframe {
		width: 100%;!important
		height: auto;!important
	}
	#registrationForm, #gisWorkshop {
		width: 90%;
	}
	#registrationForm {
		margin-left: 0px;
	}
	#registrationForm table {
		width: 100%;
	}
	.dataCaptureButton {
	    padding: 15px 10px;
	}
	/* Header */
	header {
		padding: 10px;
	}
}

/*--------------------------------------------------------------
5.3 - Media Queries: Landscape Phone to portrait Tablet 767px
--------------------------------------------------------------*/
@media (max-width: 767px) {
	body {
		padding-left: 0;
		padding-right: 0;
	}
	#newsAside {
		margin-top: 30px;
	}
	#newsAside, #home .testimonials, 
	.blueBtn,
	.purpleBtn,
	.DblueBtn,
	.whiteBtn {
		margin-right: 0px;
		margin-left: 0px;
	}
	#newsAside h2 {
		margin-top: 0px;
	}
	/*#mainContentHome {
		padding-left: 0px;
		padding-right: 0px;
	}*/
	#mainContentHome h1 {
		font-size: 2em !important;
	}
	h2 {
		margin-top: 40px;
	}
	#FC, #cat {
		width: 100%;
	}
	#FC img {
		width: auto;
		height: auto;
	}
	@-moz-document url-prefix() { 
		#FC img {
			width: 100%;
			height: 100%;
		}
	}
	#sideNav ul { 
		margin-left: 0px;
	}

	/* Header */
	header [class*="span"] {
		display: inline-block !important;
		margin: 0px 10px !important;
		padding: 0px !important;
		vertical-align: top;
	}
	header .span6 {
		width: 21px !important;
		margin: 17px 0px 0px 10px !important;
	}
	header .span6 img {
		height: 21px !important;
		margin: 0px !important;
		margin-bottom: 5px !important;
	}
	header .span4 {
		width: 198px !important;
	}
	header .span2 {
		width: 167px !important;
	}

	.people .info {
		padding-left: 0px;
	}
	.people .span2 {
		padding-bottom: 40px;
	}
	.post .offset2 {
		padding-left: 0px;
	}
	#post-17 h2 {
		padding-left: 0px;
	}
	#registrationForm, #gisWorkshop {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	#registrationForm table {
		width: 98%;
	}
	.dataCaptureButton {
	    padding: 15px 36px;
	}
	.boximage {
		margin-left: 0px;
		margin-top: 15px;
		width: 100%;
	}
}
@media (max-width: 979px) and (min-width: 768px) {
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: auto;
	}
}
/*--------------------------------------------------------------
5.4 - Media Queries: Landscape Phone and down 480px
--------------------------------------------------------------*/
@media (max-width: 480px) {
	#FC, #cat {
		width: 100%;
	}
	#FC img {
		width: auto;
		height: auto;
	}
	@-moz-document url-prefix() { 
		#FC img {
			width: 100%;
			height: 100%;
		}
	}
	.blueBtn,
	.purpleBtn,
	.DblueBtn,
	.whiteBtn {
		display: block;
		width: 100%;
		margin-bottom: 0px;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top: 10px;
	}
	#newsAside {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;	
	}
	#home .testimonials {
		margin-left: auto;
		margin-right: auto;
	}
	.sectionPadding {
		padding: 24px 0px 48px 0px;
	}
	#mainContentHome {
		padding-left: 0px;
	}
	h6 {
		font-size: 1.2em;
	}
	h1 {
		font-size: 1.4em;
		margin-top: 15px;
	}
	#sideNav ul { 
		margin-left: 0px;
	}

	/* Header */
	header {
		padding: 15px;
	}
	header .span4 {
		margin-top: 4px !important;
	}
	header .span4 > a, header .span6 {
		display: none !important;
	}
	header .span2, header .span2 img {
		height: 52px !important;
		width: auto !important;
	}
}

@media (max-width: 382px) {
	header .span2 {
		width: 100% !important;
		text-align: center !important;
		margin: 0px !important;
	}
	header #headerContact {
		width: 100% !important;
		text-align: center !important;
		margin: 0px !important;
		margin-top: 10px !important;
	}
}

/*--------------------------------------------------------------
6 - Page Printing
--------------------------------------------------------------*/
@media print {
	* {
		background: transparent !important;
		color: #000000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a, a:visited {
		text-decoration: underline;
	}
}


form.search-form input[type=text] {
    padding: 5px;
    font-size: 17px;
    border: 1px solid grey !important;
    float: left;
    width: 80%;
    background: white;
	border-radius: 4px 0px 0px 4px;
	padding-left: 5px !important;
  }
  
  form.search-form button {
    float: left;
    width: 20%;
    padding: 5px !important;
    background: white !important;
    color: grey;
    font-size: 17px;
    border: 1px solid grey;
    border-left: none;
    cursor: pointer;
	border-radius: 0px 4px 4px 0px;
  }
  
  form.search-form button:hover {
    background: #0b7dda;
  }
  
  form.search-form::after {
    content: "";
    clear: both;
    display: table;
  }
  form.search-form{
	margin:4px !important
  }
  .contactbutton{
	display: inline-block;
	  background: #0066b3;
	  font-size: 18px;
	  color: white;
	  padding: 7px 40px;
	  font-weight: bold;
	  text-decoration: none;
	  text-transform: uppercase;
	  font-family: sans-serif;
	  min-width:200px;
	  text-align:center;
	 
	  background-size: cover;
	  border-radius: 50px 50px;
	 
	
  }
  .dropshadow{
	color: white;
	text-shadow:1px 1px 2px black, 0 0 25px rgb(244, 244, 253), 0 0 5px darkblue;}
	
	.icn {
		color: var(--oblue);
  
		font-weight: bold;
		margin: 5px
	  }
  
	  .dflexx {
		display: flex;
		justify-content: right;
		align-items: center;
  
		height: 100%;
  
	  }
  
	  input[type=search] {
		width: 150px !important;
		box-sizing: border-box;
		border: 2px solid #222;
  
		font-size: 16px;
		background-color: white;
  
  
	  }


	  .widgets-header{

	  }
	  

	  @media only screen and (min-width: 768px){
		.widgets-header{
			flex-direction: column;
			justify-content:center;
			align-items:center;

		}

	  }

	  .widgets-header{
		flex-direction: row;
	  justify-content:right;
	  align-items:center;
	  }