/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/* NK Custom CSS for Diamond Reef Ocean Products Yootheme Pro - place in "child" theme/CSS/ */

/* GLOBAL 
---------------------------------------------------------*/

/* site colors
PMS 3035 - dark blue #003e52 rgba (0, 62, 82, 1.0)
PMS 3125 - light blue #00acc8 rgba(0, 172, 200, 1.0)
*/



a:active, a:focus {
	outline: 0;	 
}

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


hr {
	clear: both;
}



/* LAYOUT 
---------------------------------------------------------*/

.uk-logo img { /* for SVG logo */
    height: 150px;
	width: 178px;
	margin-top: -60px;
	max-height: none;
}

.uk-navbar-nav > li > a {
    height: 70px;
    margin-top: 20px;
}
.navbar .nav > li > .dropdown-menu, .uk-navbar-dropdown {
	top: 117px !important;
}

/* search */
.uk-search-input {
	
}
.tm-toolbar .custom p, .tm-toolbar .custom a {
	color: #00acc8 !important;
	margin-bottom: 0;
}

#footergradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#006383+0,004e67+100 */
background: #006383; /* Old browsers */
background: -moz-linear-gradient(top,  #006383 0%, #004e67 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #006383 0%,#004e67 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #006383 0%,#004e67 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006383', endColorstr='#004e67',GradientType=0 ); /* IE6-9 */
}
#footergradient a {
	font-family:'Oswald' !important;
	margin: 0 10px;
	font-size: 1.4rem;
}
#footergradient p {
	margin-bottom: -12px;
}
#footergradient .uk-flex-middle > div {
	align-self: flex-end;
}


/* MODULES
---------------------------------------------------------*/
/* mobile modal */
.uk-modal-dialog .uk-search-input {
	color: #fff;
}
.uk-modal-dialog .uk-nav-primary > li.uk-active > a {
	color: rgba(0, 172, 200, 1.0);
}
.uk-modal-dialog .uk-nav-primary > li > a:hover {
	color: rgba(0, 172, 200, 0.7);
}
.uk-modal-dialog .uk-nav-sub > li.uk-active > a {
	color: rgba(0, 172, 200, 1.0);
}
.uk-modal-dialog .uk-nav-sub a:hover {
	color: rgba(0, 172, 200, 0.7);
}
.uk-modal-dialog a {
	color: #fff;
}

/* Products */
#products #shrimp {
	background: #fff url(product-grid-shrimp-background.jpg) no-repeat center center;
	background-size: cover;
}
#products #fillets {
	background: #fff url(product-grid-fillet-background.jpg) no-repeat center center;
	background-size: cover;
}
#products #shrimp, #products #fillets {
	padding: 15px;
}
#products #shrimp .el-content, #products #fillets .el-content {
	border: 2px solid #003e52;
	padding: 35px;
}
#products #shrimp .el-content h2, #products #fillets .el-content h2 {
	font-size: 3rem;
	margin-bottom: -15px;
}


/* Recipes and Products widgets overlays */

.wk-overlay-panel {
	background: rgba(0, 172, 200, 0.6) !important;
}
.mystyle .wk-overlay-panel.wk-overlay-icon {
	/*background: rgba(0, 172, 200, 0.6) !important;*/
}
.mystyle .wk-panel-teaser:hover {
	background: rgba(0, 172, 200, 1.0) !important;
}
.mystyle .wk-panel-teaser:hover img {
	opacity: 0.6;
}
.wk-overlay-background {
	border: 2px solid #003e52;
	margin: 4%;
	background: none !important;
}

.mystyle .wk-overlay-icon::before {
    color: #fff !important;
}


.element-relateditemspro > div.uk-clearfix {
	width: 100%;
}


.cookbook-uikit3 .element-relateditemspro li {
	width: 100%;
	clear: both;
}
.cookbook-uikit3 .element-relateditemspro li img {
	margin-bottom: 25px;
}
.cookbook-uikit3 .element-relateditemspro > * {
	list-style-type: none;
}



