/*
Theme Name: Web Graphic Designer Pro
Theme URI:  https://www.themespride.com/products/graphic-designer-wordpress-theme/
Author: themespride
Author URI: https://www.themespride.com/
Description: The Premium Graphic Designer WordPress theme is a high-quality and feature-rich solution designed specifically for graphic designers, artists, and creative professionals. As the name suggests, this is a premium theme that comes with a set of advanced and premium features to help you create a stunning website for your business or portfolio in the graphic designing industry. With its extensive range of advanced features and customizable options, this theme offers an exceptional platform to showcase design portfolios, attract clients, and elevate the online presence of graphic designers. One of the key features of the Premium Graphic Designer WordPress theme is its stunning and modern design.
Version: 1.0
Requires at least: 5.4.2 
Tested up to: 5.8
Requires PHP: 5.2.4
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: web-graphic-designer-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Web Graphic Designer Pro WordPress Theme has been created by themespride(themespride.com), 2021.
Web Graphic Designer Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */

/*********** Inter ***********/

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local('Inter Thin'), local('Inter-Thin'), url(./assets/webfonts/Inter-Thin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Inter Light'), local('Inter-Light'), url(./assets/webfonts/Inter-Light.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Inter Regular'), local('Inter-Regular'), url(./assets/webfonts/Inter-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Inter Medium'), local('Inter-Medium'), url(./assets/webfonts/Inter-Medium.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter ';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Inter SemiBold'), local('Inter-SemiBold'), url(./assets/webfonts/Inter-SemiBold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Inter Bold'), local('Inter-Bold'), url(./assets/webfonts/Inter-Bold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local('Inter ExtraBold'), local('Inter-ExtraBold'), url(./assets/webfonts/Inter-ExtraBold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Inter Black'), local('Inter-Black'), url(./assets/webfonts/Inter-Black.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root {
  
  --color-primary: #55E6A5;
 }
:root {
  --primary-font: 'Inter'; 
}
/*---------*/
html body{
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#121212;
  position:relative;
  font-size: 14px;
  color: #8f8f8f;
  overflow-x: hidden;
  font-family: var(--primary-font);
  line-height: 26px;
}
label {
  margin-bottom: 0 !important;
}
img{
  margin:0;
  padding:0;
  border:none;
  max-width:100%;
  height:auto;
}
section img{
  max-width:100%;
}
h1, h2, h3, h4, h5, h6{
  margin:0;
  padding:10px 0;
  line-height: 1.4;
  color: white;
  font-family: var(--primary-font);
  font-weight: 600;
}
p{
  margin:0 0 15px;
  font-size:14px;
  font-weight:400;
  line-height: 26px;
}
body a{
  text-decoration:none;
  color: var(--color-primary);
}
a:hover{
  text-decoration:none;
}
a:focus,a:hover{
  text-decoration:none !important;
}
ul,ol{
  margin:0 0 0 15px;
  padding:0;
}
ul li, ol li{font-size: 15px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
  background:#ececec;
}
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 70px;
  position: absolute;
  left: 0px;
  top: -7%;
  color: #7a7a7a;
}
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
blockquote cite:before {
  content: "\2014 \2009";
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],input[type="password"],
textarea{
  border:1px solid #424648;
  font-size:12px;
  padding:10px 10px;
  margin:0 0 0px 0;
  height:auto;
  width: 100%;
  background: transparent;
}
section{
  background-size: cover;
  background-repeat: no-repeat;
  padding: 30px 0;
}
select{
  padding: 6px;
}
input[type="submit"]:hover{
  cursor: pointer;
}
.wp-caption{
  margin:0;
  padding:0;
  font-size:13px;
  max-width:100%;
}
.wp-caption-text{
  margin:0;
  padding:0;
}
.gallery-caption{
  margin:0;
  padding:0;
}
.bypostauthor{
  margin:0;
  padding:0;
}
.hovereffect a {
  border: 1px solid #333;
  padding: 10px;
  color: #333333;
  font-weight: bold;
}
.carousel-inner{
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.sticky{
  margin:0;
  padding:0;
  background-color:#d7d7d7;
}
.alignleft,
img.alignleft{
  display: inline;
  float: left;
  margin-right:20px;
  margin-top:4px;
  margin-bottom:10px;
  padding:0;
  padding:5px;
}
.alignright, img.alignright {
  display: inline;
  float: right;
  padding:5px;
  margin-bottom:10px;
  margin-left:25px;
  padding:5px;
}
.aligncenter, img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
  padding:5px;
}
.comment-list{
  border-radius: 30px;
  padding: 10px 10px;
}
.comment-body {
    background: #F7F7F7;
    border-radius: 30px;
    padding: 20px 20px;
}
.comment-list .comment-content ul {
  list-style:none;
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
table, td, th {
  border: 1px solid #cccccc;
  text-align: center;
}
.post-template-default input[type="text"], input[type="tel"], input[type="email"], input[type="phno"], input[type="password"] {
  width: 100%;
  margin-top: 0px;
  float: unset;
  margin-left: 0px;
}
.post-template-default textarea {
  background: white7d;
  border: 1px solid #414647;
}
a:hover {
    color: var(--color-primary);
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 0.75em;
  table-layout: fixed;
  width: 100%;
  text-align: center;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
    border: 1px solid #fff;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 700;
  margin-bottom: 1.75em;
  color: #000;
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: var(--color-primary);
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}
.widget th,
.widget td {
  padding: 5px;
}
/*--------------------------  Theme Button  --------------------------*/
.woocommerce a.button, .woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.added_to_cart, a.custom_read_more{
  padding: 12px 20px;
}
.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce input.button.alt {
  background-color: var(--color-primary);
  border-radius: 30px;
  padding: 10px 14px;
  color: #fff;
}
.theme_button a, a.theme_button2, a.theme_button, .woocommerce a.button, .woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.added_to_cart, input[type="submit"], a.custom_read_more, .custom_cart a, table.compare-list .add-to-cart td a:not(.unstyled_button), button#bmi_submit, .contact-box .contac_form input[type="submit"], input[type="submit"], .contact_shortcode input[type="submit"]{
  font: 500 14px var(--primary-font);
  display: inline-block;
  padding: 13px 30px;
  border-radius: 0px;
  border: none;
  position: relative;
  z-index: 1;
  transition: all 0.4s ease 0s;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background-color: var(--color-primary);
  color: white;
}
a.theme_button, .contact_shortcode input[type="submit"]{
  background-color: white;
  color: #000000;
}
.contact-box .contac_form input[type="submit"] {
  border: none;
  background-color: #000;
  color: white;
}
a.theme_button2, .theme_button:hover, .newsletter_shortcode input[type="submit"], input[type="submit"]{
  background-color: var(--color-primary);
  color: #000000;
}
.theme_button2 i {
  transform: rotate(45deg);
}
.theme_button2{
  transform: scale(1.1,1.1);
}
.theme_button2:hover{
  transform: scale(1,1);
  transition:all 0.4s ease-out 0s;
  color:#000000;
}
/*----- Site Frame -------*/
.site-frame{
  top: 0;
}
.site-frame, .site-frame:after {
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 99999;
  background: #000;
}
.site-frame:after {
  bottom: 0;
}
.site-frame-sides:before, .site-frame-sides:after {
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  top: 0;
  position: fixed;
  z-index: 1405;
  background: #000;
}
.site-frame-sides:after {
  right: 0;
}
/* --------- Widget Text ------- */
.textwidget p {
  padding-top: 15px;
  padding-bottom: 15px;
}
#sidebar form {
  margin-top: 5px;
}
/*--- Preloader 1 ---*/
.spinner-loading-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #121212;
  cursor: pointer;
  z-index: 999999;
}
.preloarder{
  position:absolute;
  width:100px;
  height:70px;
  display:inline-block;
  transform-origin:center;
  animation:preloarder 1.5s linear infinite;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.preloarder .SpanLoad{
  display:flex;
  justify-content:center;
}
.preloarder span{
  position:absolute;
  width:15px;
  height:15px;
  background:#fff;
  transform-origin:center 35px;
  border-radius:50%;
}
.preloarder span:first-child{
  opacity:.1;
}
.preloarder span:nth-child(2){
  transform:rotate(36deg);
  opacity:.2;
}
.preloarder span:nth-child(3){
  transform:rotate(72deg);
  opacity:.3;
}
.preloarder span:nth-child(4){
  transform:rotate(108deg);
  opacity:.4;
}
.preloarder span:nth-child(5){
  transform:rotate(144deg);
  opacity:.5;
}
.preloarder span:nth-child(6){
  transform:rotate(180deg);
  opacity:.6;
}
.preloarder span:nth-child(7){
  transform:rotate(216deg);
  opacity:.7;
}
.preloarder span:nth-child(8){
  transform:rotate(252deg);
  opacity:.8;
}
.preloarder span:nth-child(9){
  transform:rotate(288deg);
  opacity:.9;
}
.preloarder span:nth-child(10){
  transform:rotate(324deg);
  opacity:1;
}
@keyframes preloarder{
  0%{
    transform:rotate(0deg) scale(1);
  }
  100%{
    transform:rotate(360deg) scale(1);
  }
}
/*------------------ Comments BOX ------------------*/
#comments h2.comments-title{
  color: #13182c;
  font-weight: normal;
  font-size: 30px;}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;}
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  padding:12px 10px;
  font-size:18px;
  color: #000;
  float: unset;
  background: #fff;
  border: 1px solid #414647;}
