/* Enter Your Custom CSS Here */

.bwg_image_title, .bwg_image_title * {
 font-family: "Dancing Script", cursive!important;
 text-align: center;
}

#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-title2, #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-ecommerce2 {font-family: "Dancing Script", cursive!important;}
.bwg_toggle_container, .bwg_ctrl_btn_container {display:none;}

.img-hover-zoom {
  height: 100px; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
	}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.2) rotate(25deg);
}


.main-navigation .main-menu > li > a,
.main-navigation .main-menu > li > a + svg {  -webkit-transition: font-size .5s ease;
  -moz-transition: font-size .5s ease;
  -o-transition: font-size .5s ease;
  transition: font-size .5s ease; 
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */}

.main-navigation .main-menu > li > a:hover,
.main-navigation .main-menu > li > a:hover + svg { font-size:0.9em;}

#colophon .site-info a:hover{color:#bb53bf;}

#spider_popup_left-ico, #spider_popup_right-ico {color:#bb53bf!important;} 

#spider_popup_left-ico {

    margin-left: 40%;
}

#spider_popup_right-ico {

    margin-right: 40%;
}

.bwg-standard-thumbnails .bwg-zoom-effect .bwg-zoom-effect-overlay {
    background-color: rgba(99, 4, 164, 0.3)!important;
}
.bwg_popup_image.bwg_popup_watermark {
    border: 2px solid #752776;
}