/*
Theme Name: grafx
Theme URI: http://grafxmedia.co.uk
Author: webmaster@grafxmedia.co.uk
Author URI: http://grafxmedia.co.uk
Description: grafx - A WordPress Theme
Version: 1.0.0
License: copyright 2017
License URI: http://www.grafxmedia.co.uk
Text Domain: grafx
Tags: two-columns, right-sidebar, custom-colors, portfolio, full-width-template, custom-background, custom-header, custom-menu, custom-logo, featured-images, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*shami-theme*/
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea {
	background: #f9f9f9 none repeat scroll 0 0;
	border: medium none;
	color: #a7a7a7;
	font-family: montserrat;
	font-weight: 500;
	line-height: 20px;
	padding: 20px;
	width: 100%;
}
img {
	height: auto;
}

@media (min-width: 992px) {
	.per-row-2:nth-child(2n+1) {
		clear: left;
	}
	.per-row-3:nth-child(3n+1) {
		clear: left;
	}
	.per-row-4:nth-child(4n+1) {
		clear: left;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.per-row-2:nth-child(2n+1) {
		clear: left;
	}
	.per-row-3:nth-child(2n+1) {
		clear: left;
	}
	.per-row-4:nth-child(4n+1) {
		clear: left;
	}
}

.widget .heading3 {
	float: none;
}
.search_widget > form input {
	padding: 21px 80px 21px 30px;
}

/*twitter-feed widget*/
.shami-twitter-feed ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.shami-twitter-feed ul li::before,
.shami-twitter-feed ul li::after {
	display: table;
	clear: both;
	content: '';
}
.shami-twitter-feed ul li:not(:last-child) {
	margin-bottom: 15px;
}
.shami-twitter-feed .tweets > a {
	word-break: break-all;
}
/*end twitter-feed widget*/


.subscribe_widget {
	margin: 0;
}

.column .widget_shami_nav_menu ~ .shami-newsletter-form {
	margin-top: 30px;
}

.signup-newsletter .yikes-mailchimp-container {
	float: right;
	position: relative;
}

@media (max-width: 1200px) {
	.signup-newsletter .yikes-mailchimp-container {
		float: left;
		width: 100%;
	}
}

@media (min-width: 1200px) {
	.footer_sidebar .widget {
		width: 33.33333%;
		padding: 0 15px;
	}
}

.logo.image-logo {
	padding: 0;
    margin: 0;
    width: 100%;
    max-width: 250px;
}

/*post-comment*/
.comment-form .wp-social-login-provider-list {
	padding: 0;
}
.comment-form .social-btns {
	float: none;
    margin: 15px 0;
}
.comment-form .social-btns::before,
.comment-form .social-btns::after {
	content: '';
	clear: both;
	display: table;
}
.comment-form .theme-btn {
	float: none;
}
.comment-form .comment-notes,
.comment-form .wp-social-login-widget {
	float: left;
	width: 100%;
}
.woocommerce-tabs .comment-form .submit {
	margin-bottom: 15px;
}

/*comment-list*/
.comment-list {
	margin: 30px 0 50px;
	padding: 0;
}

.comment-list,
.children {
	list-style-type: none;
}

.comment-body {
	margin: 0 0 55px;
}

.comment-author .avatar {
	border-radius: 100%;
	float: left;
	margin-right: 15px;
}

.comment-author .fn {
	text-transform: uppercase;
}

.comment-author .fn a {
	display: inline-block;
	margin: 0 0 10px;
	position: relative;
}

.comment-author .fn a:after {
	background: #555 none repeat scroll 0 0;
	bottom: -4px;
	content: "";
	height: 2px;
	left: 50%;
	margin-left: -50%;
	position: absolute;
	width: 50%;
}

.comment-author .says {
	display: none;
}

.comment-metadata {
	margin-left: 45px;
}

.comment-content {
	margin: 10px 0 0 45px;
}

.comment-content .wpulike {
	margin-bottom: 10px;
}

.comment-body .reply {
	margin: 0 0 0 45px;
	text-transform: uppercase;
}

.comment-metadata,
.comment-metadata a,
.comment-body .reply,
.comment-body .reply a {
	font-size: 12px;
}

.comment-list .children {
	padding: 0 0 0 40px;
}

.comment-body + .comment-respond {
	background-color: #fafafa;
	border-color: #eeeeee;
	border-style: solid;
	border-width: 1px 0;
	margin: 0 0 35px;
	padding: 15px 25px;
	position: relative;
}

.comment-body + .comment-respond::before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent #d5d5d5 transparent;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-top: -7px;
	margin-left: -3px;
}

