/*------------------------------------------------------------------/*
Theme Name: Arezzo
Theme URI: https://arezzo.az-theme.net
Description: A Responsive Minimal & Modern Blog WordPress Theme
Author URI: https://az-theme.net
Author: AZ-Theme
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0.3
Text domain: arezzo
Tags: blog, portfolio, e-commerce
*/
body {
    background: #fff;
    color: #363636;
    font-family: "Lora", sans-serif;
    font-size: 1rem;
    line-height: 1.8;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    word-wrap: break-word;
    color: #1a1a1a;
    line-height: 1.5;
}

.primary-font {
    font-family: "Montserrat", sans-serif;
}

.primary-color {
    color: #1a1a1a;
}

.primary-bg-color {
    background-color: #1a1a1a;
}

.meta-color {
    color: #999;
}

p {
    margin: 0 0 1rem 0;
}

img {
    display: inline-block;
    vertical-align: middle;
    height: auto;
}

a, a:hover, a:focus {
    text-decoration: none;
    transition: 0.68s;
    display: inline-block;
}

a {
    color: #1a1a1a;
}

a:hover, a:focus, .accent-color, .accent-color-hover:hover {
    color: #f37e7e;
}

.accent-color-bg {
    background-color: #f37e7e;
}

a img {
    transition: 0.3s;
}

.site-content a img:hover {
    opacity: 0.8;
}

img, iframe, select {
    max-width: 100%;
}

input[type='text'], input[type='number'], input[type='tel'], input[type='email'], input[type='phone'], input[type='password'], textarea {
	max-width: 100%;
	border: 1px solid #ddd;
	padding: 0 1rem;
}

input[type='text'], input[type='number'], input[type='tel'], input[type='email'], input[type='phone'], input[type='password'], input[type='submit'], input[type='button'], button {
	height: 50px;
    line-height: 50px;
}

input, textarea {
    max-width: 100%;
}

input[type="submit"], input[type="button"], button, .button {
	background: #f37e7e;
	border: 1px solid transparent;
	color: #fff;
	font-family: Montserrat;
	font-size: 0.775rem;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	padding: 0 2rem;
	line-height: 46px;
	height: 46px;
    transition: 0.68s;
}

input[type='submit']:hover, input[type='button']:hover, button:hover, .button:hover {
    opacity: 0.86;
    color: #fff;
}

select {
	padding: 0 1rem;
	border: 1px solid #ddd;
}

/* ------------------------------------------ WordPress Core ---------------------------------- */
.screen-reader-text {
    display: none;
}

.gallery-caption {
    background: transparent;
}

.bypostauthor{
    background: transparent;
}

.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 {
    max-width: 100%;
    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: 100%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: inherit;
    font-style:italic;
    color:inherit;
    line-height: 17px;
    margin: 8px 0 0;
}

table {
    border-collapse: collapse;
}

table, th, td{
    border: 1px solid #ddd;
}

th, td {
    padding: 0.4em;
    text-align: center;
}

blockquote {
    border-left: 5px solid #f37e7e;
}

/* ------------------------------------ Header ------------------------------------ */
.site-header {
    position: relative;
    z-index: 10;
}

.header-v2, .header-v3 .nav-main {
	border-bottom: 1px solid #eee;
	margin-bottom: 2.5rem;
	box-shadow: 0 0 10px rgba(0,0,0,0.06);
}

.header-v3 .nav-main {
    margin: 0;
}

