Edit File - File Manager

Edit File: style.css

/*
Skin Name: Magazine
Version: 1.0
Demo URI: https://themify.me/demo/themes/ultra-magazine/
Required Plugins: 
*/

/************************************************************************************
GENERAL
*************************************************************************************/
body {
	font-family: 'Fira Sans', sans-serif;
}
a {
	color: #000;
}
a:hover,
.post-nav a:hover .arrow {
	color: #000;
}
blockquote {
	color: #000;
	border-left: 5px solid rgba(0,0,0,.1);
	font-family: 'Playfair Display', serif;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.5em;
	padding: 0 0.85em;
}
blockquote:before {
	display: none;
}

/* HEADINGS
================================================ */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Playfair Display', serif;
}
h3 {
	font-size: 1.2em;
	margin: 0 0 1.6em;
}

/* FORM
================================================ */
textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week] {
	border-color: #ccc;
	border-radius: 0;
	margin: 0;
	max-width: none;
	padding-left: 1.2em;
	padding-right: 1.2em;
}
textarea {
	min-height: auto;
}
/* form button */
input[type=reset], input[type=submit], button[type=submit] {
	background: #000;
	border-radius: 0;
	border: 1px solid #434343;
	color: #fff;
	padding: 1.1em 1.45em;
	line-height: normal;
	letter-spacing: .19em;
	font-weight: normal;
	font-size: .9em;
	float: right;
}
#commentform label,
label {
	text-transform: none;
}
#commentform p label {
	transform: translate(21px, 32px);
}
#commentform textarea {
	height: 155px;
}
#commentform .form-submit:after {
	content: "";
	clear: both;
	display: table;
}

/* FANCY HEADING
================================================ */
.fancy-heading {
	font-weight: normal;
}
.fancy-heading .main-head {
	text-transform: uppercase;
	letter-spacing: .2em;
}
.fancy-heading .sub-head {
	padding-top: 1.25em;
}
.fancy-heading .sub-head:before {
	border-width: 5px;
	width: 70px;
	padding: 0;
}
.fancy-heading .sub-head:after {
	content: "";
	border-bottom: 1px solid #e5e5e5;
	position: absolute;
	top: auto;
	width: 100%;
	left: 0;
}

/************************************************************************************
HEADER
*************************************************************************************/
/* SITE LOGO
================================================ */
#site-logo {
	font-family: 'Playfair Display', serif;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: -.005em;
	text-transform: none;
}

/* MAIN NAVIGATION
================================================ */
#main-nav a {
	font-size: .875em;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	position: relative;
	margin: 0 .7em;
}
#main-nav .mega-menu-posts a,
#main-nav ul a {
	font-size: 100%;
	font-weight: normal;
	letter-spacing: 0;
	margin: 0;
}
#main-nav .mega-menu-posts .post {
	text-align: left;
	border: none;
}
#main-nav .mega-menu-posts .post-title {
	text-align: left;
	font-family: inherit;
}
body:not(.mobile_menu_active) #main-nav > .page_item_has_children > a:before,
body:not(.mobile_menu_active) #main-nav > .menu-item-has-children > a:before {
    content: "";
    line-height: 1;
    cursor: pointer;
    position: absolute;
    left: 100%;
    top: 50%;
    transition: transform .3s ease-in-out;
    border: 4px solid transparent;
    border-top-color: inherit;
    margin-top: -2px;
}
#main-nav li:not(.themify-widget-menu) > ul,
#main-nav .has-mega-sub-menu .mega-sub-menu,
#main-nav .has-mega-column > .sub-menu,
#main-nav li.menu-item-object-tbuilder_layout_part > .sub-menu {
	border-radius: 0;
}

/* current link */
#main-nav a:hover,
#main-nav .current_page_item > a,
#main-nav .current-menu-item > a {
	color: #000;
}

