/*
Theme Name: Grand Optical Porady
Theme URI: https://mimasdesign.pl/
Author: Mimas Design
Version: 1.0
License: Commercial

*/




* {
padding: 0;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

body {
	font-family: Poppins;
    color: #191919;
    font-size: 16px;
/*
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
*/
    text-rendering:optimizeLegibility;
	scroll-behavior: smooth;
}





textarea:focus, input:focus{
    outline: none;
}


.section-title h2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
	text-align: center;
}
@media (min-width:768px) {
	.section-title h2 {
    	font-size: 24px;
    	line-height: 36px;
		text-align: left;
	}
}

img {
    width: 100%;
    height: auto;
}






/***	GRID 		***/





.main-container {
    display: flex;
    flex-flow: column;
    gap: 60px;
	margin-top: 190px;
    margin-bottom: 120px
}

@media (min-width: 961px) {
	.main-container {
		gap: 80px;
	}
}

.main-container section {
    flex: 0 0 100%;
    max-width: 100%;
	padding-top: 0;
}

.container {
	width: auto;
	max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.container .row-columns {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.container.section-title {
    margin-bottom: 30px;
}

section .section-title a {
    display: flex;
    column-gap: 10px;
    flex-flow: row;
    font-size: 18px;
    line-height: 28px;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
}
section .section-title a span {
    display: block;
}
section .section-title a:hover span {
    text-decoration: underline;
}
section .section-title a img {
    width: 24px;
    height: 24px;
}








/***    SECTION HOME FEATURED TYPE1     ***/

.section-featured-type1 .row-columns {
		column-gap: 0;
		gap: 2rem;
	}
	.section-featured-type1 .block-big-post,
	.section-featured-type1 .block-list-posts {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.section-featured-type1 .block-big-post .item {
		position: relative;
	}
	.section-featured-type1 .block-big-post .image-bg {
		line-height: 0;
	}
	.section-featured-type1 .block-big-post .image-bg::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgb(0,0,0);
		background: linear-gradient(0deg, rgba(0,0,0,0.80) 20%, rgba(0,0,0,0) 60%);
		border-radius: 20px;
	}
	.section-featured-type1 .block-big-post img {
		object-fit: cover;
		height: 380px;
		border-radius: 20px;
	}
	.section-featured-type1 .block-big-post .content {
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 0 80px 40px 40px;
		transition: all 250ms ease-in-out;
	}
	.section-featured-type1 .block-big-post .content h3 {
		font-size: 22px;
		font-weight: 600;
		line-height: 32px;
		color: #fff;
		margin-bottom: 10px;
	}
	.section-featured-type1 .block-big-post .content .meta {
		display: flex;
		flex-flow: row;
		align-items: center;
		column-gap: 10px;
	}
	.section-featured-type1 .block-big-post .content .meta .category-badge {
		color: #000;
		font-size: 12px;
		font-weight: 400;
		text-transform: uppercase;
		line-height: 24px;
		border-radius: 40px;
		padding: 4px 16px;
		background-color: #CBDB2A;
	}
	.section-featured-type1 .block-big-post .content .meta .date {
		color: #fff;
		font-size: 14px;
		display: none;
	}

	.section-featured-type1 .block-big-post .item:hover .content {
		transform: translateY(-10px)
	}
	.section-featured-type1 .block-big-post .item:hover .content h3 {
		text-decoration: underline;
	}
	.section-featured-type1 .block-big-post .item-link {
		position: absolute;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: transparent;
	}



	.section-featured-type1 .block-list-posts {
		display: flex;
		flex-flow: row wrap;
		gap: 30px;
	} 
	.section-featured-type1 .block-list-posts .item {
		position: relative;
		display: flex;
		flex-flow: row;
		justify-content: flex-start;
		column-gap: 15px;
		transition: all 200ms ease-in-out;
	}
	.section-featured-type1 .block-list-posts .item .image-bg {
		flex: 0 0 40%;
		max-width: 40%;
	}
	.section-featured-type1 .block-list-posts .item .image-bg img {
		object-fit: cover;
		height: 140px;
		border-radius: 10px;
	}
	.section-featured-type1 .block-list-posts .content {
		padding-top: 5px
	}
	.section-featured-type1 .block-list-posts .content h3 {
		font-size: 18px;
		font-weight: 500;
		line-height: 26px;
		margin-bottom: 10px;
	}
	.section-featured-type1 .block-list-posts .item:hover {
		transform: translateX(10px);
	}
	.section-featured-type1 .block-list-posts .item:hover .content h3 {
		text-decoration: underline
	}
	.section-featured-type1 .block-list-posts .content .meta {
		display: flex;
		flex-flow: row;
		align-items: center;
		column-gap: 10px;
	}
	.section-featured-type1 .block-list-posts .content .meta .category-badge {
		color: #000;
		font-size: 12px;
		font-weight: 400;
		text-transform: uppercase;
		line-height: 24px;
		border-radius: 40px;
		padding: 0 12px;
		background-color: #CBDB2A;
	}
	.section-featured-type1 .block-list-posts .content .meta .date {
		font-size: 14px;
		display: none;
	}

	.section-featured-type1 .block-list-posts .item-link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: transparent;
	}

@media (min-width: 768px) {
	.section-featured-type1 .row-columns {
		column-gap: 2rem;
	}
	.section-featured-type1 .block-big-post,
	.section-featured-type1 .block-list-posts {
		flex: 1 0 0;
	}
	.section-featured-type1 .block-big-post .item {
		position: relative;
	}
	.section-featured-type1 .block-big-post .image-bg {
		line-height: 0;
	}
	.section-featured-type1 .block-big-post .image-bg::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgb(0,0,0);
		background: linear-gradient(0deg, rgba(0,0,0,0.80) 20%, rgba(0,0,0,0) 60%);
		border-radius: 20px;
	}
	.section-featured-type1 .block-big-post img {
		object-fit: cover;
		height: 494px;
		border-radius: 20px;
	}
	.section-featured-type1 .block-big-post .content {
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 0 80px 40px 40px;
		transition: all 250ms ease-in-out;
	}
	.section-featured-type1 .block-big-post .content h3 {
		font-size: 24px;
		font-weight: 600;
		line-height: 34px;
		color: #fff;
		margin-bottom: 10px;
	}
	.section-featured-type1 .block-big-post .content .meta {
		display: flex;
		flex-flow: row;
		align-items: center;
		column-gap: 10px;
	}
	.section-featured-type1 .block-big-post .content .meta .category-badge {
		color: #000;
		font-size: 12px;
		font-weight: 400;
		text-transform: uppercase;
		line-height: 24px;
		border-radius: 40px;
		padding: 4px 16px;
		background-color: #CBDB2A;
	}
	.section-featured-type1 .block-big-post .content .meta .date {
		color: #fff;
		font-size: 14px;
		display: none;
	}

	.section-featured-type1 .block-big-post .item:hover .content {
		transform: translateY(-10px)
	}
	.section-featured-type1 .block-big-post .item:hover .content h3 {
		text-decoration: underline;
	}
	.section-featured-type1 .block-big-post .item-link {
		position: absolute;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: transparent;
	}



	.section-featured-type1 .block-list-posts {
		display: flex;
		flex-flow: row wrap;
		gap: 30px;
	} 
	.section-featured-type1 .block-list-posts .item {
		position: relative;
		display: flex;
		flex-flow: row;
		justify-content: flex-start;
		column-gap: 15px;
		transition: all 200ms ease-in-out;
	}
	.section-featured-type1 .block-list-posts .item .image-bg {
		flex: 0 0 40%;
		max-width: 40%;
	}
	.section-featured-type1 .block-list-posts .item .image-bg img {
		object-fit: cover;
		height: 140px;
		border-radius: 10px;
	}
	.section-featured-type1 .block-list-posts .content {
		padding-top: 5px
	}
	.section-featured-type1 .block-list-posts .content h3 {
		font-size: 18px;
		font-weight: 500;
		line-height: 26px;
		margin-bottom: 10px;
	}
	.section-featured-type1 .block-list-posts .item:hover {
		transform: translateX(10px);
	}
	.section-featured-type1 .block-list-posts .item:hover .content h3 {
		text-decoration: underline
	}
	.section-featured-type1 .block-list-posts .content .meta {
		display: flex;
		flex-flow: row;
		align-items: center;
		column-gap: 10px;
	}
	.section-featured-type1 .block-list-posts .content .meta .category-badge {
		color: #000;
		font-size: 12px;
		font-weight: 400;
		text-transform: uppercase;
		line-height: 24px;
		border-radius: 40px;
		padding: 0 12px;
		background-color: #CBDB2A;
	}
	.section-featured-type1 .block-list-posts .content .meta .date {
		font-size: 14px;
		display: none;
	}

	.section-featured-type1 .block-list-posts .item-link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: transparent;
	}
}
@media (min-width: 961px) {
	.section-featured-type1 .block-big-post .content .meta .date {
		display: block;
	}
	.section-featured-type1 .block-list-posts .content .meta .date {
		display: block;
	}
}





