/* 
Theme Name: StudioChic Theme
Description: A Feminine WordPress & Elementor theme
Author: DesignWithCris
Author URI: https://designwithcris.com
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Add your custom styles here */

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
	
    background-color: #F4CBD1;
	  color: #302E3B;
	 	  border-radius: 15px;
          font-weight: 400;
	 
}

.woocommerce #review_form #respond .form-submit input:hover {
  background-color: #F9E6E0;
	color: #302E3B;
    
}

a {
    background-color: transparent;
    text-decoration: none;
        color: #302E3B;
}


/* DESKTOP */
.woocommerce .flex-control-thumbs {
  margin: 10px 10px 10px -15px !important; /* Thumbnails separation top and bottom */
  width: 90% !important; /* Controls width of thumbnails container on desktop - Horizontally */
display: flex;
}
/* Controls thumbnails width on desktop - vertically
* Enable this ONLY for VERTICAL display
*/ 
ol.flex-control-nav.flex-control-thumbs li {
width: 15% !important; 
}
/* Enable this ONLY for HORIZONTAL display */
/*ol.flex-control-nav.flex-control-thumbs li {
width: 18% !important; 
}*/

/* PHONES */
@media (max-width:414px){
ol.flex-control-nav.flex-control-thumbs li {
  width: 35% !important; /* Controls thumbnails width on mobile - Horizontally */
  margin: 10px 0px 10px -5px
  
}
}

/* TABLETS */
@media (min-width:568px) and (max-width:768px){
/* Controls thumbnails container width on tablet - vertically
 * Enable this ONLY for VERTICAL display */
.woocommerce .flex-control-thumbs {
    margin: 10px 0px 10px -5px !important; 
    width: 15% !important;
}
/* Controls width of thumbnails container on tablet - horizontally
 * Enable this ONLY for HORIZONTAL display */
/*.woocommerce .flex-control-thumbs {
    width: 70% !important; 
}*/
ol.flex-control-nav.flex-control-thumbs li {
  width: 90% !important; /* Controls thumbnails image width on tablet - vertically */
}
}
@media (min-width:769px) and (max-width:1024px){
/* Controls thumbnails container width on tablet - vertically
 * Enable this ONLY for VERTICAL display */
.woocommerce .flex-control-thumbs {
    margin: 10px 0px 10px -5px !important; 
    width: 12% !important;
}
/* Controls width of thumbnails container on tablet - horizontally
 * Enable this ONLY for HORIZONTAL display */
/*.woocommerce .flex-control-thumbs {
    width: 70% !important; 
}*/
ol.flex-control-nav.flex-control-thumbs li {
  width: 100% !important; /* Controls thumbnails image width on tablet - vertically */
}
}

/* Functionality: Product page image thumbnails on left side
* Disable this segment if you want to display horizontally
*/
@media (min-width:568px) {
.woocommerce .flex-control-nav { 
  position: absolute; 
  top:-10px; 
  left: -15px;
}
.flex-control-thumbs {
  display: flex;
  flex-direction: column;
}
}
@media (min-width:568px) and (max-width:768px){
.woocommerce .flex-viewport {
  width: 86.5% !important;
  left: 100px !important;
}
}
@media (min-width:769px) and (max-width:1024px){
.woocommerce .flex-viewport {
  width: 87% !important;
  left: 95px !important;
}
}
@media (min-width:1025px){
.woocommerce .flex-viewport {
  width: 85% !important;
  left: 80px !important;
}	
}