/* CART ICON
================================================ */
#cart-icon {
	display: flex;
	align-items: flex-end;
}
.cart-wrap a span {
	background-color: #000;
	color: #fff;
	margin-left: -3px;
	padding: 2px 5px 0px;
	line-height: 1.6em;
}

/* SEARCH LIGHTBOX
================================================ */
.search-option-tab li:hover a,
.search-option-tab li.active a {
	box-shadow: inset 0 -3px 0 0 rgb(0,0,0);
}
.search-results-wrap .view-all-button {
	border: 1px solid #e5e5e5;
	padding: 1em 1.35em;
	font-weight: normal;
	line-height: normal;
}
.view-all-button:after {
	display: none;
}

/* HEADER WIDGETS
================================================ */
.header-widget .widgettitle {
	font-family: 'Fira sans', sans-serif;
	font-size: 1em;
	letter-spacing: .19em;
	margin: 0 0 .9em;
}

/* HEADER TOP WIDGETS
================================================ */
body:not(.mobile_menu_active).header-top-widgets #site-logo a {
	font-size: 3em;
	line-height: normal;
}
body:not(.mobile_menu_active).header-top-widgets.fixed-header-on #site-logo a {
	font-size: 100%;
}
body:not(.fixed-header-on).header-top-widgets #site-logo {
	margin-right: 0;
}
.header-widget-full .header-widget-inner .widgettitle {
	text-align: left;
}
.header-widget-full .header-widget-inner .widgettitle:before {
	margin-left: 0;
}
.header-top-widgets .header-widget .header-widget-inner {
	overflow: visible;
}
body:not(.mobile_menu_active).header-top-widgets .header-widget .header-widget-inner {
	padding: 0 20px;
	box-sizing: border-box;
}
.header-widget-full {
	background-color: #000;
	color: #fff;
}
.header-widget-full .header-widget-inner {
	width: auto;
}
.header-top-widgets #searchform-wrap,
.header-top-widgets .header-bar {
	float: none;
}
.header-top-widgets #headerwrap {
	border-bottom: 1px solid rgba(0,0,0,.1);
}
body:not(.mobile_menu_active).header-top-widgets #header {
	text-align: center;
	padding-bottom: 0;
}
body:not(.mobile_menu_active):not(.fixed-header-on).header-top-widgets .sidemenu-off .navbar-wrapper,
body:not(.mobile_menu_active):not(.fixed-header-on).header-top-widgets #header {
	display: block;
}
body:not(.mobile_menu_active).header-top-widgets .sidemenu-off #main-nav-wrap {
	justify-content: center;
}
.header-top-widgets .sidemenu-off #main-nav {
	float: none;
}
.header-top-widgets #main-nav >li > a:after {
	content: '';
	display: block;
	width: 100%;
	border-bottom: 5px solid;
	position: absolute;
	bottom: -1px;
	left: 0;
	transition: transform 0.3s ease-in-out;
	transform: scaleX(0);
}
.header-top-widgets #main-nav >li.has-sub-menu > a:after {
	width: 110%;
}
.header-top-widgets #main-nav > li:hover > a:after,
.header-top-widgets #main-nav .current_page_item > a:after,
.header-top-widgets #main-nav .current-menu-item > a:after {
	transform: scale(1);
}
.header-top-widgets #main-nav .has-mega-column > .sub-menu,
.header-top-widgets #main-nav .has-mega-sub-menu .mega-sub-menu {
	top: auto;
}
.header-widget-full .header-widget-inner .widget {
	display: inline-block;
	margin: .5em 0;
}
.header-widget-full .header-widget-inner .widget + .widget {
	margin-left: 1.2em;
}
#headerwrap .header-widget-full #searchform .icon-search:before {
	font-size: 1.2em;
	padding: .4em;
}
.header-widget-full .social-links li {
	margin: .5em 1.6em .4em 0;
}
.header-widget-full .social-links a {
	text-transform: uppercase;
	color: #fff;
	letter-spacing: .05em;
}
.header-widget-full .social-links .icon-medium i {
	font-size: .9em;
	margin-right: .65em;
}
.header-widget-full .col4-2:last-child {
	text-align: right;
}