#comments p.comment-form-comment label{
  display: block;
  margin-bottom: 10px !important;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;}
#comments .comment-content{
  width:90%;
  text-align:left;
  margin-left:7%;}
#comments .comment-author{
  margin-bottom: 1em;}
#comments h2#reply-title {
  display: inline-table;
  text-align: center;
  color: white;
  font-size: 30px;}
#comments .comment-author.vcard img {
    padding: 2px;
    border-radius: 50%;}
#comments .comment-author .fn, #comments .comment-author .says{
  color: #13182c;}
#comments ol{
  list-style-type: none;
  margin-left: 0;}
#comments .comment-meta{
  color: var(--color-primary);
  font-weight: bold;}
#comments .comment-body p{
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 27px;
  color: #90939c;}
#comments .reply a {
  background-color: var(--color-primary);
  color: white;
  font-weight: bold;
  padding: 8px 20px 8px 20px;
  font-size: 13px;
  width: 56%;
  position: relative;
  margin-top: -10%;
}
#comments ol li{
  padding-bottom: 30px;
}
.post-navigation .nav-previous .meta-nav, .post-navigation .nav-next .meta-nav{
  background-color: var(--color-primary);
  padding: 8px 20px 8px 20px;
  color: white;
  border-radius: 30px;
}
.attachment #sidebar{
  margin-top: 2em;
}
/*--------------- Sidebar -----------------*/
.home .post-section .container{
  margin-top: 200px;
}
 .wp-block-search__label{
  padding-left: 10px;
}
#sidebar .textwidget label {
  width: 100%;
  float: left;
  margin-bottom: 0;
}
#sidebar .textwidget input[type="submit"] {
  background: #333;
  border: none;
  color: white;
  padding: 14px 0;
  font-size: 15px;
  margin: 0;
  width: 100%;
}
#sidebar form{
  display: table;
  width: 100%;
}
#sidebar h3, label.wc-block-product-search__label, #sidebar h2 {
  color: white;
  font-weight: 700;
  padding: 0px;
  font-size: 16px;
  position: relative;
  margin-bottom: 10px;
  background-color: var(--color-primary);
  display: inline-block;
  padding: 7px 20px;
  border-radius: 20px;
  margin-bottom: 20px !important;
  margin: 0 auto;
  text-align: center;
}
#sidebar ul li{
  font-size: 13px;
  /*border-bottom: 1px solid #e1e1e1;*/
}
.widget_categories ul li.cat-item:before, .widget_archive li:before, .widget_meta li:before, .widget_recent_comments li:before {
  content: '\f101';
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
  margin-right: 8px;
}
.widget_categories select {
  width: 100%;
  padding: 6px;
}
#sidebar input[type="search"] {
  background: transparent;
  padding: 10px 10px;
  border: 1px solid #ccc;
  font-size: 14px;
  color: #000;
  width: 100%;
}
#sidebar input[type="search"]:focus{
  outline: unset;
}
#sidebar label{
  width:100%;
  margin-bottom:0;
}
#sidebar input[type="submit"]{
  border: none;
  color: #fff;
  padding: 12px 10px;
  font-size: 13px;
  margin: 0px 0;
  background-color: var(--color-primary);
  width: 29%;
}
#sidebar aside {
  margin-bottom: 40px;
  padding: 15px;
  border: 1px solid #ebebeb;
}
#sidebar ul {
  list-style:none;
  margin:0;
  padding:0;
  font-size:17px;
}
#sidebar ul li{
  line-height: 32px;
}
#sidebar ul li a{
  color:#8f8f8f;
}
#sidebar .tagcloud a{
  background:#13182c;
  color:#fff;
  font-size:15px !important;
  padding:5px 18px;
  margin:10px 0 5px;
  display:inline-block;
}
#sidebar .tagcloud a:hover{
  background:#13182c;
}
#sidebar .widget_recent_entries ul li{
  background: none;
}
#sidebar .post-content {
  line-height: 20px;
}
/*---- About Widget css ----*/
p.custom_author, p.custom_designation  {
  font-weight: 600;
  margin: 10px 0;
  font-size: 15px;
}
a.custom_read_more {
  padding: 10px;
  background: var(--color-primary);
  display: inline-block;
  color: #fff;
  font-weight: 600;
}
#footer p.custom_desc{
  margin-bottom: 10px;
}
/*---------------- Pagination ----------------*/
.navigation {
  font-size:14px;
  font-weight:bold;
}
.navigation a, .post-navigation .nav-previous a,
.post-navigation .nav-next a {
  padding: 0;
  background: transparent;
}
.navigation span.post-title{
  color: white;
  background: transparent;
}
.navigation span, .navigation a {
  display: block;
  float: left;
  padding: 10px 0px;
  margin-bottom: 10px;
  color: #fff;
  font-weight: 500;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  background-color: var(--color-primary);
}
.navigation span{
  margin-right: 10px;
}
.navigation span.meta-nav {
  font-weight: bold;
}
.navigation .current{
  background: #333333;
  color:white;
  font-weight:normal;
}
.page-template-default #comments{
	display: none;
}
.woocommerce span.onsale {
  background-color: var(--color-primary);
  padding: 0;
}
.woocommerce .products ul li, .woocommerce ul.products li{
  text-align: center;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-weight: 600;
  font-size: 18px;
}
.woocommerce div.product div.images .flex-control-thumbs li img{
  padding: 5px;
}
.woocommerce div.product div.images .flex-control-thumbs li img{
  opacity: 1;
}
span.posted_in {
  display: block;
}
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .button{
  margin: 0;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price {
  color: var(--color-primary);
}

.woocommerce ul.products li.product .star-rating {
  float: none;
  margin: 0 auto;
  margin-bottom: 10px;
}
.woocommerce button.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover, .woocommerce #respond input#submit:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover{
  background: #000;
  color: #fff;
}
#contentwoocom {
    padding: 20px 15px;
}
.woocommerce div.product form.cart .button {
    border: solid 1px var(--color-primary);
}
.woocommerce-message {
    border-top-color: var(--color-primary);
}
.woocommerce-message::before {
    content: "\e015";
    color: var(--color-primary);
}
.woocommerce-input-wrapper textarea, .woocommerce-input-wrapper input[type="tel"], .woocommerce-input-wrapper input[type="email"]{
    background: unset;
    border: 1px solid #000;
}
.woocommerce-billing-fields__field-wrapper p, .woocommerce-additional-fields__field-wrapper p{
  color: #292b2c;
}
.coupon input{
  margin-top: 0% !important;
}
.woocommerce nav.woocommerce-pagination ul li span{
  background: #fff !important;
  color: #000 !important;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background: var(--color-primary);
}
#footer .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #fff;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #000;
}
#sidebar .widget.woocommerce form{
  border: 0;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
  width: 50px;
  height: 50px;
}
.woocommerce-product-search input[type="search"]{
  width: 100%;
  border: 1px solid #000 !important;
  margin-bottom: 10px;
}
#footer .woocommerce-product-search input[type="search"]{
  border: 1px solid #fff !important;
}
.woocommerce-product-search button[type="submit"]{
  background: #00cdfc;
  color: #000;
  padding: 10px;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 500;
  width: 100%;
  border: none;
}
.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li{
  padding: 0 0 10px 2em !important;
  margin-top: 10px;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove{
  top: 8px;
}
#footer .tagcloud a{
  font-size: 15px !important;
  padding: 10px;
  margin: 0 10px 10px 0;
  display: inline-block;
  border: 1px solid var(--color-primary);
}
#footer .tagcloud a:hover{
  background: var(--color-primary);
  color: #fff;
}
.select2-container--default .select2-selection--single{
  height: 45px;
  border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  padding: 7px 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 8px;
}
.bg-fixed {
  background-attachment: fixed;
}
.bg-scroll {
  background-attachment: scroll;
}

