/*
Theme Name: Twigbe
Theme URI:
Description: Twigbe theme which needs Peepso
Author:
Author URI:
Template: peepso-theme-gecko
Version: 3.9.1.0
*/

body a {
    text-decoration: none;
}

.logged-in .hide-for-loggedin {
  display: none!important;
}

.dokan-dashboard-content {
    display: none !important;
}

.pagination__next {
    opacity: 0;
    visibility: hidden;
}

/* .collection__image {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    background-color: #D1D5DB;
    height: 40vh;
    overflow: hidden;
} */

.collection__image img {
    max-height: 100%;
    width: auto;
}

.collection__cta.show {
    display: block;
}

.collection__cta.hidden {
    display: none;
}

/**
    Fancybox
*/
a[data-fancybox] img {
    cursor: zoom-in;
  }

  .fancybox__container {
    --fancybox-color: #334155;
    --fancybox-bg: #fff;

    --fancybox-content-color: #6B7280;
    --fancybox-content-bg: #fff;

    --fancybox-thumbs-width: 48px;
    --fancybox-thumbs-ratio: 1;

    --carousel-button-svg-stroke-width: 1.5;
    --carousel-button-svg-filter: none;
  }


/**
  *  Fancybox
  */

  /**
  *  Navigation buttons
  */
  .fancybox__nav {
    --carousel-button-bg: #E5E7EB;

    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;

    --carousel-button-svg-stroke-width: 3;
  }

  .fancybox__nav .carousel__button.is-next {
    right: 30px;
  }

  .fancybox__nav .carousel__button.is-prev {
    left: 30px;
  }

  .carousel__button.is-close {
    top: 0;
    right: 0;
    z-index: 10;
  }

  /**
  *  Toolbar
  */

  .fancybox__toolbar {
    padding: 0;

    background: var(--fancybox-bg);
    text-shadow: none;

    --carousel-button-svg-width: 24px;
    --carousel-button-svg-height: 24px;
  }

  .fancybox__toolbar {
    display: flex;
    border-bottom: 1px solid #E5E7EB;
  }

  /**
  * Thumbnails
  */
  .carousel__slide.has-thumb {
    padding: 5px;
    margin: 16px 8px;
    border: 1px solid #D1D5DB;
    border-radius: 4px;
  }

  .is-nav-selected .fancybox__thumb::after {
    display: none;
  }

  .carousel__slide.has-thumb:hover,
  .carousel__slide.has-thumb.is-nav-selected {
    border-color: #6B7280;
  }

  .carousel__slide.has-thumb.has-video {
    --fancybox-thumbs-ratio: 16 / 9;
  }

  .carousel__slide.has-thumb.has-video .fancybox__thumb::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    background-position: center center;
    background-size: 60% 60%;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 24.38"><path d="M35.46 3.81A4.58 4.36 0 0032.24.75C29.37 0 17.93 0 17.93 0S6.48 0 3.63.72c-1.54.4-2.8 1.6-3.23 3.1-.75 2.72-.75 8.37-.75 8.37s0 5.68.75 8.37a4.58 4.36 0 003.22 3.07c2.9.75 14.3.75 14.3.75s11.45 0 14.32-.72a4.58 4.36 0 003.22-3.07c.75-2.72.75-8.37.75-8.37s.03-5.68-.75-8.4zm0 0" fill="white"/><path d="M14.29 17.4l9.51-5.21-9.51-5.22zm0 0" fill="black"/></svg>');
  }

  /*
   Gallery styling
  */
  .gallery:after {content:"";display:table;clear:both;}

img.aligncenter, div.aligncenter, figure.aligncenter, img.wp-post-image {display:block; margin:1em auto;}
img.alignright, div.alignright, figure.alignright {float:right; margin:1em 0 1em 2em;}
img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {float:left; margin:1em 1em 2em 0;}
figure {max-width: 100%; height: auto; margin:1em 0;}
p img.alignright, p img.alignleft {margin-top:0;}


