/*
Theme Name: Enfold Child
Description: Enfold Child Theme
Version: 3.3.2
Author: Will
Template: enfold
*/


/*
* PLEASE DO NOT EDIT THIS FILE!
* 
* This file is only in your themefolder for WordPress to recognize basic theme data like name and version
* CSS Rules in this file will not be used by the theme. 
* Instead use the custom.css file that is located in your themes /css/ folder to add your styles. 
* You can copy a style rule from any of your css files and paste it in custom.css and
* it will override the original style. If you just want to add small css snippets you might also
* want to consider to add it to the designated CSS option field in your themes backend at: Theme Options->General Styling
*/




/* 360 images______________________________________________________________ */

#wr360_i2_wr360_view01_playerid {display: none; }

 @media only screen and (max-width: 400px) {


.wr360_player .container img.panning { left: -100px; !important; /* padding: 0px 50px 0px 0px !important; */ } 

 .wr360_player_fs img.panning { 
   width: 400px !important;
    height: 400px !important;
    left: 0px !important;
     } 
    
    .container_zoomed img.panning {     top: 100px !important;
    width: 1000px !important;
    height: 1000px !important;
     } 

.wr360_player .container .theme_panel { width: 351px; } 

 div.wr360woowrap { top: -50px !important; position: relative !important; }     
     
 }  

@media only screen and (min-width: 401px) and (max-width: 500px) {
     div.wr360woowrap { top: -50px !important; position: relative !important; }
     
    .wr360_player .container img.panning { left: -100px; /*!important; padding: 0px 50px 0px 0px !important; */ } 
    .wr360_player .container .theme_panel { width: 360px; } 
}
     
     @media only screen and (min-width: 501px) and (max-width: 767px) {
     div.wr360woowrap { top: -50px !important; position: relative !important; }
     .wr360_player .container img.panning { left: -17px; /*!important; padding: 0px 50px 0px 0px !important; */ } 
     }
    

 @media only screen and (min-width: 768px) and (max-width: 845px) {

.wr360_player .container img.panning {  left: -130px !important;  } 

 .wr360_player .container .theme_panel { left: -141px; } 
 
 .container .default_cursor { height: 380px !important; }
 
   }
 

 
 @media only screen and (min-width: 846px) and (max-width: 900px) {
 
     .wr360_player_fs img.panning { 
   width: 800px !important;
    height: 800px !important;
    left: 0px !important;
     }  
     
     .wr360_player .container img.panning {  left: -135px !important;/* width: 353px !important; height: 373px !important; */ top: -20px !important; }
     
    .wr360_player .container .theme_panel { left: -124px;  } 
     
 }
 
 
 @media only screen and (min-width: 901px) and (max-width: 1000px) {

.wr360_player .container img.panning { left: -116px !important; } 

 .wr360_player .container .theme_panel { left: -115px; } }
 
  @media only screen and (min-width: 1001px) and (max-width: 1200px) {

.wr360_player .container img.panning { left: -113px !important; } 

 .wr360_player .container .theme_panel { left: -115px; } }
 
  @media only screen and (min-width: 1201px) and (max-width: 1300px) { 

 .wr360_player .container img.panning { left: -113px !important; } 

 .wr360_player .container .theme_panel { left: -115px; } } 
 
 
 /*@media only screen and (min-width: 1301px) {
 
     .wr360_player_fs img.panning { 
         top: 80px;
   width: 60% !important;
     height: 80% !important; 
    left: 0px !important; 
     }
        .wr360_player .container .theme_panel { z-index: 99999; .wr360_player .container .theme_panel { left: -124px;  }  } */
 
 
 .wr360_player .container .theme_panel .toolbar .left_button { 
        
    border: none !important;
    background-size: 32px!important; margin: 3px 0 0 2px; }

.wr360_player .container .theme_panel .toolbar a.right_button {
    
    border: none !important;
 background-size: 32px; margin: 3px 0 0 2px; }

.wr360_player .container .theme_panel .toolbar a.zoomin_button {

    border: none !important; margin: 3px 0 0 2px;
    
 background-size: 32px; }

.wr360_player .container .theme_panel .toolbar a.zoomout_button {

    border: none !important; margin: 3px 0 0 2px;
    
 background-size: 32px; }

.wr360_player .container .theme_panel .toolbar a.play_button {
 
    border: none !important; margin: 3px 0 0 2px;
    
 background-size: 32px; }