.header-v2 .header-content, .header-v3 .header-content {
	margin: 0px -2rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.top-search-wrap {
    display: none;
}

.top-search-wrap .search-content {
	padding: 0;
	border: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.top-search-wrap .searchform {
	width: calc(100% - 50px);
}

.top-search-wrap .close-search {
	background: #ddd;
	height: 50px;
	line-height: 50px;
	width: 50px;
	text-align: center;
	font-size: 0.775rem;
}

.top-search-wrap .searchform input {
	background: #f9f9f9;
    border: none;
}

.header-v2 .nav-wrap, .header-v3 .nav-wrap {
	margin-bottom: 0;
	border-bottom: none;
	border-top: none;
}

.site-header .social {
	font-size: 0.775rem;
	text-align: right;
}

.site-header .social a {
	margin-left: 1rem;
}

.header-v3 .social a {
	margin-left: 0;
	margin-right: 0.5rem;
}

.header-v3 .social.right-icons a {
	margin-left: 0.5rem;
	margin-right: 0;
}

.header-v2 .social a {
   margin-left: 0.5rem;
}

.site-header .social a .text {
	display: none;
}

.site-header .az-cart-total {
	position: relative;
	padding-right: 8px;
}

.site-header .az-cart-total span {
	position: absolute;
	width: 16px;
	height: 16px;
	text-align: center;
	font-size: 0.675rem;
	top: -5px;
	right: 0;
	color: #fff;
	border-radius: 50%;
	line-height: 16px;
	letter-spacing: 0;
}

.topbar {
	border-bottom: 1px solid #f9f9f9;
	box-shadow: 0 0 10px rgba(0,0,0,0.036);
}

.topbar * {
    color: inherit;
}

.topbar .topbar-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.topbar-menu {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0.775rem;
}

.topbar-menu li {
	display: inline-block;
	margin-right: 1rem;
	padding: 0.5rem 0;
}

.topbar-content .add-menu {
	padding: 0.5rem 0;
}

.header-v2 .site-logo {
	margin: 0;
}

.header-v2 .site-description {
	display: none;
}

.site-branding {
	padding: 2.5rem 0;
	text-align: center;
}

.header-v2 .site-branding {
	padding: inherit;
	text-align: left;
    max-width: 180px;
}

.site-branding .site-title {
	font-weight: 300;
	font-size: 4.5rem;
	text-transform: uppercase;
	letter-spacing: 15px;
	margin: 0;
	padding: 0;
	line-height: 1;
}

.header-v2 .site-title, .header-v2 .site-title{
	font-size: 2rem;
	letter-spacing: 2px;
}

.site-branding a, .site-branding a:hover {
	color: #1a1a1a;
}

.header-v2 .site-branding a {
	display: flex;
	align-items: center;
}

.site-branding .site-description {
	margin: 0.5rem 0 0;
	font-style: italic;
	font-size: 0.975em;
}

.nav-wrap .add-menu {
	padding: 0.775rem 0;
}

.primary-menu li {
    position: relative;
}

.primary-menu .caret {
	position: absolute;
	width: 20px;
	height: 20px;
	line-height: 20px;
	right: 0;
	font-size: 0.775rem;
	text-align: center;
	cursor: pointer;
    color: #aaa;
}

.mobile-menu-wrap {
	display: none;
	align-items: center;
	justify-content: space-between;
	padding: 0.5rem 1rem;
}

.mobile-menu-wrap a {
	position: relative;
	display: block;
	height: 20px;
	width: 30px;
}

.mobile-menu-wrap a .line {
    width: 30px;
    height: 1px;
    position: absolute;
    left: 0;
}

.mobile-menu-wrap a .line-1 {
    top: 0;
}

.mobile-menu-wrap a .line-2 {
    top: 50%;
    transform: translatey(-50%);
}

.mobile-menu-wrap a .line-3 {
    bottom: 0;
}

/*-------------------------------------------- OWL Slider -----------------------------------------*/
.owl-controls .owl-prev, .owl-controls .owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(255,255,255,0.8);
	height: 36px;
	width: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 50%;
	font-size: 0.875rem;
}

.owl-controls .owl-prev {
	left: 20px;
}

.owl-controls .owl-next {
	right: 20px;
}

/*-------------------------------------------- Blog Layout -----------------------------------------*/
.arezzo-blog .post-list {
	display: flex;
	justify-content: space-between;
}

.arezzo-blog .post-list .post-details {
	padding: 0.375rem 0 0 2rem;
	width: 60%;
}

.arezzo-blog .post-list .post-image {
	width: 40%;
	margin: 0;
}
/*-------------------------------------------- Post -----------------------------------------*/

.post {
	margin-bottom: 2.5rem;
}

.post .post-image {
	text-align: center;
	margin-bottom: 1rem;
}

.post .post-cats {
    color: #999;
}

.post .post-cats a {
	font-size: 0.775rem;
	text-transform: uppercase;
	letter-spacing: 1px;
    color: #f37e7e;
}

.post-grid .post-title {
    font-size: 1.375rem;
}

.post .post-title a {
    color: inherit;
}

.post .post-title a:hover {
    color: #f37e7e;
}

.post .post-meta {
	font-size: 0.875rem;
}

.post-meta a {
	margin-right: 10px;
	color: #999;
	font-style: italic;
}

.post .post-excerpt {
	margin: 1rem 0;
}

.post .post-content {
	margin-top: 2rem;
}

.post .post-content a {
    color: #f37e7e;
}

/* ----------------------------------------- Featured Posts Area --------------------------------------------*/
.featured-area {
    margin: 0 auto;
    max-width: 94%;
}

.featured-posts-1 .post {
	min-height: 550px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.featured-posts-1 .post .post-details {
	max-width: 80%;
	background: rgba(255,255,255,0.68);
	padding: 3rem;
}

.featured-posts-2 .post {
	display: flex;
	align-items: center;
}

.featured-area .post .post-title {
	margin-bottom: 1rem;
}

.featured-posts-1 .post .post-title {
	font-size: 1.375rem;
}

.featured-posts-2 .post > div {
    width: 50%;
    min-height: 640px;
}

.featured-posts-2 .post .post-image {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0;
}

.featured-posts-2 .post .post-details {
	padding: 3.5rem;
	display: flex;
	align-items: center;
}

.featured-posts-2 .post .post-content-inner {
	max-width: 75%;
}

.featured-posts-2 .post .post-title {
    color: #fff;
}

.featured-area .post .post-excerpt {
	margin: 0 0 1.75rem;
}

.featured-posts-2 .post .post-excerpt {
	color: #999;
}

.featured-posts-3 {
	max-width: 100%;
	margin-top: -2.5rem;
}

.site-header-v3 .featured-posts-3 {
	margin-top: 0;
}

.featured-posts-3 .post {
	min-height: 640px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
    position: relative;
}

.featured-posts-3 .post::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(0,0,0,0.6);
}

.featured-posts-3 .post .post-details {
    z-index: 2;
    position: relative;
    max-width: 50%;
}

.featured-posts-3 .post .post-cats,
.featured-posts-3 .post .post-title,
.featured-posts-3 .post .post-excerpt {
    color: #fff;
}

/* ------------------------------------------------- PromoBox ------------------------------------------------- */
.az-promo-box {
    border-bottom: 1px solid #eee;
    margin-bottom: 2.5rem;
}

.az-promo-box .az-probox-item {
    background-size: cover;
    margin-bottom: 2.5rem;
    min-height: 250px;
    position: relative;
    text-align: center;
}

.az-promo-box .az-probox-item .az-item-link {
	background: rgba(255,255,255,0.68);
	font-style: italic;
	left: 50%;
	line-height: normal;
	min-width: 50%;
	padding: 0.8rem 2rem;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 5;
}

.az-promo-box .az-probox-item .az-item-link:hover {
	background-color: #f37e7e;
    color: #fff;
}

.az-probox-item .bgoverlay {
	background: rgba(0,0,0,0.1);
	height: 100%;
	position: absolute;
	width: 100%;
}

.az-probox-item::after {
    border: 1px solid #ffffff;
    bottom: 20px;
    content: "";
    left: 20px;
    opacity: 0.68;
    position: absolute;
    right: 20px;
    top: 20px;
}

/*--------------------------------------------- Widgets -----------------------------------------*/
.widget {
    margin-bottom: 2.5rem;
}

.widget-title {
	border: 1px solid #f37e7e;
	font-size: 0.775rem;
	height: 50px;
	line-height: 50px;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 2rem;
	font-weight: 500;
	position: relative;
}

.widget a {
	color: #1a1a1a;
}

.widget a:hover {
    color: #f37e7e;
}

.widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget ul ul {
    padding-left: 15px;
}

.widget > ul > li, .widget .menu > li {
	border-bottom: 1px dashed #ccc;
	padding: 10px 0;
}

.widget > ul > li:last-child{
	border-bottom: none;
	padding-bottom: 0;
    margin-bottom: 0;
}

.widget ul .sub-menu {
	padding-top: 10px;
}

.widget .sub-menu li:last-child {
	padding-bottom: 0;
}

.widget .sub-menu li {
	padding: 10px 0;
	border-top: 1px dashed #ccc;
}

/*--------------------------------------------------- Widget: About Me --------------------------------*/
.widget_about_me .widget-content{
    text-align: center;
}

.widget_about_me .about-img {
    margin-bottom: 1.5rem;
}

.widget_about_me .about-title {
	font-size: 1rem;
	font-weight: 500;
	margin-bottom: 0.575rem;
}

.widget_about_me .widget_about_me p {
    margin: 0;
}

/* ------------------------------------------------- Widget: MailChimp ----------------------------*/
.widget_mc4wp_form_widget {
	text-align: center;
	background: #e2edf4;
	padding: 1.5rem 1.5rem 2rem;
}

.widget_mc4wp_form_widget .widget-title, .widget_search .widget-title {
	border: none;
	height: inherit;
	margin-bottom: 1rem;
	line-height: inherit;
}

.widget_mc4wp_form_widget .mc4wp-form-fields p:last-child{
    margin-bottom: 0;
}

.widget_mc4wp_form_widget .mc4wp-form label {
	font-style: italic;
	font-weight: normal;
	margin-bottom: 0.5rem;
	text-align: center;
	font-size: 0.875rem;
}

.widget_mc4wp_form_widget input[type="submit"] {
    width: 100%;
}

/* ---------------------------------------------- Widget: Categories ----------------------------------------------*/
.widget_categories .cat-item {
	text-align: right;
	color: #999;
	overflow: hidden;
}

.widget_categories .cat-item a {
	text-align: left;
	display: inline-block;
	width: 80%;
	float: left;
}

/* ---------------------------------------------- Widget: Categories Images ---------------------------------------*/
.arezzo-categories-image .category-item {
	margin-bottom: 25px;
	position: relative;
	min-height: 100px;
	background-size: cover;
	background-position: center;
	background-color: #f0f0f0;
}

.arezzo-categories-image .category-item a {
	background: rgba(255,255,255,0.86);
	font-style: italic;
	font-size: 15px;
	left: 50%;
	min-width: 120px;
	padding: 8px 15px;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}

.arezzo-categories-image .category-item a:hover {
    color: #fff;
    background-color: #f37e7e;
}

/* ------------------------------------ Widget: Search ---------------------------------------------------*/
.widget_search {
	background: #fcf2c1;
	padding: 25px 25px 25px;
}

.widget_search .widget-title{
    margin-top: -5px;
}

.widget_search  .searchform input {
	width: 100%;
}


/* ------------------------------------ Widgets: Instagram ----------------------------------------------- */
.arezzo-footer-instagram .arezzo-widget-instagram{
    margin-bottom: 0;
}

.arezzo-widget-instagram .photos {
	display: block;
    width: 100%;
}

.arezzo-widget-instagram .photos a {
	width: 16.6666%;
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	float: left;
}

.sidebar .arezzo-widget-instagram .photos {
    margin: -3px;
}

.sidebar .arezzo-widget-instagram .photos a {
	width: 33.3333%;
}

.sidebar .arezzo-widget-instagram .photos .image {
	position: absolute;
	top: 3px;
	left: 3px;
	right: 3px;
	bottom: 3px;
}

.arezzo-widget-instagram .photos a:after {
    display: block;
    padding-top: 100%;
    content: ""
}

.arezzo-widget-instagram .photos .image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: 0.69s;
}