/***    SECTION CATEGORY LIST ICONS     ***/

.section-category-list-icons {}
.section-category-list-icons .row-columns {
    column-gap: 20px;
}
.section-category-list-icons .listcategories-carousel.owl-carousel {
	padding: 0 20px;
}
.section-category-list-icons .listcategories-carousel .owl-nav button {
	position: absolute;
	top: 40%;
}
.section-category-list-icons .listcategories-carousel .owl-nav button span {
	display: none;
}
.section-category-list-icons .listcategories-carousel .owl-nav button.owl-prev {
	left: 10px;
	width: 24px;
	height: 24px;
	background-image: url('assets/images/arrow-right-green.png');
	background-size: 24px 24px;
	background-position: center center;
	background-repeat: no-repeat;
	transform: rotate(180deg);
}
.section-category-list-icons .listcategories-carousel .owl-nav button.owl-next {
	right: 10px;
	width: 24px;
	height: 24px;
	background-image: url('assets/images/arrow-right-green.png');
	background-size: 24px 24px;
	background-position: center center;
	background-repeat: no-repeat;
}
.section-category-list-icons .listcategories-carousel .owl-dots {
	margin-top: 10px;
	text-align: center;
}
.section-category-list-icons .listcategories-carousel .owl-dots .owl-dot {
	display:inline-block;
	background-color: #ddd;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	margin: 0 6px;
}
.section-category-list-icons .listcategories-carousel .owl-dots .owl-dot.active {
	background-color: #000;
}