.wr360_player .container .theme_panel .toolbar a.pause_button {
 
    border: none !important; margin: 3px 0 0 2px;
  
 background-size: 32px; }

.wr360_player .container .theme_panel .toolbar a.fullscreenon_button {
 
    border: none !important; margin: 3px 0 0 2px;
   
 background-size: 32px; }  

.wr360_player .container .theme_panel .toolbar a.hotspotson_button {

    border: none !important; margin: 3px 0 0 2px;
    
 background-size: 32px; }  

.wr360_player .container .theme_panel .toolbar a.hotspotsoff_button {
 
    border: none !important; margin: 3px 0 0 2px;
   
 background-size: 32px; } 
 
 
 
 

/* end 360 images___________________________________________________________ */

/* Hide product slider at the bottom of product page */
.related.products {
display: none;} 

section.up-sells.upsells.products {
	display: none !important;}

div.up-sells.upsells.products {
	display: none;}

/* Define footer headings size */
h3.widgettitle {
    font-size: 20px;
    margin-bottom: 20px;}


/* shorter footer */
#footer {
    padding: 5px 0 13px 0;
}

/* makes bullet points appear in the small description of product */
div[itemprop="description"] ul {
  list-style: disc inside;
}

/* makes bullet points appear in the small description of product */
.woocommerce-product-details__short-description ul { list-style: disc inside;}

/* makes product quantities and add to cart buttin dissapear  */
.single_variation_wrap
{
	display: none !important;
}


/* makes product page tabs move up a little */
#top div.product .woocommerce-tabs {
    padding: 20px 0 0 0 !important;
}

/* store locator page*/
h3.team-member-name {
display: inline-block;
text-align: center;
}

.avia-team-member .team-social {
    background: rgba(77, 170, 80, 0.7) !important;
}

.team-member-name, .team-member-job-title { text-align: center !important; }
/*end store locator page*/

/*lessen the line height on product sliders*/
.woocommerce-loop-product__title {
	    line-height: 1em !important;
}


/*website feed back form box*/
/*size of box on desktop pc*/
.ig_messenger.ig_canvas.ig_container {
min-height: 40% !important;
}
.ig_messenger.ig_canvas .ig_body {
max-height: 100% !important;
}

a img, a:hover img{
border: none !important;
background: transparent !important
}

.entry img{
border: none !important;
background: transparent !important
}







/*
THIS IS MOBILE CSS FORM HERE DOWN
-
-
*/

/* make hamburger menu follow scroll in mobile view */
#advanced_menu_toggle, #advanced_menu_hide {
position: fixed;
right: 5%;
top: 10%;}

/* hide cart in mobile navigation menu */
.cart_dropdown  {
display: none;}

/*make product slider title smaller on phone screens*/
@media only screen and (max-width: 760px) {
.woocommerce-loop-product__title {
	        font-size: 1.5em !important;}
}

/*gets rid of white gaps between product slider on phone screens */
@media (max-width:400px)  {
.avia-content-slider-inner{
	        min-height: 1550px !important;}
}
/*gets rid of white gaps between product slider on phone screens sideways*/

@media (min-width:400px) and (max-width:1000px) {
.avia-content-slider-inner{
	        min-height: 700px !important;}
}

/*website feed back form box*/
/*This determines the size of the home page competition pop up box*/
@media (max-width:400px)  {
.ig_messenger.ig_canvas.ig_container {
min-width: 100% !important;
max-height: 80% !important;}
}

@media (min-width:400px) and (max-width:1000px) {
.ig_messenger.ig_canvas.ig_container {
min-width: 100% !important;
max-height: 100% !important;}
}

/*This determines the size of the home page competition pop up box - description text*/
@media (min-width:400px) and (max-width:1000px) {
.comp-form {max-width: 80% !important; min-width: 50% !important;}
}

/*This determines the size of the home page competition pop up box - heading text*/
@media (max-width:400px)  {
.ig_messenger.ig_canvas .ig_headline {
 font-size: 5vw !important;}
}

/*This the home page competition pop up box submit button visible on iphones*/
@media (max-width:400px)  {
div.ig_form_els.ig_form_els_last {
background-color: #00c566 !important;}
}
@media (min-width:400px) and (max-width:1000px) {
div.ig_form_els.ig_form_els_last {
background-color: #00c566 !important;}
}


.products .product.first {
    clear: none;
}