body:not(.mobile_menu_active).header-top-widgets #headerwrap.fixed-header #header {
	padding: 0;
}
.header-top-widgets .fixed-header #main-nav >li > a {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}

/* HEADER BLOCK
================================================ */
body:not(.mobile_menu_active).header-block #site-logo a {
	font-size: 3em;
	line-height: normal;
}
body:not(.mobile_menu_active).header-block.fixed-header-on #site-logo a {
	font-size: 100%;
}
.header-block #headerwrap.fixed-header .header-bar #site-logo {
	margin-top: 0;
}

/* BOXED COMPACT
================================================ */
.boxed-compact #site-logo {
	margin-top: 0;
}
.boxed-compact #header .social-widget {
	margin-top: 5px;
}
.boxed-compact .search-button {
	margin-top: 3px;
}
.boxed-compact .header-widget .header-widget-inner {
	overflow: visible;
}

/* HEADER OVERLAY
================================================ */
.header-overlay #main-nav a {
	margin: 0;
}

/* HEADER STRIPE
================================================ */
.header-stripe #main-nav a {
	margin: 0 .6em;
}

/* HEADER LEFTPANE & RIGHTPANE & MINBAR
================================================ */
.header-minbar #main-nav a,
.header-leftpane #main-nav a,
.header-rightpane #main-nav a {
	margin: 0;
}
.header-minbar .header-widget .widgettitle,
.header-leftpane .header-widget .widgettitle,
.header-rightpane .header-widget .widgettitle {
	text-align: left;
}
.header-minbar .header-widget .widgettitle:before,
.header-leftpane .header-widget .widgettitle:before,
.header-rightpane .header-widget .widgettitle:before {
	margin-left: 0;
}

/* HEADER MAGAZINE
================================================ */
.header-magazine .header-widget .header-widget-inner {
	overflow: visible;
}
.header-magazine .header-widget .widgettitle {
	text-align: left;
}
.header-magazine .header-widget .widgettitle:before {
	margin-left: 0;
}

/* HEADER TOPBAR
================================================ */
.header-top-bar #main-nav-wrap {
	margin-top: 5px;
}

/* HEADER BOTTOM
================================================ */
.header-bottom #main-nav-wrap {
	margin-top: 8px;
}
.header-bottom #footerwrap {
	overflow: visible;
}
.header-bottom .section-col + .footer-text {
	overflow: hidden;
}

/* HEADER CLASSIC
================================================ */
.header-classic .header-widget .widgettitle {
	text-align: left;
}
.header-classic .header-widget .widgettitle:before {
	margin-left: 0;
}

/* HEADER MENU SPLIT
================================================ */
.header-menu-split #main-nav-wrap {
	margin-top: 5px;
}

/* ALL HEADER - MENU DROPDOWN
================================================ */
.header-overlay #main-nav > .page_item_has_children > a:before,
.header-overlay #main-nav > .menu-item-has-children > a:before,
.header-slide-out #main-nav > .page_item_has_children > a:before,
.header-slide-out #main-nav > .menu-item-has-children > a:before,
.header-leftpane #main-nav > .page_item_has_children > a:before,
.header-leftpane #main-nav > .menu-item-has-children > a:before,
.header-rightpane #main-nav > .page_item_has_children > a:before,
.header-rightpane #main-nav > .menu-item-has-children > a:before,
.header-minbar #main-nav > .page_item_has_children > a:before,
.header-minbar #main-nav > .menu-item-has-children > a:before {
	display: none;
}
.header-top-bar #site-logo,
.header-bottom #site-logo,
.header-slide-out #site-logo,
.header-overlay #site-logo {
	vertical-align: sub;
}

/* SECTION SCROLL
================================================ */
.full-section-scrolling #footerwrap {
	overflow: visible;
}
.full-section-scrolling .section-col + .footer-text {
	overflow: hidden;
}

