$breakpoints: (
	small: 0,
	medium: 640px,
	large: 992px,
	xlarge: 1200px,
	xxlarge: 1440px,
);

.wpucv{
	.wpucv-image-responsive {
		display: block;
		width: 100%;
		min-height: auto;
		margin: 0;
	}
	.wpucv-image-link-wrapper, .wpucv-image-link-wrapper:visited, .wpucv-image-link-wrapper:hover, .wpucv-image-link-wrapper:active{
		display: block;
		border: none;
		cursor: pointer;
		&, &:visited, &:hover, &:active{
			text-decoration: none;
		}
		img{
			width: 100%;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
		}
	}
	
	.wpucv-list{
		article {
			box-sizing: border-box;
			
			h2.wpucv-post-title {
				margin: 0;
				padding: 0;
				clear: none;
				color: #232323;
				word-wrap: break-word;
				word-break: break-all;
				font-size: 18px;
				line-height: 1.2;
				font-weight: 700;
				a{
					word-wrap: inherit;
					word-break: inherit;
					font-size: inherit;
					line-height: inherit;
					font-weight: inherit;
					text-decoration: none;
				}
				a, a:link, a:visited, a:hover, a:active{
					text-decoration: none;
					color: #232323;
				}
			}
			.wpucv-post-meta {
				color: #888888;
				font-size: 12px;
				line-height: 16px;
				font-weight: 400;
				margin: 5px 0 0;
				a, a:link, a:visited, a:hover, a:active{
					color: inherit;
					font-size: inherit;
					text-decoration: none;
					font-weight: inherit;
				}
			}
			p.wpucv-excerpt{
				font-size: 16px;
				line-height: 1.3;
				margin: 8px 0 0;
				margin-top: 8px;
				font-weight: 400;
			}
			a.wpucv-read-more{
				display: inline-block;
				line-height: 1;
				font-weight: 400;
				margin-top: 15px;
				
				&, &:link, &:visited, &:hover, &:active{
					text-decoration: none;
				}
				
				&.wpucv-button{
					padding: 7px 10px;
					-webkit-border-radius: 0;
					-moz-border-radius: 0;
					border-radius: 0;
				}
			}
		}
		
		&.wpucv-style01 {
			article {
				padding-top: 20px;
				padding-bottom: 20px;
				border-top: 1px solid #FFFFFF;
				border-bottom: 1px solid #eaeaea;
				&:first-of-type{
					border-top: none;
				}
				
				p.wpucv-excerpt{
					margin-top: 10px;
				}
				
				@media screen and (min-width: map-get($breakpoints, medium)){
					.wpucv-image-link-wrapper{
						width: 300px;
						margin-left: 12px;
						float: right;
						border: none;
					}
					p.wpucv-excerpt{
						margin-top: 0;
					}
				}
				
				.wpucv-post-meta{
					margin: 7px 0;
				}
			}
		}
		
		&.wpucv-style02 {
			article {
				padding: 20px 7px;
				
				.wpucv-post-title {
					margin-top: 10px;
				}
			}
		}
		
		&.wpucv-style03 {
			.wpucv-post-meta {
				line-height: 14px;
				&, a {
					font-size: 11px;
				}
			}
			.wpucv-image-link-wrapper {
				float: right;
				margin-left: 10px;
			}
			.wpucv-first-block, .wpucv-second-block{
				box-sizing: border-box;
			}
			.wpucv-first-block{
				article {
					padding: 15px;
					border-bottom: 1px solid #eaeaea;
					.wpucv-image-link-wrapper {
						margin-left: 12px;
						width: 50%;
						@media screen and (max-width: map-get($breakpoints, medium) - 1){
							float: none;
							width: 100%;
							margin-left: 0;
						}
					}
					
					h2.wpucv-post-title{
						margin-top: 10px;
					}
					
					@media screen and (min-width: map-get($breakpoints, medium)){
						h2.wpucv-post-title{
							margin-top: 0;
						}
					}
				}
			}
			.wpucv-second-block{
				article {
					padding: 15px;
					border-top: 1px solid #FFFFFF;
					border-bottom: 1px solid #eaeaea;
					
					.wpucv-image-link-wrapper {
						img{
							width: 90px;
						}
					}
					h2.wpucv-post-title, h2.wpucv-post-title a{
						font-size: 15px;
					}
				}
			}
		}
		
		&.wpucv-style04 {
			.wpucv-post-meta {
				line-height: 14px;
				&, a {
					font-size: 11px;
				}
			}
			.wpucv-first-column, .wpucv-second-column{
				box-sizing: border-box;
			}
			.wpucv-first-column{
				padding: 15px;
				@media screen and (max-width: map-get($breakpoints, medium) - 1){
					border-bottom: 1px solid #eaeaea;
				}
				
				article {					
					.wpucv-image-link-wrapper {
						margin-bottom: 10px;
					}
				}
			}
			.wpucv-second-column{
				article {
					padding: 15px;
					border-top: 1px solid #FFFFFF;
					border-bottom: 1px solid #eaeaea;
					&:last-of-type{
						border-bottom: none;
					}
					@media screen and (min-width: map-get($breakpoints, medium)){
						&:first-of-type{
							border-top: none;
						}
					}
					
					.wpucv-image-link-wrapper {
						float: right;
						margin-left: 10px;
						img{
							width: 90px;
						}
					}
					h2.wpucv-post-title, h2.wpucv-post-title a{
						font-size: 15px;
					}
				}
			}
		}
		
		&.wpucv-style05{
			.cell{
				padding: 5px;
			}
		}
		
		&.wpucv-style06 {
			article {
				padding: 10px;
				
				.wpucv-image-link-wrapper {
					&.wpucv-circle-image-wrapper{
						padding: 0 20px;
						img{
							-webkit-border-radius: 50%;
							-moz-border-radius: 50%;
							border-radius: 50%;
						}
					}
				}
				
				.wpucv-post-title {
					margin-top: 10px;
				}
			}
		}
		
		&.wpucv-style07{
			article{
				border-bottom: 1px solid #EEEEEE;
				&:last-of-type{
					border-bottom: none;
				}
				margin-bottom: 10px;
				padding-bottom: 5px;
				h2.wpucv-post-title{
					margin: 0 0 5px;
				}
			}
		}
	}
	
	.wpucv-pagination-wrapper{
		margin-top: 12px;
		box-sizing: border-box;
		ul.wpucv-pagination{
			padding: 0;
			margin: 0;
			&, li{
				list-style-type: none;
			}
			
			li{
				height: 30px;
				float: right;
				margin-left: 5px;
				text-align: center;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				border-radius: 0;
				
				a, span{
					display: block;
					line-height: 30px;
					padding: 0 11px;
					min-width: 30px;
					box-sizing: border-box;
				}
				a{
					&, &:link, &:visited, &:hover, &:active{
						text-decoration: none;
					}
					.wpucv-angle-right, .wpucv-angle-left, .wpucv-angle-double-left, .wpucv-angle-double-right{
						font: normal normal normal 14px/1 FontAwesome;
					}
					.wpucv-angle-right:before{
						content: "\f104"; /* f104 */
					}
					.wpucv-angle-left:before{
						content: "\f105"; /* f105 */
					}
					.wpucv-angle-double-left:before{
						content: "\f101"; /* f101 */
					}
					.wpucv-angle-double-right:before{
						content: "\f100"; /* f100 */
					}
				}
			}
		}
	}
	
	.owl-dots{
		text-align: center;
		margin-top: 20px;

		.owl-dot{
			display: inline-block;
			
			span{
				display: block;
				width: 12px;
				height: 12px;
				box-sizing: content-box;
				background-color: #d3d3d3;
				margin: 5px;
				border-radius: 50%;
				&:hover{
					background-color: #969696;
				}
			}
			
			&.active{
				span{
					background-color: #969696;
				}
			}
		}
	}
	
	.wpucv-no-found{
		margin: 15px 0 0;
		font-size: 14px;
		font-style: italic;
		color: #707070;
	}
}