/*
Theme Name:     divi-child
Description:    
Author:         Gaurav
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/


/*img,underlay{
  width:40px;
  height:40px;
}*/

.color-trend-section .column a, .color-trend-section .column img {
    display: flex !important;
    vertical-align: top;
    justify-content: flex-start !important;
  }
a:hover underlay{
  top:65px;
 width:500px;
 height:500px;
 display:block;
 z-index: 9999;
 position: absolute;
    -webkit-transition: opacity 0.5s ease-in-out;
border: 3px solid #fff;
    box-shadow: 0 0 10px 0 #ccc;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
}

.color-trend-section .column a:hover, .color-trend-section .column img {
    box-shadow: 0 0 0 0 #000;
        border: 0;

}

a.magnifer{
	 transition: all 0.5s ease;
	   -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out; 
}
.color-section .column {
    position: relative;

}	
.overlay {
  cursor: zoom-in;
}

.column.\39 -color-13 a, .column.\39 -color-14 a, .column.\39 -color-15 a, .column.\39 -color-16 a, .column.\39 -color-17 a, .column.\39 -color-18 a {
    display: flex!important;
    justify-content: flex-end!important;
}

.column.\33 0-color-18 a, .column.\33 0-color-17 a, .column.\33 0-color-16 a, .column.\33 0-color-15 a, .column.\33 0-color-14 a, .column.\33 0-color-13 a{
      display: flex!important;
    justify-content: flex-end!important;
}
@media(max-width:940px){
  .color-trend-section a:hover underlay {
    width: 400px !important;
    height: 400px !important;
}
}
@media(max-width:840px){

	.color-trend-section a:hover underlay {
    width: 250px !important;
    height: 250px !important;
}

.column.\38 -color-9 a, .column.\37 -color-6 a, .column.\37 -color-3 a, .column.\38 -color-12 a{
      display: flex !important;
    vertical-align: top;
    justify-content: flex-end !important;
}
.column.\34 9-color-9 a, .column.\35 1-color-6 a , .column.\35 1-color-3 a, .column.\34 9-color-12 a{
      display: flex !important;
    vertical-align: top;
    justify-content: flex-end !important;
}
.column.\39 -color-13 a, .column.\39 -color-16 a{
   justify-content: flex-start !important;
}
.column.\33 0-color-14 a, .column.\33 0-color-16 a{
   justify-content: flex-start !important;
}
}
@media(max-width:480px){
.column.\37 -color-2 a, .column.\37 -color-4 a, .column.\38 -color-8 a, .column.\38 -color-10 a, .column.\39 -color-16 a {
    display: flex!important;
    justify-content: flex-end!important;
}
.column.\35 -color-2 a, .column.\35 -color-4 a, .column.\34 -color-8 a, .column.\34 -color-10 a, .column.\33 -color-16 a {
    display: flex!important;
    justify-content: flex-end!important;
}
.column.\39 -color-15 a, .column.\39 -color-17 a, .column.\38 -color-9 a, .column.\37 -color-3 a{
    display: flex!important;
    justify-content: flex-start!important;
}
.column.\33 -color-15 a, .column.\33 -color-17 a, .column.\34 -color-9 a, .column.\35 -color-3 a{
    display: flex!important;
    justify-content: flex-start!important;
}
.color-trend-section .color-section {
    margin-left: 0px!important;
}
}
footer.footer-frlang:lang(en){
display:none!important;
}
footer.footer-enlang:lang(fr){
display:none!important;
}