/*-------------- Woocommerce ---------------*/
.woocommerce .summary h1 {
  font-size: 28px;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 20px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price, .woocommerce li.woocommerce-MyAccount-navigation-link.is-active a {
  color: var(--color-primary);
}
#contentwoocom {
  padding: 20px 15px;
}
h2.woocommerce-loop-product__title, .woocommerce ul.products li.product .price, .woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, h2.woocommerce-loop-category__title {
  text-align: center;
}
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
}
li.product {
  border: 1px solid var(--color-cccccc);
  padding-bottom: 17px;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2 {
  max-width: 100%;
}
input#password, input#reg_password {
  padding: 10px;
}
.woocommerce div.product form.cart .variations select {
  background-color: white;
}
#customer_details .col-1, #customer_details .col-2 {
  max-width: 100%;
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
  width: 100%;
  max-width: 100%;
}
.woocommerce a.added_to_cart {
  display: table;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 20px;
}
.woocommerce .star-rating span::before {
    color: var(--color-primary);
}
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale {
  background-color: var(--color-primary);
  color: white;
  padding: 6px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  left: unset;
  border-radius: 0;
  min-width: 20px !important;
  min-height: 25px;
  top: 15px;
  left: 9px !important;
  right: unset;
}
.woocommerce .quantity input {
  padding: 8px 0px;
  border: 1px solid black;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  margin-right: 8px;
  border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding-left: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: white !important;
  font-weight: 400;
}
.woocommerce div.product .woocommerce-tabs .panel {
  border: 1px solid #f4f4f9;
  padding: 17px;
  padding-top: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-bottom: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  border: none !important;
  box-shadow: none;
  display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  display: none;
}
.related.products {
  padding-top: 30px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce span.onsale, .woocommerce div.product .woocommerce-tabs ul.tabs li {
  background-color: var(--color-primary);
}
.woocommerce nav.woocommerce-pagination ul li {
  border-right: none;
  margin: 0 3px;
}
.woocommerce nav.woocommerce-pagination ul {
  border: none;
}
.related.products h2, .woocommerce div.product .woocommerce-tabs .panel h2 {
  text-transform: capitalize;
  font-size: 24px !important;
}
.related.products h2.woocommerce-loop-product__title {
  font-size: 18px !important;
  letter-spacing: 0;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2 {
  max-width: 100%;
}
input#password, input#reg_password {
  padding: 10px;
}
.woocommerce div.product form.cart .variations select, .woocommerce li.woocommerce-MyAccount-navigation-link.is-active {
  background-color: white;
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
  width: 100%;
  max-width: 100%;
  padding: 0;
}
.woocommerce li.woocommerce-MyAccount-navigation-link.is-active {
  border: 1px solid var(--color-primary);
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
  width: 48%;
  height: 42px;
}
.woocommerce .woocommerce-MyAccount-content .form-row {
  display: block !important;
}
.woocommerce .woocommerce-MyAccount-navigation ul {
  list-style-type: none;
  border: 1px solid white;
  margin-left: 0;
}
.woocommerce .woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid white;
  padding: 10px 25px 10px 15px;
  background-color: var(--color-primary);
}
.woocommerce .woocommerce-MyAccount-navigation ul li:last-child {
  border: none;
}
.woocommerce .woocommerce-MyAccount-navigation ul li a {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
  color: white;
  font-weight: bold;
}
.woocommerce form .form-row.woocommerce-invalid label {
  color: #8fa3aa;
}
.woocommerce .form-row {
  display: unset;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
  width: 100%;
}
.woocommerce #order_review table th {
  text-align: left;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
  padding: 20px;
}
.woocommerce .woocommerce-result-count {
  font-size: 14px;
  letter-spacing: 1px;
  color: var(--color-222222);
  font-weight: 500;
}
.woocommerce-message {
  border-color: var(--color-primary);
}
.woocommerce-message::before {
  color: var(--color-primary) !important;
}
.woocommerce-message {
  font-size: 14px;
  letter-spacing: 1px;
  color: var(--color-222222);
  font-weight: 500;
}
.woocommerce .product_meta span {
  margin-right: 10px;
}
.woocommerce .woocommerce-cart-form__cart-item a {
  color: var(--color-222222);
  font-weight: bold;
}
.woocommerce .woocommerce-cart-form__cart-item td, .woocommerce table.shop_table td, .woocommerce .woocommerce-error, .woocommerce table.shop_table th {
  color: var(--color-222222);
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
  color: var(--color-222222);
  display: inline-block !important;
}
.inner_layout nav.woocommerce-MyAccount-navigation ul li {
  background-color: var(--color-primary);
  margin-bottom: 4px;
}
.woocommerce-MyAccount-navigation {
  margin-bottom: 20px;
}
.woocommerce-Reviews .comment-form .comment-form-author, .woocommerce-Reviews .comment-form .comment-form-email, .woocommerce-Reviews .comment-form .comment-form-url {
  width: 49%;
}
.widget span.count {
  float: right;
}
.up-sells.upsells.products {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.woocommerce-product-search button {
  font-size: 14px;
  color: white;
  font-weight: 700;
  background-color: var(--color-primary);
  display: inline-block;
  padding-right: 10px;
  text-align: center;
  padding: 10px 15px;
  text-align: center;
  border: navajowhite;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
  top: 14px;
}
.woocommerce-info {
  border-top-color: var(--color-primary);
}
.woocommerce ul.products li.product .price ins {
  font-size: 14px !important;
}
.woocommerce ul.products li.product .button {
  margin-top: 1em;
  margin: 12px auto;
  text-align: center;
  display: table;
}
.woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after{
      vertical-align: middle;
}
.recent-post .media img {
  width: 30%;
  margin-right: 10px;
}
.recent-post a{
  color: black;
  font-weight: 600;
}
.recent-post span.post_date {
  display: block;
}
.custom-about-us {
  text-align: center;
}
.custom-about-us img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
}
#sidebar label {
  width: 100%;
  margin-bottom: 10px !important;
}
button.wc-block-product-search__button {
  background-color: var(--color-primary);
  border: none;
  padding: 10px;
}
.contact_widget .media a {
  color: #cfd3d7;
}
.contact_widget .media i {
  padding-top: 6px;
  padding-right: 15px;
  font-size: 16px;
  color: var(--color-primary);
}
button.wp-block-search__button {
  background-color: var(--color-primary);
  color: white;
  font-weight: 700;
  border: none;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  padding: 10px;
}
.recent-post span.post_date i {
  padding-right: 5px;
}
.search-no-results input.search-field {
  padding: 4px;
  margin: 0;
}
.side-navigation ul li.current-menu-item.menu-item-has-children>a:after{
  display: none;
}
.project-meta span{
  font-weight: 700;
}
.social-profiles i {
  padding-right: 10px;
}
/*---------------- Section Heading-----------------*/
.section_main_head.heading-half-width {
  max-width: 50%;
  margin: 0 auto;
}
.section_main_head .section-text, .section_main_head .section-text p {
  margin-bottom: 0;
  color: white;
  font-weight: 400;
  font-size: 14px;
}
#about-us .section-text, #about-us .section-text p {
  max-width: 100%;
  margin: 0;
}
.section_main_head h6 {
  color: white;
  font-weight: 400;
  position: relative;
  font-size: 12px;
  letter-spacing: 0.1em;
}
.section_main_head.white_head h3{
  color: white;
}
.section_main_head.white_head .section-text, .section_main_head.white_head .section-text p {
  color: #e3e3e3;
}
.section_main_head h3 {
  position: relative;
  color: white;
  font-weight: 300;
  font-size: 28px;
  padding-top: 0;
}
.section_main_head {
  max-width: 38%;
  margin: 0 auto;
}
.head_full_width{
  max-width: 100%;
  margin: 0;
}