/* TRANSPARENT HEADER
================================================ */
.transparent-header #main-nav > li:hover > a,
.transparent-header #main-nav > .current-menu-item > a,
.transparent-header #main-nav > .current_page_item > a {
	color: #fff;
}

/************************************************************************************
POST
*************************************************************************************/
/* POST TITLE
================================================ */
.post-title {
	font-size: 2.2em;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.2em;
}
.post-title a {
	color: #1a1a1a;
}

/* POST META
================================================ */
.post-meta {
	text-transform: uppercase;
}
.post-meta a {
	color: #000;
}
.post-meta .post-author:after,
.post-meta .post-category:after,
.post-meta .post-tag:after {
	transform: none;
}

.loops-wrapper .post {
	text-align: left;
}
.loops-wrapper .entry-content {
	clear: both;
}

/* POST DATE
================================================ */
/* single post date */
.single.single-fullwidth-layout .featured-area .post-image + .post-content .post-date-wrap,
.single .has-post-thumbnail .post-date-wrap {
	margin-top: .7em;
}
.single .post-content .post-date-wrap:not(.post-date-inline),
.single .post-content .post-date-wrap:not(.post-date-inline) .post-date {
	width: 90px;
	height: auto;
	min-height: 140px;
	border-radius: 0;
	box-sizing: border-box;
	float: left;
	margin-right: 1.9em;
}
.single .post-content .post-date-wrap:not(.post-date-inline) .post-date {
	padding: 1em 0;
}
.single .post-content .post-date-wrap:not(.post-date-inline) .post-date:before {
	content: "";
	display: block;
	border-top: 5px solid #000;
	margin-top: -1px;
	position: absolute;
	top: 0;
	left: 1.325em;
	right: 1.325em;
}
.single .post-content .post-date {
	border: 1px solid rgba(0,0,0,.1);
	background: 0;
	color: #000;
	position: relative;
	text-align: center;
}
.single .post-meta,
.single .post-title {
	text-align: left;
}
.single .entry-content {
	clear: both;
}

.single.single-slider-layout .featured-area .single-slider + .post-content .post-date-wrap:not(.post-date-inline),
.single.single-slider-layout .featured-area .post-image + .post-content .post-date-wrap,
.single.single-fullwidth-layout .featured-area .post-image + .post-content .post-date-wrap {
	margin-top: auto;
	margin-right: auto;
	float: none;
}
.single.single-slider-layout .featured-area .post-title,
.single.single-slider-layout .featured-area .post-meta,
.single.single-fullwidth-layout .featured-area .post-image + .post-content .post-title,
.single.single-fullwidth-layout .featured-area .post-image + .post-content .post-meta {
	text-align: center;
}

.single.single-split-layout .featured-area .post-content .post-date {
	color: inherit;
}
.single.single-split-layout .featured-area .post-content .post-date,
.single.single-split-layout .featured-area .post-content .post-date:before {
	border-color: inherit;
}

/* list-post post date */
.loops-wrapper.list-post .has-post-thumbnail .post-date-wrap {
	margin: 0;
}
.loops-wrapper.list-post .post-date-wrap:not(.post-date-inline),
.loops-wrapper.list-post .post-date-wrap:not(.post-date-inline) .post-date {
	width: auto;
	height: auto;
	border-radius: 0;
	box-sizing: border-box;
	display: block;
	text-align: initial;
	margin: 0 0 .2em;
}
.loops-wrapper.list-post .post-content .post-date {
	background: 0;
	color: inherit;
	opacity: .6;
}
.loops-wrapper.list-post .post-date span {
	display: inline-block;
}
.loops-wrapper.list-post .post-date .month,
.loops-wrapper.list-post .post-date .day,
.loops-wrapper.list-post .post-date .year {
	font-size: 100%;
	text-transform: none;
}