.comment-body + .comment-respond .comment-reply-title {
	margin-top: 10px;
}

.comment-reply-title {
	text-transform: uppercase;
	position: relative;
}

.comment-reply-title small {
	font-size: 12px;
	position: absolute;
	right: 0;
	top: 10px;
}
/*end comment-list*/

.heading3 .cancel-reply-link {
	margin-left: 10px;
}
/*end post-comment*/

.error-holder {
	color: red;
    margin-top: 10px;
    float: left;
    width: 100%;
	text-align: center;
	font-family: 'Roboto';
	display: none;
}

.error-occurred .error-holder {
	display: block;
}

.errors-holder {
	color: red;
	float: left;
	width: 100%;
}

.account-user .wp-social-login-connect-with {
	display: none;
}

.account-user .social-btns li {
	margin-right: 3px;
}

.page-header {
	margin: 0 0 30px;
}

.page-header .page-title {
	margin-top: 0;
}

.page-template-default .entry-content .container {
	width: 100%;
}

.page-template-default .entry-content > .block {
	padding-top: 0;
	padding-bottom: 0;
}

.entry-footer {
	margin-top: 45px;
}

.single-post-infos > p.alert {
	width: 100%;
}

.single-sec .wpulike {
	margin: 15px 0;
}

.shami-wpulike .counter {
	font-size: 24px;
	margin-bottom: 20px;
}
.shami-wpulike .counter a {
	position: relative;
	margin-right: 10px;
	cursor: pointer;
}
.shami-wpulike .counter a::before {
	content: '\f08a';
	font-family: 'FontAwesome';
}
.shami-wpulike .counter a.image-unlike::before {
	content: '\f004';
}
.shami-wpulike .counter .count-box {
	color: #fff;
}

div.pagination:empty {
	display: none;
}

.vc-exists .column > .hentry {
	margin: 0;
}

.ajax-loading:not(.loading-active) {
	display: none;
}

/*woocommerce*/
.woocommerce div.product .woocommerce-tabs .panel {
	margin-bottom: 45px;
}
.upsells.products > h2,
.related.products > h2 {
	margin-bottom: 35px;
	clear: both;
}
.upsells.products > h2::before,
.upsells.products > h2::after,
.related.products > h2::before,
.related.products > h2::after {
	clear: both;
	display: table;
	content: '';
}
.upsells.products,
.related.products {
	float: left;
	width: 100%;
}
.upsells.products {
	margin-bottom: 45px;
}
.product-box:hover .product-thumb a.add-to-cart {
	width: 70px;
}
.product .summary .price {
	font-size: 1.25em
}