.section-category-list-icons .item {
    position: relative;
    flex: 1 0 0;
    padding: 30px 20px;
    border: 1px solid #D9D9D9;
    border-radius: 20px;
}
.section-category-list-icons .item:hover {
    border: 1px solid #CBDB2A;
} 
.section-category-list-icons .item .icon {
    padding: 0 20% 10px 20%;
}
.section-category-list-icons .item .title {
/*     text-transform: uppercase; */
    text-align: center;
}
.section-category-list-icons .item .item-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}







/***    SECTION HOME FEATURED TYPE2     ***/

.section-featured-type2 {}

.section-featured-type2 .section-title .row-columns {
    align-items: center;
}


.section-featured-type2 .row-columns {
    column-gap: 20px;
}
.section-featured-type2 .row-columns .item {
    flex: 1 0 0;
    position: relative;
}
.section-featured-type2 .image-bg {
    line-height: 0;
}
.section-featured-type2 .image-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.80) 20%, rgba(0,0,0,0) 90%);
    border-radius: 20px;
}
.section-featured-type2 img {
    object-fit: cover;
    height: 440px;
    border-radius: 20px;
}
.section-featured-type2 .content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 40px 40px 40px;
    transition: all 250ms ease-in-out;
}
.section-featured-type2 .content h3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    color: #fff;
    margin-bottom: 10px;
}
.section-featured-type2 .content .meta {
    display: flex;
    flex-flow: row;
    align-items: center;
    column-gap: 10px;
}
.section-featured-type2 .content .meta .category-badge {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 24px;
    border-radius: 40px;
    padding: 0 12px;
    background-color: #CBDB2A;
}
.section-featured-type2 .content .meta .date {
    color: #fff;
    font-size: 14px;
	display: none;
}
@media (min-width: 961px) {
	.section-featured-type2 .item .content .meta .date {
		display: block;
	}
}
.section-featured-type2 .item:hover .content {
    transform: translateY(-10px)
}
.section-featured-type2 .item:hover .content h3 {
    text-decoration: underline;
}
.section-featured-type2 .item-link {
    position: absolute;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}









/***    SECTION HOME FEATURED TYPE3     ***/

.section-featured-type3 .row-columns {
    column-gap: 6rem;
}
@media (max-width: 767px) {
	.section-featured-type3 .block-bannerads {
		flex: 0 0 100%;
		max-width: 100%;
		order: 1;
		margin-bottom: 30px;
	}
	.section-featured-type3 .block-list-posts {
		flex: 0 0 100%;
		max-width: 100%;
		order: 2;
	}
}
@media (min-width: 768px) {
	.section-featured-type3 .block-bannerads {
		flex: 1 0 0;
	}
	.section-featured-type3 .block-list-posts {
		flex: 1.6 0 0;
	}
}