.arezzo-widget-instagram .photos .image:after{
    position: absolute;
    content: "";
    background: #000;
    top: 0;
    left: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    transition: 0.68s;
}

.arezzo-widget-instagram .photos .image:hover:after{
    opacity: 0.5;
}

.arezzo-widget-instagram a .likes, .arezzo-widget-instagram a .comments{
    position: relative;
    z-index: 2;
    color: #fff;
    margin: 0 0.5rem;
    opacity: 0;
    transition: 0.3s;
}

.sidebar .arezzo-widget-instagram a .likes, .sidebar .arezzo-widget-instagram a .comments {
	margin: 0 0.2rem;
	font-size: 0.775rem;
}

.arezzo-widget-instagram .photos a:hover .likes, .arezzo-widget-instagram .photos a:hover .comments{
    opacity: 1;
}

.arezzo-widget-instagram .author-link {
	text-align: center;
	margin: 1rem 0;
}

.arezzo-footer-instagram .arezzo-widget-instagram .widget-title, .arezzo-footer-instagram .arezzo-widget-instagram .author-link {
	display: none;
}

/* ------------------------------------ Widget: Latest Posts ---------------------------------------- */
.widget .latest-posts li {
    padding: 20px 0;
}

.widget .latest-posts li:first-child {
    padding-top: 0;
}

