/* 
 Theme Name:   Divi Child QS
 Theme URI:    
 Description:  
 Author:       f4studio
 Author URI:   
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

/* Fixed Flag on Side of Screen */
#fixed-flag {
	background: #fff;
	position: fixed;
	top: 60px;
	right: 0;
	z-index: 10012;
	border-radius: 4px 0 0 4px;
}
#fixed-flag a {
	background-image: linear-gradient(to bottom, #fff, #eee);
	display: block;
	position: relative;
	padding: 16px 10px 16px 16px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	line-height: 1.1;
	text-align: right;
	box-shadow: inset 0 -2px 0 0 #fff, 1px 1px 4px 0 rgba(0, 0, 0, .35);
	border-radius: 4px 0 0 4px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
#fixed-flag a span {
	font-size: 16px;
	color: #ee800b;
}


/* Fixed Flag - Expand on hover */
#fixed-flag a:hover {
    padding-right: 15px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

#fixed-flag a:hover:after {
    right: 16px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

/*############################################## */



/* Fixed Flag on Side of Screen */
#fixed-flag2 {
	background: #fff;
	position: fixed;
	top: 60px;
	left: 0;
	z-index: 10012;
	border-radius: 0px 4px 4px 0px;
}
#fixed-flag2 a {
	background-image: linear-gradient(to bottom, #fff, #eee);
	display: block;
	position: relative;
	padding: 16px 5px 16px 16px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	line-height: 1.1;
	text-align: left;
	box-shadow: inset 0 -2px 0 0 #fff, 1px 1px 4px 0 rgba(0, 0, 0, .35);
	border-radius: 0 4px 4px 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
#fixed-flag2 a span {
	font-size: 16px;
	color: #ee800b;
}


/* Fixed Flag - Expand on hover */
#fixed-flag2 a:hover {
    padding-right: 10px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

#fixed-flag2 a:hover:after {
    right: 10px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}



/*################################################ */





/* Hide the flag on screens 980px or less */
@media only screen and (max-width: 980px) {
div#fixed-flag {
    display: none;
}
}
/* Hide the flag on screens 980px or less */
@media only screen and (max-width: 980px) {
div#fixed-flag2 {
    display: none;
}
}