.gallery figure img {max-width:100%; height:auto; margin:0 auto; display:block;}


.gallery figure {float:left; margin:0 2% 1em 0;}


.gallery.gallery-columns-1 figure {width:100%; margin:0 0 1em 0; float:none;}


.gallery.gallery-columns-3 figure {width:32%;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+3) {margin-right:0;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+4) {clear:left;}


.gallery.gallery-columns-2 figure {width:49%;}
.gallery.gallery-columns-2 figure:nth-of-type(even) {margin-right:0;}
.gallery.gallery-columns-2 figure:nth-of-type(odd) {clear:left;}


.gallery.gallery-columns-4 figure {width:23.25%;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+4) {margin-right:0;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+5) {clear:left;}


.gallery.gallery-columns-5 figure {width:18%;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+5) {margin-right:0;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+6) {clear:left;}


.gallery.gallery-columns-6 figure {width:14.2%;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+6) {margin-right:0;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+7) {clear:left;}


.gallery.gallery-columns-7 figure {width:12%;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+7) {margin-right:0;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+8) {clear:left;}


.gallery.gallery-columns-8 figure {width:10.2%;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+8) {margin-right:0;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+9) {clear:left;}


.gallery.gallery-columns-9 figure {width:8.85%;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+9) {margin-right:0;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+10) {clear:left;}


@media (max-width:767px) {
	img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {display:block; margin:1em auto; float:none;}
	.gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure {width:100%; margin:0 0 1em 0; float:none;}
}

/**
    Basic modal setup
*/
.modal {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
  }

  /* Modal Content/Box */
  .modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
  }

  /* The Close Button */
  .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }

  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    animation-name: animatetop;
    animation-duration: 0.4s
  }

  /* Add Animation */
  @keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
  }

/**
    Form styling
*/
.collection-form-group {
    margin-bottom: 1rem;
}

.form-image-thumb {
    display: inline-block;
    vertical-align: top;
    margin: 0 1rem;
}

.form-image-scroll-area {
    max-height: 70vh;
    overflow: scroll;
}

.form-image-thumb img.wp-post-image {
    max-width: 70px;
    height: auto;
    margin: 0;
}

.pagination__next{
  display: none !important;
}




/* =============== WP CUSTOMISE CSS ================ */


/* user twige page product image */
.page-id-1413 img.productimg {
    min-height: 150px;
	max-height: 150px;
}

/* twige filter page */
.page-id-1019 img.productimg {
    min-height: 50px;
	max-height: 50px;
}

   #mainfilterdiv
         {
             margin-left: 1%;
             width: 32% !important;
            float: left;
        }
@media only screen and (min-width: 801px)
     {
 .mainform
    {
    margin-bottom: 4em;
    }
      .page-id-1019 img.productimg {
    min-height: 150px !important;
	max-height: 150px !important;
}


        .categorymain
        {
            width: 33% !important;
             float: left;
        }
        .categorymainleft
        {
            width: 32% !important;
             float: left;
            margin-left: 5px;
        }




  }
      @media only screen and (max-width: 415px) and (min-width: 400px)
      {
            .fourdiv img
            {
                max-width: 67% !important;
            }
    }
    @media only screen and (max-width: 400px) and (min-width: 300px)
      {
            .fourdiv img
            {
                max-width: 75% !important;
            }
    }


    .hvrbox,.hvrbox *
    {
        box-sizing: border-box;
    }
    .hvrbox
    {
        position: relative;
        display: inline-block;
        overflow: hidden;
        max-width: 100%;
        height: auto;
    }
    .hvrbox img
    {
        max-width: 100%;
    }
    .hvrbox .hvrbox-layer_bottom
    {
     display: block;
    }
    .hvrbox .hvrbox-layer_top
    {
        opacity: 0;
        position: absolute;
        top: 300px;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;

        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        padding: 15px;
        -moz-transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -ms-transition: all 0.4s ease-in-out 0s;
     transition: all 0.4s ease-in-out 0s;
    }
    .hvrbox:hover .hvrbox-layer_top,.hvrbox.active .hvrbox-layer_top
    {
        opacity: 1;
    }
    .hvrbox .hvrbox-text
    {
        text-align: center;
        font-size: 18px;
    }
    .hvrbox .hvrbox-text_mobile
    {
        font-size: 15px;
        border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
        border-top: 1px solid rgba(179, 179, 179, 0.7);
        margin-top: 5px;
        padding-top: 2px;
        display: none;
    }
    .hvrbox.active .hvrbox-text_mobile
    {
        display: block;
    }
   #mainfilterdiv
   {
    margin-top: 1em;

    background-color: #fff;
    }

    .productimgfil
    {
        width: 288px;
    }
    .twigetext
    {
     float: left;
    }
    .authorimg
    {
        float: left;
        width: 12%;
    }
    .blankdiv
    {

    min-height: 2em !important;
    }