.widget .latest-posts .post {
	display: flex;
	margin-bottom: 0;
}

.widget .latest-posts .post .post-image {
	width: 90px;
	margin: 0;
	position: relative;
}

.widget .latest-posts .post .post-image img {
	border-radius: 50%;
}

.widget .latest-posts .post .post-image span {
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: 0.875rem;
	border-radius: 50%;
}

.widget .latest-posts .post-details {
	width: calc(100% - 90px);
	padding-left: 1rem;
}

.widget .latest-posts .post h4 {
	font-size: 0.875rem;
}

.widget .latest-posts .post-meta a {
    color: #999;
}

/* ------------------------------------- Tags ---------------------------------------- */
.post-tags {
	margin-top: 2rem;
}

.post-tags a {
    color: #f37e7e;
}

.tagcloud a {
	border: 1px solid #ddd;
	display: inline-block;
	font-size: 14px !important;
	font-style: italic;
	margin: 0 8px 8px 0;
	padding: 0 10px;
	text-align: center;
	color: #999;
}

/*-------------------------------------- Comment -------------------------------------*/
#comments {
	margin-top: 2rem;
	border-top: 1px solid #ddd;
	padding-top: 2rem;
}

#respond {
	background: #f5f5f5;
	padding: 30px;
	margin-top: 35px;
}
#comments .comment-list{
    margin-bottom: 50px;
    padding: 0;
}
#comments ol.comment-list, #comments .comment > ol.children{list-style: none;}
.comment-list .comment-body {
	border-bottom: 1px dashed #ddd;
	margin-bottom: 0;
	padding: 25px 25px 25px 0;
	overflow: hidden;
}
.comment-body .comment-author{
    float: left;
    margin-right: 22px;
}
.comment-body .comment-author img {
	max-width: 90px;
	border-radius: 100%;
}
.comment-body .comment-content{overflow: hidden;}
.comment-body .comment-content .author-name {
  display: inline-block;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 0;
  margin-right: 20px;
  text-transform: uppercase;
}
.comment-body .comment-content .author-name a{
  color: inherit;
}
.comment-body .date-comment{
    font-size: 12px;
    color: #999999;
}
.comment-body .date-comment a{
    color: inherit;
}
.comment-body .comment-content .reply{
    float: right;
}
.comment-body .comment-content .reply a {
  background: #eeeeee none repeat scroll 0 0;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  color: #111111;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 0.75px;
  margin-left: 10px;
  padding: 5px 10px;
}
.comment-body .comment-content .reply a:hover{
    text-decoration: none;
}
.comment-body .comment-content .comment-text {
	margin-top: 5px;
}
.comment-body .comment-content .comment-text p{
    margin-bottom: 10px;
    color: #666;
}
#commentform .input-form, #commentform .textarea-form {
	border: 1px solid #ddd;
	line-height: 50px;
	margin-bottom: 30px;
	padding: 0 15px;
	width: 100%;
}
#commentform .textarea-form {
	line-height: inherit;
	padding: 15px;
}
textarea#message {
  min-height: 150px;
}
#comment_submit {
	padding: 0 40px;
}
#cancel-comment-reply-link {
  font-size: 18px;
  margin-left: 15px;
}
.comment-form-cookies-consent {
	display: table;
}
#wp-comment-cookies-consent {
	line-height: 24px;
	margin: 0;
	height: auto;
	display: table-cell;
}
.comment-form-cookies-consent label {
	margin: 0;
	padding: 0 10px;
	display: table-cell;
}
.comment-respond .form-submit{
    margin-bottom: 0;
}
/* ---------------------------------------------- Contact Form 7 --------------------------------------*/
.wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-textarea {
	border: 1px solid #ddd;
	min-width: 50%;
	padding: 10px 20px;
	width: 100%;
	margin-bottom: 30px;
	background: #f9f9f9;
}
.wpcf7-form .wpcf7-form-control-wrap {
	margin-bottom: 0px;
	display: block;
}
.wpcf7-form .wpcf7-form-control-wrap input{
	padding: 0 20px
}
.wpcf7-form .wpcf7-form-control.wpcf7-submit {
	width: 100%;
}

