/*======================================
Theme Name: Poco Art
Theme URI: https://divicake.com/
Description: Poco Art Design
Version: 1.0
Author: Hmmm Creative Studio
Author URI: https://hmmmcreative.com/
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

/*body {
      cursor: url('https://biit.me/devdev/wp-content/uploads/2023/05/poco-koons-white-ico-1.png'), auto;
}
*/

h1, h2, h3, h4, h5, h6 {
 font-weight: normal;
  -webkit-font-smoothing: antialiased;}

#et-main-area, .et_pb_column_1_tb_header, footer {
    overflow: hidden!important;
}



.poco a, #top-menu-nav ul li a {
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  padding: 5px 0;
  position: relative;
}

.poco a:after, #top-menu-nav>ul>li>a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: -0.5em;
  content: "";
  display: block;
  height: 4px;
  left: 50%;
  position: absolute;
  background: #000;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}

a.location {
  background: none repeat scroll 0 0 transparent;
  bottom: 1em;
  content: "";
  display: block;
  height: 4px;
  background: #000;
 

}

.poco a:hover:after, #top-menu-nav>ul>li>a:hover:after { 
  width: 100%; 
  left: 0; 
}

/*
.et_pb_fullwidth_menu--with-logo .et_pb_menu__menu>nav>ul>li>a:after, .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a:after {
    top: 70%!important;
    transform: translate(0,-50%);
}*/



.et-menu a:hover, #top-menu-nav>ul>li>a:hover {
    opacity: 1;
    
}

.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
    padding-bottom: 0.5em;
}


/*change Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '4d';
}

.et_mobile_menu {
    box-shadow: none;
    -webkit-box-shadow:  none;
}

.et_mobile_menu li a {border-bottom: none;}


.mobile_menu_bar:before {
    content: '61';
}




/*Footer Menu*/

.lwp-vertical-menu nav ul li {
    width: 100%;
    display: block;
}

/*Marquee*/
.marquee {

    position: relative;

    display: flex;

    animation: moveLeft 300s linear infinite !important;

}

.track {

    
    font-weight: 600;

    white-space: nowrap;

    min-width: 100%;

    text-align: center;

    padding-top: .5vh;

    line-height: .9em;

 

}

 

.track a{

color: inherit;

    text-decoration: none;

animation: text 10s infinite linear;

position:relative;

}

 

@keyframes text{

0%{

left: 0%;

}

25%{

left:-10%;

}

50%{

left:-20%;

}

75%{

left:-30%;

}

100%{

left:-40%;

}

}

 



#page-container{

overflow-y: hidden !important;

}


/* Email optin */


.et_pb_newsletter .et_pb_newsletter_fields>* {
    flex-basis: auto;
}

/*Footer*/

.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {padding-bottom: 0;}


/*Poco Art Piece Tab*/

.et_pb_tabs_0_tb_body.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active a {
    color: #FFF!important;
    border-radius: 15px;
    background: #000;
}

.et_pb_tabs_controls li {border-right: transparent;}

ul.et_pb_tabs_controls:after {border-top: transparent;}



@media (max-width: 767px) {
.et_pb_tabs_controls li {
    
    border-bottom: transparent;
    display: inline;
    }

    ul.et_pb_tabs_controls:after {border-top: transparent;}
}


  /*image aspect ratio square 1:1*/
    .pa-image-1-1 .et_pb_image_wrap {
    padding-top: 100%;
    display: block;
     
    }
    .pa-image-1-1 .et_pb_image_wrap img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    outline:  40px solid #8000d7;
    outline-offset: -40px;
    }

    .pa-image-1-1 .et_pb_image_wrap img:hover {
        outline:  40px solid #FF99A9;
    outline-offset: -40px;
    }

    

   .pa-image-footer .et_pb_image_wrap {
    padding-top: 100%;
    display: block;
     
    }
    .pa-image-footer .et_pb_image_wrap img {
    position: absolute;
    height: 100%;
    width: 100% ;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    outline:  20px solid #8000d7;
    outline-offset: -20px;
    }

    .pa-image-footer .et_pb_image_wrap img:hover {
        outline:  20px solid #FF99A9;
    outline-offset: -20px;
    }


/*porfolio image aspect ratio square 1:1*/
.pa-portfolio-image-1-1 .et_portfolio_image {
  padding-top: 100%;
  display: block;
}
.pa-portfolio-image-1-1 .et_portfolio_image img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
   outline:  20px solid #8000d7;
    outline-offset: -20px;
}

.pa-portfolio-image-1-1 .et_portfolio_image img:hover {
    outline:  20px solid #FF99A9;
    outline-offset: -20px;
    }

.pa-portfolio-image-1-2 .et_portfolio_image {
  padding-top: 100%;
  display: block;
}
.pa-portfolio-image-1-2 .et_portfolio_image img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
   outline:  40px solid #8000d7;
    outline-offset: -40px;
}

