/*
Theme Name:    uni-announce
Description:   uni-announce Theme by uni-announce
Author:        uni-announce
Template:      oceanwp
*/
@import url("../oceanwp/style.css");

/* ------------------------------------------------------------
Remove Logo Hover Effect
------------------------------------------------------------ */
#site-logo #site-logo-inner a:hover img {
	-moz-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1;
}
/* ------------------------------------------------------------
Oceanwp Toolset Bootstrap
------------------------------------------------------------ */
.col-1, .col-2, .col-3, .col-4 {
	flex: unset;
	max-width: 100%;
}
/* ------------------------------------------------------------
Header Style
------------------------------------------------------------ */
.site-breadcrumbs.position-under-title {
	max-width: 95%;
}
.site-breadcrumbs {
	white-space: normal;
	overflow: inherit;
}

.navFixed {
	z-index: 10;         
	position: fixed;     
	top: 0;
	left: 0;
	margin-top: 0;
	min-width: 100%;
	opacity: 0.94;
	transition: opacity .5s ease-out;  
}
/* ------------------------------------------------------------
Footer Style
------------------------------------------------------------ */
.footer-box .fas {
	margin-right: 10px;
}
.footer-box .footer-widget {
	font-size: 13px;
	color: #f2f2f2;
}
.site-footer .widget_nav_menu li:first-child {
	border-top: none;
}
.site-footer .widget_nav_menu li {
	border-bottom: none;
}
.site-footer .widget_nav_menu li .fa {
	margin-right: 10px;
}
#footer-bottom.no-footer-nav #copyright {
	color: #ffffff;
}
/* ------------------------------------------------------------
Blog Style
------------------------------------------------------------ */
.oceanwp-recent-posts .recent-posts-info, .blog-entry.thumbnail-entry .blog-entry-comments {
	display: none;
}
.single-post.content-max-width ul.meta {
	display: flex;
}
/* ---------------------------------------------------------------------------
Toolset Search
--------------------------------------------------------------------------- */
.search-block {
	margin-bottom: 50px;
}
/*
.search-block .form-control {
	font-size: 16px;
	color: #ffffff;
	background-color: #000000;
}
.search-block .reset {
	background-color: #000000;
}
*/
/* ------------------------------------------------------------
Product Archive Page Style
------------------------------------------------------------ */
.grid-item {
	display: block;
	margin-bottom: 30px;
	box-shadow: 0px 3px 13px 1px rgba(0,0,0,0.12);
}
.grid-item:hover {
	box-shadow: 0px 3px 13px 1px rgba(0,0,0,0.3);
}
.grid-item .info {
	padding: 10px;
	background: #ffffff;
}
.grid-item .excerpt {
	text-align: justify;
}
/* ------------------------------------------------------------
Product Single Page Style
------------------------------------------------------------ */
.summary {
	display: block;
}
.summary h1 {
	font-size: 30px;
}
.summary .price {
	font-size: 20px;
	color: #ff2d2d;
}
.summary .color {
	line-height: 30px;
}
.summary .category a {
	color: #929292;
}
.summary .category a:hover {
	color: #000000;
}
.summary .features {
	text-align: justify;
	margin: 20px 0;
}
.summary .bt-block {
	display: block;
	margin: 20px 0;
}
.summary .bt-block .bt-order {
	display: inline-block;
	width: 50%;
	text-align: center;
	color: #ffffff;
	padding: 5px 0;
	margin: 10px 0;
	background: #0096D6;
}
.summary .bt-block .bt-order:hover {
	background: #003746;
}
.description, .accessories, .specifications {
	display: block;
	padding: 15px 0;
	margin: 15px 0;
}
.description h2, .accessories h2,.specifications h2, .product-related h2 {
	font-size: 32px;
}
.description .content-block, .accessories .content-block,.specifications .content-block {
	border-top: 5px solid #cccccc;
	border-bottom: 5px solid #cccccc;
	padding: 20px 0;
}
.specifications .content-block ul {
	padding: 0 20px;
	margin: 0;
}
.specifications .content-block li {
	display: grid;
	grid-template-columns: 30% 70%;
	list-style: none;
	padding: 10px 20px;
}
.specifications .content-block li:nth-child(2n) {
	background: #f7f7f7;
}
.specifications .content-block li:last-of-type {
	border-bottom: none;
}
.specifications .content-block li .title {
	text-align: left;
}
.specifications .content-block li .content {
	text-align: right;
}
.product-nav {
	/*position: fixed;
	right: 0;
	bottom: 20%;
	z-index:1;
	-webkit-box-shadow: 0px 8px 15px #333;
	-moz-box-shadow: 0px 8px 15px #333;
	box-shadow: 0px 8px 15px #333;	*/
}

/* ------------------------------------------------------------
Product Single Page Tabs Style
------------------------------------------------------------ */
/*
.nav-tabs .nav-link {
	border: 1px solid transparent;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}
.nav-link {
	display: block;
	padding: .5rem 1rem;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	border-color: #e9ecef #e9ecef #dee2e6;
}
*/
.nav-tabs {
	background: #dee2e6;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #000000;
	background-color: #ffffff;
	border-color: #dee2e6 #dee2e6 #fff;
}

/* ------------------------------------------------------------
Store Archive Page Style
------------------------------------------------------------ */
.store {
	display: block;
	padding: 20px;
	color: #003746;
}
.store:hover {
	color: #ffffff;
	background:  #003746;
}
.store h2 {
	color: inherit;
}
.store .title {
	font-size: 18px;
	font-weight: bold;
}
.store .title .fas {
	margin-right: 10px;
}
.store .address, .store .phone {
	display: flex;
	font-size: 15px;
}
/* ---------------------------------------------------------------------------
Flexslider Style
--------------------------------------------------------------------------- */
#content .flexslider {
	margin: 0 0 20px;
}
.flex-direction-nav {
	line-height: 40px;
}
.product-featured .flex-control-thumbs li {
	width: 12.5%;
}
.slides .flex-direction-nav a:before {
	color: rgba(0, 0, 0, 0.3);
}
#carousel .flex-direction-nav a:before {
	color: rgba(0, 0, 0, 0.3);
	font-size: 20px;
}
/* ------------------------------------------------------------------------------------------------------------------------
Responsive Style
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 1080px) {
	
}

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

}

@media only screen and (max-width: 480px) {
	.specifications .content-block li {
		grid-template-columns: 100%;
	}
	.specifications .content-block li .title {
		font-weight: bold;
		color: #000000;
	}
	.specifications .content-block li .content {
		text-align: left;
	}
	
}