/* ---------------------------------------------- Page: Archive -------------------------------------*/
.archive-header {
	border: 2px dashed #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem 0;
	margin-bottom: 2.5rem;
}

.archive-header h1, .archive-header span {
	margin: 0;
	font-size: 2rem;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.archive-header span {
	color: #999;
}

/*------------------------------------ Page: Search ------------------------------------*/
.search-content .searchform input {
    width: 100%;
}

.search-content {
	border: 1px solid #ddd;
	padding: 2rem 3rem 3rem;
}

.search-content .post {
	margin-bottom: 2.5rem;
	border-bottom: 1px dashed #aaa;
	padding-bottom: 1.5rem;
}

.search-content .arezzo-pagination {
	margin: 4rem 0 1.5rem;
}

/*-------------------------------------------------- Footer --------------------------------------------- */
#footer {
	color: #fff;
	margin-top: 50px;
	overflow: hidden;
	text-align: center;
	background: #1a1a1a;
}

.single-post #footer {
    margin-top: 0;
}

#footer a {
    color: #fff;
}

.copyright > p {
  margin: 0;
}

.social-footer {
	display: flex;
	padding: 50px 0;
	border-bottom: 1px solid #222;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.social-footer a {
	color: #fff;
}

.social-footer a i {
	border: 1px solid;
	border-radius: 50%;
	font-size: 16px;
	height: 40px;
	letter-spacing: 0;
	line-height: 40px;
	text-align: center;
	width: 40px;
}