.loops-wrapper.list-post .post {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: .8em;
	margin-bottom: 1.2em;
}
.loops-wrapper.list-post .post-image {
	margin-bottom: .55em;
}
.loops-wrapper.list-post .post-content-inner {
	display: flex;
	flex-direction: column;
}
.loops-wrapper.list-post .post-title {
	order: -1;
	line-height: 1.3em;
	letter-spacing: -.045em;
	margin-bottom: .25em;
}
.loops-wrapper.list-post .post:not(.has-post-thumbnail) .post-meta {
	order: -2;
}
.loops-wrapper.list-post .post-image + .post-content .post-category {
	position: absolute;
	left: 0;
	top: 0;
}
.loops-wrapper.list-post .post-image + .post-content .post-category:after {
	display: none;
}
.loops-wrapper.list-post .post-image + .post-content .post-category a {
	background-color: #1a1a1a;
	color: #fff;
	padding: .9em 1.9em;
	display: inline-block;
	margin-bottom: 5px;
}

/* post title size in various grid */
.col2-1 .loops-wrapper.list-post .post-title,
.col3-2 .loops-wrapper.list-post .post-title,
.col4-3 .loops-wrapper.list-post .post-title,
.col4-2 .loops-wrapper.list-post .post-title {
	font-size: 2.4em;
	margin-bottom: .25em;
}
.col3-1 .loops-wrapper.list-post .post-title {
	font-size: 1.6em;
	margin-bottom: .25em;
}
.col4-1 .loops-wrapper.list-post .post-title {
	font-size: 1.3em;
	margin-bottom: .25em;
}

/* post date */
.loops-wrapper:not(.list-thumb-image):not(.list-post) .post-date-wrap .post-date span {
	display: block;
}
.loops-wrapper:not(.list-thumb-image):not(.list-post) .post-date-wrap .post-date .day {
	font-size: 2em;
}
.grid4 .post-date-wrap,
.grid3 .post-date-wrap,
.grid2 .post-date-wrap {
	width: 50px;
	min-height: 70px;
	border-radius: 0;
	box-sizing: border-box;
	float: left;
	margin-right: 1.1em;
	margin-bottom: 1em;
}
.grid4 .post-date,
.grid3 .post-date,
.grid2 .post-date {
	border: 1px solid rgba(0,0,0,.1);
	background: 0;
	color: #000;
	position: relative;
	text-align: center;
	padding: 1em 0;
}
.grid4 .post-date:before,
.grid3 .post-date:before,
.grid2 .post-date:before {
	content: "";
	display: block;
	border-top: 5px solid #000;
	margin-top: -1px;
	position: absolute;
	top: 0;
	left: 1.325em;
	right: 1.325em;
}
.grid3 .post-date-wrap {
	width: 70px;
	min-height: 90px;
	margin-right: 1.1em;
}
.grid2 .post-date-wrap {
	width: 90px;
	min-height: 120px;
	margin-right: 1.1em;
}

/* COMMENT LIST
================================================ */
.commentlist .comment-author:after {
	content: "";
	clear: both;
	display: table;
}
.commentlist .comment-author {
	margin-bottom: .7em;
}
.commentlist .avatar {
	border-radius: 0;
	float: left;
	margin-right: 22px;
}
.commentlist cite {
	font-size: 1em;
	font-weight: normal;
	font-family: 'Playfair Display', serif;
	display: block;
	letter-spacing: -.02em;
}
.commentlist cite:after {
	display: none;
}
.commentlist .comment-time {
	color: #999;
}
.commentlist .commententry {
	padding-bottom: 1.85em;
}
.commentlist .comment-reply-link {
	border-radius: 0;
	border: 1px solid #e5e5e5;
	background: 0;
	color: #999;
	display: inline-block;
	line-height: normal;
	letter-spacing: .175em;
	font-size: .9em;
	padding: .35em .95em;
}
.commentlist .comment-reply-link:hover {
	border-color: #000;
	background: #000;
	color: #fff;
}