.section-featured-type3 .block-list-posts {
    display: flex;
    flex-flow: row wrap;
    gap: 30px;
} 
.section-featured-type3 .block-list-posts .item {
    position: relative;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    column-gap: 15px;
    transition: all 200ms ease-in-out;
}
.section-featured-type3 .block-list-posts .item .image-bg {
    flex: 0 0 44%;
    max-width: 44%;
}
.section-featured-type3 .block-list-posts .item .image-bg img {
    object-fit: cover;
    height: 180px;
    border-radius: 10px;
}
.section-featured-type3 .block-list-posts .content {
    padding-top: 5px
}
.section-featured-type3 .block-list-posts .content h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 10px;
}
.section-featured-type3 .block-list-posts .item:hover {
    transform: translateX(10px);
}
.section-featured-type3 .block-list-posts .item:hover .content h3 {
    text-decoration: underline
}
.section-featured-type3 .block-list-posts .content .meta {
    display: flex;
    flex-flow: row;
    align-items: center;
    column-gap: 10px;
}
.section-featured-type3 .block-list-posts .content .meta .category-badge {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 24px;
    border-radius: 40px;
    padding: 0 12px;
    background-color: #CBDB2A;
}
.section-featured-type3 .block-list-posts .content .meta .date {
    font-size: 14px;
	display: none;
}
@media (min-width: 961px) {
	.section-featured-type3 .block-list-posts .content .meta .date {
		display: block;
	}
}


.section-featured-type3 .block-list-posts .item-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}
.section-featured-type3 .block-bannerads {
	flex: 0 0 100%;
	max-width: 100%;
}


@media (min-width: 768px) {
	.section-featured-type3 .block-bannerads {
		flex: 0 0 280px;
		max-width: 280px;
	}
}
@media (min-width: 961px) {
	.section-featured-type3 .block-bannerads {
		flex: 0 0 400px;
		max-width: 400px;
	}
}
.section-featured-type3 .bannerads-wrapper {
    position: sticky;
    top: 120px;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    padding: 10%;
}
@media (min-width: 768px) {
	.section-featured-type3 .bannerads-wrapper {
		padding: 25px;
	}
}
@media (min-width: 961px) {
	.section-featured-type3 .bannerads-wrapper {
		top: 180px;
	}
}
.section-featured-type3 .bannerads-wrapper .owl-nav {
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
}
.section-featured-type3 .bannerads-wrapper .owl-nav button {
	display: block;
	width: 24px;
	height: 24px;
}
.section-featured-type3 .bannerads-wrapper .owl-nav .owl-prev {
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('assets/images/arrow-right-green.png');
	transform: rotate(180deg);
}
.section-featured-type3 .bannerads-wrapper .owl-nav .owl-next {
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('assets/images/arrow-right-green.png');
}
.section-featured-type3 .bannerads-wrapper .owl-nav button span {
	display:none;
}
.section-featured-type3 .bannerads-wrapper .owl-dots {
	margin-top: -30px;
	text-align: center;
}
.section-featured-type3 .bannerads-wrapper .owl-dots .owl-dot {
	display:inline-block;
	background-color: #ddd;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	margin: 0 6px;
}
.section-featured-type3 .bannerads-wrapper .owl-dots .owl-dot.active {
	background-color: #000;
}



.section-featured-type3 .seemore-box a {
    display: flex;
    column-gap: 10px;
    flex-flow: row;
    font-size: 18px;
    line-height: 28px;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
}
.section-featured-type3 .seemore-box a span {
    display: block;
}
.section-featured-type3 .seemore-box a:hover span {
    text-decoration: underline;
}
.section-featured-type3 .seemore-box a img {
    width: 24px;
    height: 24px;
}








/***    SECTION FULL BANNER    ***/

.section-full-banner {}
.section-full-banner img {
    border-radius: 20px;
}






/***    SECTION HOME FEATURED TYPE4   ***/

.section-featured-type4 .row-columns {
    column-gap: 20px;
}

.section-featured-type4 .item {
    position: relative;
    flex: 1 0 0;
}
.section-featured-type4 .item .image-bg {
    margin-bottom: 15px;
}
.section-featured-type4 .item img {
    object-fit: cover;
    height: 200px;
    border-radius: 10px;
}
.section-featured-type4 .item .content {
    padding-right: 15%;
}
.section-featured-type4 .item .content h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 10px;
}
.section-featured-type4 .item:hover .content h3 {
    text-decoration: underline
}
.section-featured-type4 .item .content .meta {
    display: flex;
    flex-flow: row;
    align-items: center;
    column-gap: 10px;
}
.section-featured-type4 .item .content .meta .category-badge {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 24px;
    border-radius: 40px;
    padding: 0 12px;
    background-color: #CBDB2A;
}
.section-featured-type4 .item .content .meta .date {
    font-size: 14px;
	display: none;
}
@media (min-width: 961px) {
	.section-featured-type4 .item .content .meta .date {
		display: block;
	}
}
.section-featured-type4 .item .item-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}