.social-footer a span {
	display: block;
	margin-top: 5px;
}

.copyright {
	padding: 50px 0;
}

/* --------------------------------------- Blog : Pagination ----------------------------------------*/
.arezzo-pagination {
	margin: 2rem 0 5rem;
	text-align: center;
	width: 100%;
}

.arezzo-pagination .nav-links {
    display: block;
    width: 100%;
}

.arezzo-pagination .page-numbers {
	background: transparent;
	border: 1px solid #eee;
	color: inherit;
	display: inline-block;
	height: 50px;
    width: 50px;
	line-height: 50px;
	margin: 0 0.1rem;
	padding: 0;
	text-align: center;
}

.arezzo-pagination .page-numbers:hover, .arezzo-pagination .page-numbers.current {
    background-color: #f37e7e;
    color: #fff;
    border-color: transparent;
}

/* ---------------------------------------- Related Posts --------------------------------------*/
.related-posts {
	background: #f5f5f5;
	padding: 2.5rem 0 0;
}

/* ---------------------------------------- Related Posts --------------------------------------*/
.page .page-image {
	margin-bottom: 1rem;
}

/* -------------------------------- Portfolio ------------------------------------*/
.single-portfolio .post .post-image {
	text-align: center;
	margin-bottom: 3rem;
}

.single-portfolio .post-content, .nav-portfolio {
    max-width: 86%;
    margin: 2rem auto;
}

.nav-portfolio {
	padding: 20px 0;
	margin: 4rem auto 5.5rem auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.nav-portfolio a {
	color: inherit;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.775rem;
	margin: 0 2rem;
}

/* --------------------------------------------------- WOO -------------------------------------------------------- */
.woocommerce div.product div.summary {
	margin: 2em 0;
}

.woocommerce-products-header {
	border: 2px dashed #ddd;
	margin-bottom: 50px;
	text-align: center;
	padding: 20px 0;
}

.post-type-archive-product .woocommerce-breadcrumb{
    display: none;
}
.woocommerce-products-header .woocommerce-products-header__title {
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 30px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	font-size: 12px;
	line-height: 50px;
	padding: 0 36px;
	font-weight: 500;
	border-radius: 0;
	height: 50px;
	color: #fff;
	letter-spacing: 2px;
	border: 0;
	background: #1a1a1a;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
	background-color: #f37e7e;
	color: #fff;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
	font-size: 1.375rem;
	padding-left: 20px;
}

.woocommerce ul.products li.product .price {
	padding-left: 20px;
    color: inherit
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #f37e7e;
}

.woocommerce .star-rating {
	color: #f37e7e;
}
.woocommerce ul.products li.product .star-rating {
	padding-left: 20px;
	width: 100%;
}
.woocommerce .star-rating::before, .woocommerce .star-rating span {
	left: 20px;
}
.single-product.woocommerce .star-rating::before, .single-product.woocommerce .star-rating span {
    left: 0;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background-color: #f37e7e;
	color: #fff;
}
.woocommerce div.product .woocommerce-tabs .panel {
	padding: 0 0 30px 0;
}
.woocommerce ul.products li.product .button {
	font-weight: 500;
	font-size: 12px;
	background: none;
	padding: 0 0 0 20px;
	margin: 0;
	text-align: left;
	line-height: 1.5;
	color: #f37e7e;
}
.woocommerce ul.products li.product .button::before {
	content: "+";
	padding-right: 5px;
	color: #f37e7e;
	font-size: 15px;
}

.woocommerce ul.products li.product .onsale, .woocommerce span.onsale {
	background-color: #f37e7e;
	text-align: center;
	font-size: 15px;
	padding: 0;
	font-weight: normal;
	font-style: italic;
}
.woocommerce .quantity .qty {
	width: 50px;
	padding: 5px;
}

.sku_wrapper span {
	display: block;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
	height: 50px;
	line-height: 50px;
	font-weight: 400;
	padding: 0;
	width: 50px;
}

.woocommerce div.product div.images .flex-control-thumbs {
	margin: 0px -5px;
	padding-top: 5px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
	padding: 5px;
	width: 20%;
}

.woocommerce div.product form.cart .button {
	line-height: 50px;
	padding: 0 20px;
	font-weight: 500;
    font-size: 12px;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color: #1a1a1a;
}
#coupon_code {
	width: 120px;
}
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
	padding: 0 36px;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
	font-size: 12px;
	padding: 0 36px;
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
	border: 1px solid #eee;
	padding: 0 2px;
	text-align: center;
}
.woocommerce form .form-row textarea {
	height: 150px;
	line-height: 1.5;
	padding: 15px 20px;
}
.select2-container--default .select2-selection--single {
	border: 1px solid #ddd;
	border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 50px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 50px;
}
.select2-container .select2-selection--single {
	height: 50px;
}
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text {
	border: 1px solid #ddd;
}
.woocommerce form .form-row .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label {
	line-height: 30px;
}
.woocommerce .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label .woocommerce-form__input {
	height: inherit;
	position: relative;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
	max-width: 100%;
	padding: 0;
}
.woocommerce form .form-row {
	width: 100%;
}
.woocommerce form .form-row label {
	display: block;
	width: 100%;
}
.woocommerce form .form-row .woocommerce-input-wrapper {
	width: 100%;
}
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
	color: #fff;
}
.woocommerce nav.woocommerce-pagination {
	text-align: center;
	margin-bottom: 100px;
}