/* end twige filter page */


/* twige hover box*/
.twigetext {
	width: 80% !important;
}
.hvrbox,.hvrbox *
    {
        box-sizing: border-box;
    }
    .hvrbox
    {
        position: relative;
        display: inline-block;
        overflow: hidden;
        max-width: 100%;
        height: auto;
    }
    .hvrbox img
    {
        max-width: 100%;
    }
    .hvrbox .hvrbox-layer_bottom
    {
     display: block;
    }
    .hvrbox .hvrbox-layer_top
    {
        opacity: 0;
        position: absolute;
        top: 70%;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        padding: 15px;
        -moz-transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -ms-transition: all 0.4s ease-in-out 0s;
     transition: all 0.4s ease-in-out 0s;
    }
    .hvrbox:hover .hvrbox-layer_top,.hvrbox.active .hvrbox-layer_top
    {
        opacity: 1;
    }
    .hvrbox .hvrbox-text
    {
        text-align: center;
        font-size: 18px;
    }
    .hvrbox .hvrbox-text_mobile
    {
        font-size: 15px;
        border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
        border-top: 1px solid rgba(179, 179, 179, 0.7);
        margin-top: 5px;
        padding-top: 2px;
        display: none;
    }
    .hvrbox.active .hvrbox-text_mobile
    {
        display: block;
    }
/* twige images css*/
/* twige page css */
@media (min-width: 61.25em){
.page-id-1019 .main {
	width: 80%;
}
	.page-id-1413 .main {
	width: 80%;
}

}
/* end twige page css */

.blankimage {
 visibility: hidden !important;
}
.threeimage {
    width: 42% !important;
    }
.col-sm-12.threeimagecenter
{
    text-align: center !important;
    }


/* hide page titles */
.peepso-page header.entry-header{
	display:none !important;
}
/* end hide page titles */

/* Removing the twige image border */
.fourdiv {
    border: none !important;
}
.firstdiv {
    border: none !important;
}
.seconddiv {
    border: none !important;
}
#twigepre {
    background-color: #fff;
}
/* dokan dashborad css*/
@media only screen and (min-width: 800px) {
	.dokan-dashboard .dokan-dashboard-wrap {
    width: auto;
    margin-left: 20%;
    margin-right: 20%;
}
.dokan-dashboard .dokan-dashboard-content {
	width: 77% !important;
}
.dokan-dashboard .dokan-dash-sidebar {
	width: 22% !important;
}
.dokan-settings-content .dokan-settings-area .dokan-banner {
	width: 431px !important;
}
}
@media only screen and (max-width: 799px)
{
.dokan-dashboard .dokan-dash-sidebar #dokan-navigation {
	background: #ffc107 !important;
}
}

#peepso_page_title {
    display: none;
}
.blankdiv {
	    border: none !important;
    min-height: 98px;
}

/*vendor dashborad show */
.dokan-dashboard-content {
    display: block !important;
}
/* hide the menu in vendor dashborad */
li.reviews {
    display: none !important;
}
li.followers {
    display: none !important;
}
li.support {
    display: none !important;
}