/* RELATED POSTS
================================================ */
.related-posts {
	border: none;
}
.woocommerce .related > h2, .woocommerce-page .related > h2,
.woocommerce .upsells > h2, .woocommerce-page .upsells > h2
.comment-title, .comment-reply-title,
.related-posts .related-title {
	font-weight: normal;
	font-size: 1.2em;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 1.25em;
	letter-spacing: .16em;
	margin: 0 0 1.75em;
}
.woocommerce .related > h2:after, .woocommerce-page .related > h2:after,
.woocommerce .upsells > h2:after, .woocommerce-page .upsells > h2:after,
.comment-title:after, .comment-reply-title:after,
.related-posts .related-title:after {
	content: "";
	display: block;
	border-bottom: 1px solid #e5e5e5;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
}
.woocommerce .related > h2:before, .woocommerce-page .related > h2:before,
.woocommerce .upsells > h2:before, .woocommerce-page .upsells > h2:before,
.comment-title:before, .comment-reply-title:before,
.related-posts .related-title:before {
	content: "";
	display: block;
	border-top: 5px solid;
	width: 70px;
	margin: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.related-posts .post-category a {
	background-color: #1a1a1a;
	color: #fff;
	padding: 1.3em 2.5em;
	display: inline-block;
	margin-bottom: 5px;
}
.related-posts .post-image + .post-content .post-category {
	position: absolute;
	top: 1px;
	left: 0;
}
.related-posts .post-title {
	font-size: 1.4em;
	margin-top: .4em;
	letter-spacing: -.01em;
	line-height: 1.2em;
}

/* POST NAVIGATION
================================================ */
.post-nav {
	font-family: 'Playfair Display', serif;
	border-top: 1px solid rgb(0,0,0,.1);
}
.post-nav .prev,
.post-nav .next {
	padding: 0;
	padding-top: 1.4em;
}
.post-nav a {
	font-size: 1.45em;
	letter-spacing: -.025em;
	line-height: 1.4em;
}
.post-nav .arrow {
	color: #000;
}
.post-nav .next .arrow:before,
.post-nav .prev .arrow:before {
	content: "";
	display: block;
	border-top: 5px solid;
	width: 70px;
}

/************************************************************************************
PAGE NAVIGATION
*************************************************************************************/
.pagenav {
	margin-top: 2.6em;
}
.pagenav .current,
.pagenav a {
	padding: .5em;
	margin: 0 3px;
	min-width: auto;
	min-height: auto;
	line-height: normal;
	box-sizing: border-box;
	border: none;
	border-radius: 0;
	border-bottom: 3px solid transparent;
}
.pagenav a:hover,
.pagenav .current {
	border-color: #000;
	color: #000;
	text-decoration: none;
}

/************************************************************************************
SIDEBAR
*************************************************************************************/
.widgettitle {
	font-size: 1.25em;
	font-weight: normal;
	font-family: 'Playfair Display', serif;
	letter-spacing: .21em;
	text-transform: uppercase;
	text-align: center;
}
.widgettitle:before {
	content: "";
	display: block;
	border-top: 5px solid;
	width: 70px;
	margin: auto;
	margin-top: -1px;
	padding-top: 1.25em;
}
.widget li {
	padding: .2em 0;
}
#sidebar input {
	width: 100%;
	max-width: 100%;
	margin: 0;
	margin-bottom: 10px;
}
#sidebar input[type="radio"],
#sidebar input[type="checkbox"] {
	width: auto;
	margin: auto;
}
#sidebar .widgettitle {
	border-bottom: 1px solid #e5e5e5;
}
#sidebar .widgettitle:before {
	display: none;
}
#sidebar .widgettitle:after {
	content: "";
	display: block;
	border-bottom: 5px solid;
	width: 70px;
	margin: auto;
	padding-top: 1.85em;
}
.widget .feature-posts-list .feature-posts-title {
	font-family: 'Playfair Display', serif;
	font-size: 1.15em;
}

/************************************************************************************
FOOTER
*************************************************************************************/
#footerwrap {
	padding-top: 0;
	border-top: 1px solid rgba(0,0,0,.1);
}