.woocommerce-tabs .panel {
	border: medium none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

.woocommerce .shami-wc-quantity span {
	display: table-cell;
    vertical-align: middle;
    width: 110px;
}
.woocommerce .shami-wc-quantity .input-text {
    background: #f6f6f6 none repeat scroll 0 0;
    border: medium none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    font-family: Montserrat;
    height: 48px;
    margin-bottom: 1px;
    padding: 12px 0;
    text-align: center;
    width: 100%;
}
.woocommerce .shami-wc-quantity input.userincr-btn-dec {
    background: #6a6a6a none repeat scroll 0 0;
    border: medium none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    float: left;
    font-family: Montserrat;
    height: 33px;
    line-height: 33px;
    padding: 0;
    width: 55px;
}
.woocommerce .shami-wc-quantity input.userincr-btn-inc {
    background: #6a6a6a none repeat scroll 0 0;
    border: medium none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    float: right;
    font-family: Montserrat;
    height: 33px;
    line-height: 33px;
    padding: 0;
    width: 54px;
}
.woocommerce .quantity .bootstrap-touchspin {
	width: 110px;
}
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
	color: #fff;
}
.woocommerce div.product form.cart div.quantity {
	width: 100%;
    margin-bottom: 15px;
    margin-top: 15px;
}
.cart-total-area > h2 {
	text-transform: uppercase;
}
.theme-btn.invert {
	background-color: #555555;
}
.theme-layout .woocommerce .cart-collaterals .cart-total-area .shop_table,
.theme-layout .woocommerce .shop_table {
	border: none;
	border-radius: 0;
	background-color: #fafafa;
}
.theme-layout .woocommerce .cart-collaterals .cart-total-area .shop_table th,
.theme-layout .woocommerce .shop_table th {
	color: #575757;
    font-family: Montserrat;
    font-size: 16px;
	border: none;
	padding: 15px;
}
.theme-layout .woocommerce .cart-collaterals .cart-total-area .shop_table td,
.theme-layout .woocommerce .shop_table td {
	color: #888888;
    font-size: 16px;
	border: none;
	padding: 15px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
	background-color: #f2f2f2;
    border: medium none;
    color: #a7a7a7;
    padding: 0 10px;
    line-height: 46px;
    max-width: 150px;
    width: 100%;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
	background-color: #f9f9f9;
	border: medium none;
	color: #a7a7a7;
	padding: 0 10px;
	line-height: 42px;
}
.woocommerce .checkout.woocommerce-checkout input.input-text {
	line-height: 58px;
	padding: 0 30px;
}

.checkout_coupon .theme-btn {
	padding: 11px 28px;
}
.woocommerce-checkout .col2-set {
	margin-bottom: 35px;
}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
	float: none;
	width: 100%;
	margin: 0;
}
.woocommerce-checkout .col2-set .form-row-first,
.woocommerce-checkout .col2-set .form-row-last {
	width: 49%;
}

.woocommerce-checkout .woocommerce-checkout-payment {
	margin-top: 45px;
}

.cart-collaterals .cross-sells > h2 {
	margin-bottom: 35px;
}
.cart-collaterals .cross-sells > h2::before,
.cart-collaterals .cross-sells > h2::after {
	clear: both;
	display: table;
	content: '';
}
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
	margin-top: 70px;
}

.woocommerce #customer_login .wp-social-login-provider-list {
	padding: 0;
}

.woocommerce #customer_login .wp-social-login-widget {
	margin: 0 0 6px;
}
.woocommerce #customer_login .wp-social-login-widget .social-btns {
	float: none;
}
.woocommerce #customer_login .wp-social-login-widget .social-btns::before,
.woocommerce #customer_login .wp-social-login-widget .social-btns::after {
	display: table;
	clear: both;
	content: '';
}
/*end woocommerce*/

address {
	font-style: italic;
}

.button.theme-btn,
.btn.theme-btn {
	line-height: 20px;
}

.fancy-gallery-infos p:empty {
	display: none;
}

.twitter-carousal .owl-carousel {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.wpb_content_element .wpb_wrapper::before,
.wpb_content_element .wpb_wrapper::after {
	display: table;
	clear: both;
	content: '';
}

.comment-form .wpcf7-form-control-wrap {
	position: initial;
}

span.wpcf7-not-valid-tip {
	font-weight: normal;
}

div.wpcf7-response-output {
	margin-left: 0;
	margin-right: 0;
}

.wpb_wrapper .wpb_gmaps_widget .wpb_wrapper {
	padding: 0;
}

.fixed-bg-boxed.forced-bg {
	background-image: url('images/site-bg.jpg');
}

html body.rtl #shami-theme-layout.ls-direction-fix {
	direction: rtl !important;
}

/*admin-bar*/
@media (min-width: 783px) {
	.admin-bar header.simple-header {
		margin-top: 32px;
	}
	.admin-bar.woocommerce-demo-store header.simple-header {
		margin-top: 90px;
	}
}
@media (max-width: 782px) {
	.admin-bar header.simple-header {
		margin-top: 46px;
	}
	.admin-bar.woocommerce-demo-store header.simple-header {
		margin-top: 104px;
	}
}
/*end admin-bar*/

.faq-form .faqs-loading {
	margin: 15px 0;
}

.faq-form .faqs-loading:not(.loading-active) {
	display: none;
}

.tab-image img {
	max-width: 150px;
}

.mini-gallery a img {
	max-width: 105px;
}

/*end-grafx-theme*/