/*
 Theme Name:   Bam Pro Child
 Theme URI:    https://themezhut.com/
 Description:  Bam Pro Child Theme
 Author:       ThemezHut
 Author URI:   https://themezhut.com
 Template:     bam-pro
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  bam-pro-child
*/

.bm-share-vk {
    background: #4a76a8;
}

#banner-bottom {
	position: fixed;
	bottom: -130px;
	background: #2196f3;
	height: 130px;
	width: 100vw;
	z-index: 1000;
}
#clickme {
	width: 50px;
    height: 170px;
    position: absolute;
    top: -40px;
    background: #29d20a;
    clip-path: polygon(0% 0%, 50% 10%, 100% 0%, 100% 100%, 0% 100%);
    left: 10px;
	cursor: pointer;
}
.closeblock {
    cursor: pointer;
    position: absolute;
    line-height: 60px;
    font-size: 60px;
    transform: rotate(45deg);
    text-align: center;
    top: 0;
    right: 29px;
    color: #ffffffad;
}
.closeblock:hover {
    color: #ffffff;    
}
.banner-bottom-content {
	width: 85%;
	margin: 0 auto;
	padding: 10px 0;
}
.banner-bottom-content p {
	color: #ffffff;
    margin: 0 0 10px;
}

@media (max-width: 1200px){
	.banner-bottom-content {
	width: 80%;
    }
}

@media (max-width: 750px){
	.banner-bottom-content {
	width: calc(100% - 150px);
	}
	.banner-bottom-content p {
    font-size: 12pt;
    line-height: 1.2;
	}
	.banner-bottom-content p br {
    display: none;
	}
	.banner-bottom-button {
	padding: 8px 15px;
	}
}
@media (max-width: 335px){
	#banner-bottom {display:none;}
}