/* ---------------------------------------- Responsive ------------------------------------------*/
@media ( min-width: 1200px )
{
    .nav-wrap {
    	margin-bottom: 2.5rem;
    	border-bottom: 1px solid #eee;
    	border-top: 1px solid #eee;
    }

    .primary-menu, .primary-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .primary-menu {
    	display: flex;
    	align-items: center;
    	justify-content: center;
    }

    .primary-menu li {
    	margin: 0 1.275rem;
    	position: relative;
    }

    .header-v2 .primary-menu > li {
       margin: 0 0.5rem; 
    }

    .header-v3 .primary-menu > li {
	   margin: 0 0.875rem;
    }

    .primary-menu a {
    	padding: 0.875rem 0;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 0.775rem;
    }

    .primary-menu ul {
    	opacity: 0;
    	position: absolute;
    	top: 100%;
    	left: 0;
    	min-width: 230px;
    	transition: 0.6s;
    	visibility: hidden;
    	background: #fff;
    	box-shadow: 0 8px 10px rgba(0,0,0,0.1);
    	border-top: 1px solid #eee;
    	padding: 0.775rem 0;
    	left: -1.5rem;
    }

    .primary-menu ul ul {
    	left: 100%;
    	top: -0.775rem;
    	border-top: 0;
    }

    .primary-menu li li {
    	margin: 0;
    }

    .primary-menu li li a {
    	padding: 0.3rem 1.5rem;
    	text-transform: none;
    	letter-spacing: 0;
    	display: block;
    }
    
    .primary-menu li.menu-item-has-children {
	   padding-right: 20px;
    }
    
    .primary-menu .caret {
    	top: 15px;
    }

    .primary-menu ul .caret {
    	top: 6px;
    	right: 6px;
    }

    .primary-menu .menu-item-has-children:hover > ul {
        opacity: 1;
        visibility: visible;
    }
}

