/*
	Theme Name: Wise Oceans
	Theme URI: https://www.wiseoceans.com/
	Description: Didia Wordpress Boilerplate
	Version: 1.0.0
	Author: Didia Media
	Author URI: https://didia.co.uk
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

iframe{
	max-width:100%;
}

.embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

body{
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-style:normal;
}

.wrapper {
	max-width:1400px;
	width:90%;
	margin:0 auto;
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6, .uk-button{
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-style:normal;
}

.txt-white{
	color:#fff!important;
}

.txt-blue{
	color:#004A75;
}

.bg-blue{
	background:#004A75;
}

.bg-ltblue{
	background-color:rgba(120,132,156, 0.2)!important;
}

.bg-grey{
	background-color:rgba(120,132,156,0.2);
}

.bg-teal{
	background-color: #F0F8FF;
}

.header{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:9;
}

.header .nav .uk-subnav li a{
	color:#fff;
	font-size:1.1rem;
}

.header .nav .uk-navbar-nav > li > a{
	font-size:1.2rem;
	color:#fff;
}

.header .main-navigation{
	border-top: 1px solid rgba(255,255,255,0.2);
	margin-top:20px;
}

.header .main-navigation .uk-navbar-nav > li > a{
	min-height:60px;
}

.header.uk-active{
	background-color:#004A75;
}

.header.uk-active .main-navigation .uk-navbar-nav > li > a{
	min-height:40px;
}

.header.uk-active .toolbarnav{
	display:none;
}

.header.uk-active .main-navigation{
	margin-top:0;
	border-top:none;
}

.logo {
	max-width:200px;
}

.header.uk-active .logo {
	max-width:100px;
}

.logo-img {

}

.nav {
	
}

.sidebar {

}

.footer {
	
}

body.home .uk-sticky-placeholder:first-of-type{
	height:0!important;
	margin:0!important;
}

.uk-overlay-primary.lighter{
	background: rgba(34,34,34,.3);
}

.uk-button-primary{
	background-color: #004A75;
	font-size:1.3rem!important;
}

.uk-button-primary:hover{
	background-color:#2A9D8F;
}

.uk-button-primary i.fad{
	position: absolute;
	right: 20px;
	top: 8px;
}

.img-drop {	
	box-shadow: -20px 20px 0 rgba(0,0,0,0.1);
}

.img-drop.alt{
	box-shadow: 20px 20px 0 rgba(0,0,0,0.1);
}

.slideshow-content{
	border-left: 2px solid #fff;
	padding-left: 40px;
}

.scroll-wrap{
	width: 150px;
    height: 150px;
    background: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    left: 50%;
    bottom: -75px;
    transform: translateX(-50%);
}

.scroll-icon{
	font-size: 3.5rem;
	color: #004A75;
	position: absolute;
	left: 50%;
	top: 10%;
	transform: translateX(-50%);
}

.side-img {
    position: absolute;
    width: 350px;
    height: auto;
    bottom: -50px;
    border: 10px solid #fff;
}

.bg-grey .side-img{
	border-color:#E4E6EB;
}

.left .side-img{
	right:-50px;
}

.right .side-img{
	left:-50px;
}

.side-img-3{
	top: 100%;
	left: 100%;
	border: 20px solid #fff;
	transform: translate(-70%, -70%);
	width: 250px;
}

.blog-title{
	position:absolute;
	left:0;
	bottom:0;
	display:inline-block;
	padding:5px 10px;
	background:#fff;
	color:#333;
}

.blog-title a{
	color:#333;
}

.uk-box-shadow-remove{
	box-shadow: none!important;
}

.uk-cover-img img{
	max-width: none;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.uk-card-body p:last-of-type{
	margin-bottom: 0!important;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.post-sidebar{
	border-left: 1px solid #e5e5e5;
	padding-left: 40px;
	margin-top: 20px;
	height: 100%;
}

.image-banner-content .uk-button, .min-width.uk-button{
	min-width:300px;
	position:relative;
	text-align:center;
	padding: 0 20px;
}

.ticker-section li img{
	max-height:150px;
	width:auto;
	max-width:150px;
}

.company-logo{
	width:100px;
	height:60px;
}

.company-logo img{
	max-width:100px;
	max-height:60px;
	width:auto;
	height:auto;
}

.job-block{
	border-bottom:1px solid #efefef;
}

.pagination span, .pagination a{
	display:inline-block;
	padding: 4px 12px;
	border:1px solid #efefef;
	font-size:1.4rem;
}

.job-block.featured{
	background-color:#F0F8FF;
}

.job-badge.uk-badge{
	background-color: #FFB119;
	font-size: .75rem;
}

.job-block .type.volunteer{
	color: #8400ff;
}

.job-block .type.paid{
	color: #ff7b00;
}

.job-block .type.courses{
	color: #99cc00;
}

.quote-block > i{
	position: absolute;
	font-size: 6rem;
	opacity: 0.1;
	top: 0;
	left: 20px;
}

.test-img > img{
	max-height:80px;
	width:auto
}

.uk-button{
	max-width:100%;
}

.uk-button-large.uk-button{
	padding: 0 10px;
}

.uk-card-body .uk-button-large.uk-button{
	width:100%;
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

.hide-desk, .hide-desk-flex{
	display:none;
}

@media only screen and (max-width:960px) {
	.side-img {
	  display:none;
	}
	.main-img{
		width:100%;
	}
	.hide-tab{
		display:none;
	}
	.hide-desk{
		display:block;
	}
	.hide-desk-flex{
		display:flex;
	}
	.page-hero.uk-padding-large{
		padding:60px 0!important;
	}
	
}

@media only screen and (max-width:600px) {
	.hide-mob{
		display:none;
	}
	.uk-heading-small{
		font-size:1.6rem;
	}
	.uk-heading-medium{
		font-size:1.8rem;
	}
	.image-banner-content .uk-button, .min-width.uk-button{
		min-width:0;
		max-width:100%;
	}
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

/** woocommerce **/
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
	background:white;
	
}
.woocommerce ul.products li.product .product-info, .woocommerce-page ul.products li.product .product-info{
	padding:5px;
}