/* FOOTER LOGO
================================================ */
#footer-logo {
	font-family: 'Playfair Display', serif;
	font-variant: small-caps;
	letter-spacing: -0.05em;
	color: #000;
	padding-top: 1em;
	margin-bottom: 1.15em;
}
.footer-nav {
	margin: 0;
	margin-bottom: 1em;
}
.footer-horizontal-left .footer-nav,
.footer-horizontal-right .footer-nav {
	padding-top: 1.8em;
}

/* FOOTER BACK TO TOP
================================================ */
.footer-tab,
#pagewrap .back-top.back-top-float {
	background-color: #000;
}
#pagewrap #footerwrap .back-top.back-top-float .arrow-up a,
.footer-horizontal-left .back-top .arrow-up a,
.footer-horizontal-right .back-top .arrow-up a,
.footer-left-col .back-top .arrow-up a,
.footer-right-col .back-top .arrow-up a {
	background-color: #000;
	color: #fff;
}
.footer-horizontal-left .back-top, .footer-horizontal-right .back-top,
.footer-left-col .back-top, .footer-right-col .back-top {
	top: -35px;
}

/* FOOTER WIDGETS
================================================ */
.footer-widgets .widget {
	margin-top: 0;
}
.footer-widgets .widgettitle {
	color: #000;
	font-family: 'Fira sans', sans-serif;
	font-size: 1em;
	font-weight: 600;
	letter-spacing: .19em;
	text-align: left;
	margin: 0 0 1.4em;
}
.footer-widgets .widgettitle:before {
	display: none;
}
.footer-widgets .widget:before {
	content: "";
	display: block;
	border-top: 5px solid #000;
	width: 70px;
	margin-top: -1px;
	padding-top: 1.85em;
}

/* FOOTER TEXT
================================================ */
.section-col + .footer-text {
	position: relative;
	padding: 1.1em 0;
	margin-top: 1em;
	font-weight: normal;
	font-size: .95em;
	border-top: 1px solid rgba(0,0,0,.05);
}
.section-col + .footer-text .one,
.section-col + .footer-text .two {
	display: inline-block;
	vertical-align: middle;
}
.section-col + .footer-text .one {
	margin-right: .4em;
}

/* FOOTER LAYOUTS
================================================ */
.footer-block .footer-widgets .widgettitle {
	text-align: center;
}
.footer-block .footer-widgets .widget:before {
	margin: auto;
}
.footer-block .footer-widgets .widget {
	margin-top: auto;
}

/************************************************************************************
WOOCOMMERCE
*************************************************************************************/
/* ARCHIVE PRODUCTS
================================================ */
/* Sale */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
	background-color: #000;
}

/* archive product title */
.module-products .wc-products .product h3,
.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: 'Playfair Display', serif;
	font-weight: normal;
	letter-spacing: normal;
	margin: 0 0 .2em;
}
.woocommerce ul.products li.product a img {
	margin: 0 0 1.35em;
}
.woocommerce ul.products li.product .price {
	font-weight: bold;
	margin: 0 0 .4em;
	transform: none;
	transform-origin: center;
	transition: .7s;
}
.woocommerce ul.products li.product .price del {
	color: #363636;
}
.woocommerce .woocommerce-ordering {
	margin: -1.6em 0 8em;
}
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
	border: 1px solid #e5e5e5;
	font-weight: bold;
	font-size: .9em;
	padding: 1em 1.35em;
	padding-right: 3em;
	outline: none;
	text-transform: uppercase;
}
.woocommerce .woocommerce-ordering:after,
.woocommerce-page .woocommerce-ordering:after {
	margin-left: -1.8em;
}
.module-products .wc-products .product h3 a {
	color: inherit;
}

/* SINGLE PRODUCTS
================================================ */
/* Title */
.woocommerce div.product .product_title {
	font-size: 1.625em;
  	font-weight: bold;
	letter-spacing: 0;
	margin: 0 0 .33em;
}