.acf-field input[type="search"], .acf-field input[type="url"]{
	color: var(--GC-COLOR--TEXT) !important;
    background-color: var(--GC-COLOR--APP) !important;
    border: none !important;
    border-radius: var(--radius) !important;
    box-shadow: inset 0 0 0 1px var(--DIVIDER--LIGHT) !important;
    outline: none !important;
    transition: box-shadow .2s ease !important;
    -webkit-appearance: none !important;

}
#twige_packages .select2-container--default .select2-selection--multiple{
	border:none !important;
}


.seconddiv {
    text-align: center;
}
.fourdiv {
    text-align: center;
}

img.custom-logo {
    height: 47px !important;
}

/* hide the unwanted menu vikrant added css */

.ps-navbar.js-toolbar {
    display: none;
}
.ps-navbar__menu i {
    display: contents;

}
.dashboard-widget.products {
    display: none;
}
.dashboard-widget.sells-graph {
    display: none;
}
.dashboard-widget.big-counter {
    display: none;
}
.dashboard-widget.orders {
    display: none;
}
#dokan-navigation li.reports {
    display: none;
}
#dokan-navigation li.return-request {
    display: none;
}
#dokan-navigation li.coupons {
    display: none;
}
#dokan-navigation .ps-navbar__menu i {
    display: none !important;

}
/* end css*/


.mycred-table tfoot {
    display: none;
}
.pagination li {
	list-style: none;
	    padding: 8px;
    float: left;
}
.row.pagination-top {
    display: none;
}

.mypointstest {
    float: left;
}
#searchresult i.gcis.gci-angle-right {
    display: none;
}
#searchresult a.ps-post__subtitle {
    display: none;
}

.inneraction {
    width: 90%;
    float: left;
}
.facebookbutton {
	padding-top: 15px;
    width: 10%;
    float: left;
}
.ps-comments {
    clear: both;
}

.maindiv {
	display:none;
    width: 400px;
}

.onediv{
		text-align: center;
		width:100%;
		float:left;
		margin:1px;
		border:1px solid rgba(70, 77, 87, 0.1) ;
	}
	.oneproductimg{
		height:400px;
		width:400px;
	}
	.outter{
		width:100%;
		float:left;
		margin:0px auto;
		text-algin:center;
	}
.seconddiv{
		width:49%;
		float:left;
		margin:1px;
		border:1px solid rgba(70, 77, 87, 0.1) ;
	}
	.firstdiv {
    float: left;
    width: 98.2%;
    margin: 1px;
    border: 1px solid rgba(70, 77, 87, 0.1);
    text-align: center;
}

.fourdiv{
		width:49%;
		float:left;
		margin:1px;
		border:1px solid rgba(70, 77, 87, 0.1) ;
	}



@media only screen and (max-width: 570px) {
	.fourdiv img {
		max-width: 100% !important;
	}

	input#acf-field_60437fcbf927a {
    float: left;
    width: 80% !important;
}
#acf-field_60437fe8f927c {
    float: left;
    width: 80% !important;
}
	.pageOption {
    border: 1px solid rgba(70, 77, 87, 0.1);
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 13em !important;
    height: 10em !important;
}

}


@media only screen and (max-width: 800px) {
	.fourdiv img {
		max-width: 91% !important;
	}
	#second_img img {
    height: 168px !important;

}
	#third_img img {
    height: 168px !important;

}

	div#collaborate_store {
    width: 100%;
}
	input#acf-field_60437fcbf927a {
    float: left;
    width: 90%;
}
#acf-field_60437fe8f927c {
    float: left;
    width: 90%;
}
div#first_img {
    width: 100%;
}


			#mobimage2 {
    padding-left: 110px;
}
img#mobimage1 {
    padding-right: 128px;
    padding-bottom: 41px;


}
			.pageOption {
		border:1px solid rgba(70, 77, 87, 0.1) ;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  width: 16em; height: 11em;
}
.option, .option img {  width: 100%; height: 100%; }
.option {
  overflow: hidden;
  position: absolute;
  /* arctan(27 / 40) = 34.01935deg
   * need to skew by 90deg - 34.01935deg = 55.98065deg
  */
  transform: skewX(-55.98deg);
}
.option:first-child {

  transform-origin: 100% 0;
}
.option:last-child {

  transform-origin: 0 100%;
}
.optiontwo{

	right: 2em ;
  transform-origin: 0 100%;

}
.option img { opacity: .75; transition: .5s; }
.option img:hover { opacity: 1; }