.pa-portfolio-image-1-2 .et_portfolio_image img:hover{
    outline:  40px solid #FF99A9;
    outline-offset: -40px;
    }


/* 3 Column Portfolio */
@media (min-width: 981px) {
    .three-column-portfolio .et_pb_grid_item {
        width: 29.66%!important;
        margin-right: 5.5%!important;  
    }
  
    .three-column-portfolio .et_pb_grid_item:nth-child(3n) {
        margin-right: 0!important;
    }
  
    .three-column-portfolio.et_pb_grid_item:nth-child(4n) {
        margin-right: 5.5%!important;
    }
  
    .three-column-portfolio .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1) {
        clear: none!important;
    }
    .three-column-portfolio .et_pb_grid_item.first_in_row {
        clear: unset;
    }
}

.et_pb_portfolio_0_tb_body .et_pb_portfolio_item h3.et_pb_module_header a {
    padding: 3vh 0 0;
}


/* 6 Column Portfolio */
@media (min-width: 981px) {
    .six-column-portfolio .et_pb_grid_item {
        width:14%!important;
        margin-right: 2vw!important;        
    }
  
    .six-column-portfolio .et_pb_grid_item:nth-child(3n) {
        margin-right: 2vw!important;
    }
  
    .six-column-portfolio .et_pb_grid_item:nth-child(6n) {
        margin-right: 0!important;
    }
  
    .six-column-portfolio .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1) {
        clear: none!important;
    }
  
    .six-column-portfolio .et_pb_grid_item.first_in_row {
        clear: unset;
    }

}

    /*People*/

   .poco-link p a {
      color: #000;
      text-transform: none;
      text-decoration: none;
      display: inline-block;
      padding: 5px 0;
      position: relative;
    }

.poco-link p a:after {    
      background: none repeat scroll 0 0 transparent;
      content: "";
      bottom: -0.5em;
      display: block;
      height: 4px;
      left: 50%;
      position: absolute;
      background: #000;
      transition: width 0.3s ease 0s, left 0.3s ease 0s;
      width: 0;
    }

  .poco-link p a:hover:after { 
      width: 100%; 
      left: 0; 
    }

/*Shop*/

.woocommerce-variation-price .woocommerce-Price-amount {
    color: #000 !important;
    
}




    /*Footer*/

    .poco-footer a {
      color: #000;
      text-transform: uppercase;
      text-decoration: none;
      display: inline-block;
      padding: 5px 0;
      position: relative;
    }

    .poco-footer a:after {    
      background: none repeat scroll 0 0 transparent;
  bottom: -0.2em;
  content: "";
  display: block;
  height: 4px;
  left: 50%;
  position: absolute;
  background: #000;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
    }

/*Footer Menu*/
/*remove default 11px padding on each side of list items*/
.pa-vertical-menu .et-menu > li {
    padding-left: 0px;
    padding-right: 0px;
}
/*make the menu items fullwidth and add space between them*/
.pa-vertical-menu .et_pb_menu__menu nav ul li {
    display: block;
    width: 100%;
    margin: 10px 0;
}
/*style the menu items*/
.pa-vertical-menu .et_pb_menu__menu nav ul li a {
   padding-bottom: 1vh;
}

.pa-vertical-menu .et_pb_menu__menu nav ul li a:after{
}



/*style the menu items on hover*/
.pa-vertical-menu .et_pb_menu__menu nav ul li a:hover {
    }
/*style the active menu item*/
.pa-vertical-menu .et_pb_menu__menu nav ul li.current-menu-item a {
    
}

/*make the submenu align directly to the right of the menu item instead of below*/
.pa-vertical-menu .et_pb_menu__menu nav ul li ul {
    top: 0!important;
}
/*align submenu to the right of menu link*/
.pa-vertical-menu .et_pb_menu__menu nav li ul {
    left: 100%!important;
}
/*add an icon to the left of each menu item link*/
.pa-vertical-menu ul li a:before {
    
}
/*style the menu items icon*/
.pa-vertical-menu ul li a:hover:before {
    
}
/*style the active menu item icon*/
.pa-vertical-menu ul li.current-menu-item a:before {
    
}
@media (max-width: 980px) {
    /*open the mobile menu up and use on all devices*/
    .et-db #et-boc .et-l .pa-vertical-menu .et_pb_menu__menu {
        display: flex;
    }
    /*hide the hamburger icon*/
    .et-db #et-boc .et-l .pa-vertical-menu .et_mobile_nav_menu {
        display: none;
    }
}
    .poco-footer a:hover:after { 
      width: 100%; 
      left: 0; 
    }




/* 2 Columns Mobile */
@media all and (max-width: 767px) {
    .two-col-mob .et_pb_column {
        width:47.25% !important;
    }
    
.two-col-mob .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }
    .two-col-mob .et_pb_column:not(:nth-child(2n)) {
            margin-right:5.5% !important;
    }

    .et-l--header ul {
        width: auto;
        padding-right: 20px !important;
    }

    .et_pb_menu .et_mobile_menu {
   
    left:  -75%;
}