.woocommerce-MyAccount-content .button,
.woocommerce ul.products li.product .added_to_cart,.woocommerce-page ul.products li.product .added_to_cart,
.woocommerce ul.products li.product .button,.woocommerce-page ul.products li.product .button{
	background:#004A75;
	font-family:1.3rem !important;
	color:#fff;
	border-radius:0;
	margin:0 auto;
	display:block;
	text-align:center;
	margin-bottom:5px;
}

.woocommerce-MyAccount-content .button:hover,
.woocommerce ul.products li.product .added_to_cart:hover,.woocommerce-page ul.products li.product .added_to_cart:hover,
.woocommerce ul.products li.product .button:hover,.woocommerce-page ul.products li.product .button:hover{
	background:#2A9D8F;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt{
	background:#004A75;
	border-radius:0 !important;;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover{
	background:#2A9D8F;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover{
	background:#004A75 !important;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce table.shop_table{
	border:1px solid #004A75;
	border-radius:0;
}

#add_payment_method table.cart input, .woocommerce-cart table.cart input, .woocommerce-checkout table.cart input{
	border:0;
}

.woocommerce-order h2,
.woocommerce .woocommerce-customer-details .woocommerce-column__title,
.woocommerce-MyAccount-content h3,
.woocommerce-shipping-fields h3,
.woocommerce-additional-fields h3,
.woocommerce-billing-fields h3,
#order_review_heading,
.cart_totals  h2,
.woocommerce table.shop_table th{
	color:#004A75;
}

.woocommerce-order h2,
.woocommerce .woocommerce-customer-details .woocommerce-column__title,
.woocommerce-MyAccount-content h3,
.woocommerce-shipping-fields h3,
.woocommerce-additional-fields h3,
.woocommerce-billing-fields h3,
#order_review_heading,
.cart_totals  h2{
	font-size:1.5em;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height:20px;
}
.select2-container--default .select2-selection--single,
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
	border:1px solid #004A75;
	padding:8px;
	border-radius:0;
}

fieldset{border:1px solid #004A75;}

.select2-container--default .select2-selection--single{
	min-height:40px;
}

.woocommerce-MyAccount-navigation ul li{
	list-style:none;
	padding:5px;
}
.woocommerce-MyAccount-navigation ul li a{
	color:#004A75;
}
.woocommerce .woocommerce-customer-details address{
  border:1px solid #004A75;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button{
	background:#004A75;
	color:#ffffff;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover{
	background:#2A9D8F;
	color:#ffffff;
}
.woocommerce .quantity .qty{
	height:36px;
	border:1px solid #004A75;
}

.woocommerce-page .bg-ltblue{background:#fff !important;}
.single-product .bg-ltblue{background:#fff !important;}
.single-product .product_meta{display:none}
.single-product .woocommerce-tabs .tabs.wc-tabs{display:none}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{
	color:#004A75 !important;
	font-weight:bold;
}

.single-product .woocommerce-variation-price{margin-bottom:15px}

.variations tr{
	display: flex;
    flex-direction: column;
    text-align: left;
}

.wpcpo-option-form .wpcpo-chars-remaining{display:none}
.wpcpo-option-form select,.wpcpo-option-form input,.wpcpo-option-form textarea,
.variations select,.variations input,.variations textarea{
    border:1px solid #004A75;
	padding:8px;
	border-radius:0;
	width:100%;
}

.woocommerce div.product form.cart .variations{margin-bottom:0 !important}

.woocommerce-message::before{
    content: "\e015";
	color:#004A75 !important;
}
.woocommerce-message{
	border-top-color:#004A75 !important;
}
.woocommerce .woocommerce-ordering{display:none}

.page-id-48185 .side-img{border:2px solid #fff;}
.page-id-48185 .right .side-img{left:-90px}
.woocommerce div.product .product_title{font-size:1.8em}
.single-product h2{font-size:1.8em}
.single-product .related.products{
	border-top: 1px solid grey;
    padding-top: 30px;
}