/* price */
.woocommerce #content div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    font-size: 1em;
    margin: 0 0 .75em;
    transform: none;
}
.woocommerce #content div.product p.price,
.woocommerce div.product p.price {
    font-size: 1.5em;
}
.woocommerce #content div.product p.price del,
.woocommerce #content div.product span.price del,
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
	color: #363636;
}

/* quantity */
.woocommerce div.product form.cart {
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding-bottom: 2.25em;
	margin-bottom: 1.3em;
}
.woocommerce .quantity .qty {
	padding: .6em .5em;
}
.product_meta {
	text-transform: none;
}

/* breadcrumb */
.woocommerce .woocommerce-breadcrumb {
	color: #000;
	font-weight: bold;
}
.woocommerce .woocommerce-breadcrumb a {
	color: #999;
}

/* message, info, error */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
	border-color: #e5e5e5;
}
.woocommerce-error:before,
.woocommerce-info:before,
.woocommerce-message:before {
    color: #000;
}

/* tabs */
.woocommerce #content div.product .woocommerce-tabs ul.tabs {
	margin: 0 0 2.2em;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li {
	text-transform: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	font-weight: normal;
	letter-spacing: 0;
	padding: 1.05em 1.45em;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active {
	border-color: #000;
}
#commentform .comment-form-rating label {
	font-weight: normal;
}
#commentform .comment-form-rating label,
#review_form #commentform .comment-form-rating .stars {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	line-height: 1;
}
#review_form #commentform .comment-form-rating .stars {
	margin-left: 1em;
	font-size: 1.1em;
}
.woocommerce p.stars a {
	margin: 0 .06em;
}

/* WOOCOMMERCE CART
================================================ */
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
	width: 7.5em;
	padding: .6em;
}

/* WOOCOMMERCE CHECKOUT
================================================ */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 40px;
	border-radius: 0;
	border-color: #ddd;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 40px;
	padding-left: 1.2em;
	padding-right: 1.2em;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	right: 1.2em;
}
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true] {
	background-color: #000;
	color: #fff;
}
.select2-results__option {
	margin: 0;
}
.select2-dropdown {
	border-radius: 0;
}

/************************************************************************************
BUILDER STYLING
*************************************************************************************/
/* BUILDER BUTTON
================================================ */
.module-products .woocommerce .add_to_cart_button,
#slide-cart .button,
.woocommerce ul.products li.product .add_to_cart_button, .woocommerce ul.products li.product .button[data-product_id], .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce button.button.alt.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
	border-radius: 0;
	background: #000;
	color: #fff;
	font-weight: 600;
	font-size: .825em;
	text-transform: uppercase;
	padding: 1em 1.35em;
	letter-spacing: .025em;
}
.module.module-buttons {
	text-transform: uppercase;
	font-weight: 600;
}
.builder_button {
	background: 0;
}
.builder_button span {
	letter-spacing: .2em;
	font-size: .9em;
}
.ui.builder_button {
	padding: 1em 1.35em;
}

/************************************************************************************
MOBILE MENU ACTIVE
*************************************************************************************/
.mobile_menu_active .header-widget .widgettitle {
	text-align: left;
}
.mobile_menu_active .header-widget .widgettitle:before {
	margin-left: 0;
}
.mobile_menu_active.header-top-widgets #main-nav >li > a:after {
	transform-origin: left;
	width: 100%;
	display: block;
}

/************************************************************************************
RESPONSIVE 
*************************************************************************************/
@media screen and (max-width: 680px) {
	.col2-1 .loops-wrapper.list-post .post-title,
	.col3-2 .loops-wrapper.list-post .post-title,
	.col4-3 .loops-wrapper.list-post .post-title,
	.col4-2 .loops-wrapper.list-post .post-title,
	.col3-1 .loops-wrapper.list-post .post-title,
	.col4-1 .loops-wrapper.list-post .post-title {
		font-size: 1.8em;
	}
}

Back to File Manager