div.et_pb_section.et_pb_section_0_tb_body {
  
    background-position: bottom center -3.8% !important;
}

.poco a:after, #top-menu-nav>ul>li>a:after {content: none;}

}

@media (max-width: 479px) {

.six-column-portfolio .et_pb_grid_item {
width: 47.25%!important;
margin-right: 5.5%!important;
padding-bottom: 3vh;
}
 
.six-column-portfolio .et_pb_grid_item:nth-child(3n) {
margin-right: 5.5%!important;
}
 
.six-column-portfolio .et_pb_grid_item:nth-child(2n) {
margin-right: 0!important;
}
 
.six-column-portfolio .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1) {
clear: none!important;
}
 
.six-column-portfolio .et_pb_grid_item.first_in_row {
clear: unset;
}

.three-column-portfolio .et_pb_grid_item {
width: 47.25%!important;
margin-right: 5.5%!important;
padding-bottom: 3vh;
}
 
.three-column-portflio .et_pb_grid_item:nth-child(3n) {
margin-right: 5.5%!important;
}
 
.three-column-portfolio .et_pb_grid_item:nth-child(2n) {
margin-right: 0!important;
}
 
.three-column-portfolio .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1) {
clear: none!important;
}
 
.three-column-portfolio .et_pb_grid_item.first_in_row {
clear: unset;
}


.pa-portfolio-image-1-2 .et_portfolio_image {
  padding-top: 100%;
  display: block;
}
.pa-portfolio-image-1-2 .et_portfolio_image img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
   outline:  20px solid #8000d7;
    outline-offset: -20px;
}

.pa-portfolio-image-1-2 .et_portfolio_image img:hover{
    outline:  20px solid #FF99A9;
    outline-offset: -20px;
    }

}


/* 3 Columns Mobile */
@media all and (max-width: 767px) {
    html .three-col-mob .et_pb_column {
        width:29.6667% !important;
    }
    html .three-col-mob .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }
    html .three-col-mob .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }




}



/* 1 Column Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .one-col-tab .et_pb_column {
        margin-right:0 !important;
        width:100% !important;
    }
    
        html .one-col-tab .et_pb_column:not(:last-child) {
        margin-bottom:30px !important;
    }
     .poco a:after, #top-menu-nav>ul>li>a:after {content: none;}
}



/* 2 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .two-col-tab .et_pb_column {
        width:47.25% !important;
    }
.two-col-tab .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }
    .two-col-tab .et_pb_column:not(:nth-child(2n)) {
        margin-right:5.5% !important;
    }

   .three-col-tab .et_pb_column {
        width:29.6667% !important;
    }
.three-col-tab .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }
.three-col-tab .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }

    .et_pb_section_0_tb_body.et_pb_section {
    height:auto;
}

.pa-portfolio-image-1-2 .et_portfolio_image {
  padding-top: 100%;
  display: block;
}
.pa-portfolio-image-1-2 .et_portfolio_image img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
   outline:  20px solid #8000d7;
    outline-offset: -20px;
}

.pa-portfolio-image-1-2 .et_portfolio_image img:hover{
    outline:  20px solid #FF99A9;
    outline-offset: -20px;
    }

}






@media (max-width: 980px) {
.et_pb_menu .et_mobile_menu {
    top: 110%;

}

 .et-l--header ul {
        width: auto;
        padding-right: 20px !important;
    }

}


@media (min-width: 981px){
.poco-header {width: 120% !important;}
}



@media only screen and (-webkit-min-device-pixel-ratio: 2) {
   
}



/* iPad Air */
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation : landscape) { 
  .et_pb_section_0_tb_body.et_pb_section {
    height:60vh;
}
}


#top-menu a, #top-menu ul.sub-menu{
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: color 0 ease-in;
    transition: none;
}


.et_pb_scroll_top.et-pb-icon {
    background: #000;
    border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
}


 .rsvp {height: 100% !important;}



.et_contact_bottom_container{
display: flex;
justify-content: center;
width: 100% !important;
}

/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 2560x) 
  and (-webkit-min-device-pixel-ratio: 1) { 
    p {
        
        font-size:  3vh;
    }
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 2560px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
     p {
       
         font-size:  3vh;
    }

    .rsvp {height: 100% !important;}
}


/*TEXT SELECT*/

::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: #aaaaaa;
}

::selection {
  color: #fff;
  background: #aaaaaa;
}


/*show desktop menu on phone*/
@media (max-width: 980px) {
    .pa-open-mobile-menu .et_pb_menu__menu {
        display: flex!important;
    }
    .pa-open-mobile-menu .et_mobile_nav_menu {
        display: none!important;
    }
}


/*place button modules next to each other in the same column*/
.pa-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}


#page-container .et_pb_section .et_pb_button_0_tb_header a:active {
    text-decoration: underline;
}

.et_pb_column--with-menu {
    z-index: 0;
}