/* FIRST WAY ---
.wk-overlay-background {
	background: rgba(0, 172, 200, 0.8) !important;
}
.wk-overlay-fade > div {
	border: 2px solid #003e52;
	padding: 25%;
	height: 50%;
	width: 50%;
}
*/

/*#latestrecipes .wk-overlay-fade .wk-margin-small {
    margin-bottom: 5px;
    margin-top: -20%;
}*/
/*#latestrecipes .wk-overlay-fade .wk-margin-small p {
	margin-bottom: 0;
}*/
/*#latestrecipes .wk-overlay-fade .wk-margin-small img {
	border-bottom: 3px solid #003e52;
	padding-bottom: 20px;
}*/
.wk-panel .wk-button {
	padding: 0 14px !important;
	line-height: 28px !important;
	min-height: 28px !important;
	font-size: .75rem !important;
	text-transform: uppercase !important;
	border: 1px solid #003e52 !important;
	border-radius: 0 !important;
	color: #fff !important;
	background: #003e52 !important;
	font-weight: bolder !important;
}
.wk-panel .wk-button:hover, .wk-panel .wk-button:focus {
	padding: 0 14px !important;
	line-height: 28px !important;
	min-height: 28px !important;
	font-size: .75rem !important;
	text-transform: uppercase !important;
	border: 1px solid #003e52 !important;
	border-radius: 0 !important;
	border-color: #003e52 !important;
	color: #003e52 !important;
	background: #fff !important;
	font-weight: bolder !important;
}
/*#latestrecipes .wk-overlay-fade h3 {
	font-size: 2.5rem !important;
	line-height: 2.2rem !important;
	margin-top: 20px;
}

#icons h2 {
	margin-bottom: -20px;
}*/




/* Zoo Products */

.yoo-zoo.product-uikit3 h1 { /* to match site h2 */
	font-size: 3rem;
	color: #00acc8;
}
.yoo-zoo.product-uikit3 h3 {
	margin-bottom: -15px;
}
.yoo-zoo.product-uikit3 h3:nth-of-type(4) {
	display: none;
}
.yoo-zoo.product-uikit3 h3:nth-of-type(5) {
	margin-bottom: 15px;
}
.yoo-zoo.product-uikit3 .uk-list {
	padding: 40px;
	background: rgba(0, 172, 200, 0.1);
}

.element-relateditemspro h4, .element-relateditemspro h4.uk-h5 {
	font-size: 1.5rem;
}
.element-relateditemspro .alignleft, .element-relateditemspro .uk-align-left, .element-relateditemspro .uk-align-left\@l, .element-relateditemspro .uk-align-left\@m, .element-relateditemspro .uk-align-left\@s {
    margin-bottom: 5px;
}

/* Zoo Recipes */

.yoo-zoo.cookbook-uikit3 h1 { /* to match site h2 */
	margin-top: 0;
	font-size: 3rem;
	color: #00acc8;
}
.yoo-zoo.cookbook-uikit3 h2 {
	color: #003e52;
	font-size: 2rem;
	/* line-height: 1.4; */
	margin-bottom: -15px;
}
.yoo-zoo.cookbook-uikit3 h3 {
	margin-bottom: -15px;
}
.yoo-zoo.cookbook-uikit3 .element-relateditemspro h3 {
	margin-bottom: 15px;
}
.yoo-zoo.cookbook-uikit3 .element-text {
	font-size: .875rem;
}
.yoo-zoo.cookbook-uikit3 .element-text strong {
	margin-right: 6px;
}



/* IE11 BUG FIX */
@media all and (-ms-high-contrast:none) {
 	
	.uk-slideshow-items .uk-flex-middle {margin: 0 auto; width: 100%;}

}



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

@media only screen and (max-width: 1200px) { /* first break */

	
	
}

@media only screen and (max-width: 959px) { /* off canvas break */
	
	.uk-logo img { height: 100px; margin-top: 5px; }
	.cookbook-uikit3 .element-relateditemspro h4.uk-margin-remove {
		margin-top: -25px !important;
		margin-bottom: 25px !important;
	}
	
}


@media only screen and (max-width: 767px) { /* PHONES */
 
 	
    
 }

@media only screen and (max-width: 490px) { /* SMALLEST */
 
	
 
 }