@media ( max-width: 1199.98px )
{
    .header-v2 .header-content, .header-v3 .header-content {
        margin-left: 0;
        margin-right: 0;
    }

    .header-v1 .nav-wrap {
	   margin-bottom: 2.5rem;
	   background: #f9f9f9;
    }

    .header-v1 .nav-wrap .container {
        position: relative;
    }

    .header-v1 .mobile-primary-menu {
        width: calc(100% - 30px);
    }

    .header-v2 .header-content, .header-v3 .header-content {
        position: relative;
    }

    .header-v2 .header-content .mobile-primary-menu, .header-v3 .header-content .mobile-primary-menu{
        left: 0;
    }

    .mobile-menu-wrap {
        display: flex;
    }

    .header-v2 .mobile-menu-wrap, .header-v3 .mobile-menu-wrap {
	   background: none;
    }

    .header-v2 .mobile-menu-wrap a, .header-v3 .mobile-menu-wrap a {
	   margin-left: 1rem;
    }
    
    .primary-menu {
        display: none;
    }

    .mobile-primary-menu, .mobile-primary-menu ul {
    	list-style: none;
    	margin: 0;
        padding: 0 1rem;
    }
    
    .mobile-primary-menu ul {
        padding-right: 0;
    }

    .mobile-primary-menu {
    	background: #fff;
    	box-shadow: 0 10px 10px rgba(0,0,0,0.06);
    	padding: 0 1rem;
    	list-style: none;
    	margin: 0;
        position: absolute;
        width: 100%;
    }

    .mobile-primary-menu a {
    	display: block;
    	font-size: 0.775rem;
    	text-transform: uppercase;
    	letter-spacing: 1px;
    	padding: 0.5rem 0;
    	border-top: 1px solid #eee;
    }

    .mobile-primary-menu > li:first-child > a{
        border-top: none;
    }

    .primary-menu .caret {
    	background: #f9f9f9;
    	top: 10px;
    	border-radius: 30px;
    }

    .arezzo-blog .post-list .post-details {
    	padding: 0 0 0 2rem;
    }

    .post-list .post-title {
	   font-size: 1.5rem;
    }
}

@media ( max-width: 991.98px ) {
    .featured-posts-3 .post {
	   min-height: 500px;
    }

    .arezzo-blog .post-list .post-details, .arezzo-blog .post-list .post-image {
	   width: 50%;
    }

    .post .post-title {
	   font-size: 1.375rem;
    }

    .featured-posts-3 .post .post-content {
    	max-width: 80%;
    }

    .archive-header h1, .archive-header span {
    	font-size: 1.5rem;
    }
}


@media (max-width: 767.98px)
{
    .arezzo-blog-grid .post{
        width:100%
    }

    .featured-posts-2 .post {
    	display: block;
    }

    .featured-posts-2 .post > div {
    	width: 100%;
    	min-height: 350px;
    }

    .arezzo-blog .post-list {
        display: block;
    }

    .arezzo-blog .post-list .post-image,
    .arezzo-blog .post-list .post-details {
        width: 100%;
    }
    
    .arezzo-blog .post-list .post-image {
        margin-bottom: 1rem;
    }

    .arezzo-blog .post-list .post-details {
        padding: 0;
    }
}

@media (max-width: 575.98px) {
    .header-v1 .topbar .topbar-content {
    	display: block;
    	padding: 0.5rem 0;
    	text-align: center;
    }
    
    .header-v1 .topbar-menu li {
    	margin: 0 0.5rem;
    }
    
    .header-v1 .social {
        text-align: center;
    }
    
    .header-v1 .social a {
    	margin: 0 0.5rem;
    }
    
    .header-v1 .site-branding .site-title, .header-v3 .site-branding .site-title {
    	font-size: 3.5rem;
        letter-spacing: 10px;
    }

    .header-v3 .mobile-menu-wrap > span{
	   display: none;
    }

    .header-v3 .mobile-menu-wrap a {
	   margin-left: 0;
    }

    .header-v2 .header-content {
    	display: block;
    	padding: 0.5rem 0;
    }

    .header-v2 .nav-wrap {
    	position: relative;
    	z-index: 1;
    }

    .header-v2 .site-branding {
    	text-align: center;
    	max-width: inherit;
    }

    .header-v2 .site-branding a {
    	justify-content: center;
    }

    .header-v2 .mobile-menu-wrap {
    	display: flex;
    	align-items: center;
    	justify-content: center;
    }

    .header-v2 .mobile-menu-wrap > span, .header-v2 .mobile-menu-wrap a {
    	margin: 0 0.5rem;
    }

    .header-v2 .mobile-menu-wrap, .header-v3 .mobile-menu-wrap  {
    	padding: 1rem 0;
    }

    .header-v2 .social {
	   text-align: center;
    }

    .featured-posts-1 .post {
    	min-height: 400px;
    }

    .featured-posts-1 .post .post-details {
    	padding: 2rem;
    }

    .featured-posts-2 .post .post-image {
    	min-height: 250px;
    }
    .featured-posts-2 .post .post-details {
    	padding: 2rem;
    }

    .featured-posts-2 .post .post-content-inner {
    	max-width: 100%;
    }

    .featured-posts-3 .post {
	   min-height: 400px;
    }

    .featured-posts-3 .post .post-details {
    	max-width: 90%;
    }

    .archive-header {
    	display: block;
    	text-align: center;
    }

    .archive-header h1, .archive-header span {
    	font-size: 1.375rem;
    	display: inline-block;
    }
}