.option img, .option:after {
  transform: skewX(55.98deg);
  transform-origin: inherit;
}
.option:after {
  position: absolute;
  margin: .5em 1.65em;
  color: white;
  font: 500 1.25em Courier;
  letter-spacing: .1em;
  text-transform: uppercase;
  content: attr(data-inf);
}
.option:first-child:after { top: 0; left: 0; }
.option:last-child:after { right: 0; bottom: 0; }


}
@media only screen and (max-width: 415px) and (min-width: 400px)  {
	.fourdiv img {
    max-width: 80% !important;
}

}
@media only screen and (max-width: 325px) and (min-width: 300px)  {
	.fourdiv img {
    max-width: 100% !important;
}

}

@media only screen and (min-width: 801px) {


	input#acf-field_60437fcbf927a {
    float: left;
    width: 97%;
}
#acf-field_60437fe8f927c {
    float: left;
    width: 97%;
}
div#first_img {
    width: 100%;
}

#third_img img {
	    max-height: 259px !important;}

.fourdiv img {
    max-height: 200px;
}


	.pageOption {
		border:1px solid rgba(70, 77, 87, 0.1) ;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
 width: 21em;
    height: 14em;
}
.option, .option img {  width: 100%; height: 100%; }
.option {
  overflow: hidden;
  position: absolute;
  /* arctan(27 / 40) = 34.01935deg
   * need to skew by 90deg - 34.01935deg = 55.98065deg
  */
  transform: skewX(-55.98deg);
}
.option:first-child {
  left: -.25em;
  transform-origin: 100% 0;
}
.option:last-child {
  right: -.25em;
  transform-origin: 0 100%;
}
.optiontwo{
	right: -.25em ;
  transform-origin: 0 100%;

}
.option img { opacity: .75; transition: .5s; }
.option img:hover { opacity: 1; }

.option img, .option:after {
  transform: skewX(55.98deg);
  transform-origin: inherit;
}
.option:after {
  position: absolute;
  margin: .5em 1.65em;
  color: white;
  font: 500 1.25em Courier;
  letter-spacing: .1em;
  text-transform: uppercase;
  content: attr(data-inf);
}
.option:first-child:after { top: 0; left: 0; }
.option:last-child:after { right: 0; bottom: 0; }

}



textarea#seller-address {
    border: 1px solid #EDEDED !important;
    box-shadow: inset 0 0 0 1px var(--DIVIDER--LIGHT) !important
			;
}



.leftadd {
    width: 30%;
	float: left;
}

.ps-post__actions.stream-actions.js-stream-actions {
    display: contents !important;
}

#custom_html-2 {
    display: none;
}
.page-id-101 #custom_html-2 {
    display: block !important;
}

li.dokan-btn-theme a {
    color: #ffffff !important;
}

#categoryul li, ol li {
	padding: 5px !important ;
    list-style-type: none !important;
}
.storepadding {
    padding-top: 10px !important;
}

.main-content{
	width:100% ;
}

.vendor-product{
	width:30%;
	float:left;
	margin:10px;
	border:1px solid gray;
	min-height:375px !important;
	height:375px;

}
.vendor-product-image{
	width:250px ;
	height:300px !important;
}
.product-title,.product-category {
	width:100%;
	overflow:hidden;
	text-align:center;
	float:left;
}
.product-image{
	text-align:center;
	margin:0px auto;

}
.pagination {
	margin:10px;
}