/*!
Theme Name: Babajanyan Hall Website
Theme URI: https://babajanyanhall.org/
Author: Samvel Mkrtchyan
Author URI: https://babajanyanhall.org/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: babajanianhall
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

 (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/
.footer-main .artcile_menu{
	display:none !important;
}


@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

	[class*="fontawesome-"]:before {
	  font-family: 'FontAwesome', sans-serif;
	}
		
		.radioplayer, .radioplayer_mob {
			background: transparent !important;
			padding: 0px;
			width: 231px !important;
			height: 109px !important;
			display: flex !important;
			align-items:center;

		}	
		
		.radioco-image, .radioco-bg{
			display:none;
		}	
		
		.radioco-playButton{
			cursor: pointer;
		}
		.radioco-playButton-playing:before {
			font-family: 'FontAwesome', sans-serif;
			content: "\f04b";
			color: #b49950;
			
		}
	body{
		background:#fff;
		color:#111;
		font-family:arial;
	}

	.radioco-playButton-playing:before{
		font-family: 'FontAwesome', sans-serif;
	  content: "\f04b";
	}

	.radioco-playButton-paused:before{
		font-family: 'FontAwesome', sans-serif;
	  content:"\f04c";
	}

	.radioplayer, .radioplayer_mob{
	  background: #F4F4F4;
	  padding: 0px;
	  width: 500px;
	  height: 109px;
	  box-shadow: none;
	  border-radius:4px;
	  background-position:center center !important;
	  background-repeat:no-repeat !important;
	  background-size: cover !important;
	  overflow: hidden;

	  -webkit-touch-callout: none;
	  -webkit-user-select: none;
	  -khtml-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	}

	.radioco-playButton{
		top: 0px;
		text-align: left;
		margin-left: 0%;
		position: relative;
		z-index: 2;
		font-size: 50px;
		width: 35%;
		padding:10px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.radioco-playButton:active{
	  color:#ccc;
	}

	.radioco-playButton-playing, .radioco-playButton-paused{
	  font-family: "controls";
	      width: 30px;
		position: relative;
		text-size: 150%;
		text-shadow: none;
		height: 30px;
		background: #b29649;
		border-radius: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.radioco-playButton-playing:before {
		font-family: 'FontAwesome', sans-serif;
		content: "\f04b";
		color: #fff;
		font-size: 14px;
		position: relative;
		    left: 2px;
		top: 0.7px;
		height: auto;
	}
		
	.radioco-playButton-paused:before {
    	font-family: 'FontAwesome', sans-serif;
    	content: "\f04c";
		color: #fff;
		font-size: 14px;
	}

/* 	.radioco-playButton-paused{
	  font-family: "controls";
	  position: absolute;
	  text-size:150%;
	  text-shadow:#333 0px 0px 15px;
	} */


	.radioco-image{
	  vertical-align: middle;
	  margin-left: -20px;
	  margin-top: -20px;
	  position: relative;
	  z-index: 1;
	  width:150px;
	  height: 150px;
	}

	.radioco-bg{
	  
	}

	.radioco-information{
		display: none;
	  position: relative;
	  
	  font-family: 'Open Sans', sans-serif;

		font-size: 11px;
		color: #a3a3a3;
	}
	.r_player_inf p {
		padding: 0px !important;
		margin: 0px !important;
	}
	.r_player_inf {
		line-height: normal;
		width: 240px;
		font-size: 11px;
	}

	.radioco-information span{
	  display:unset;
	}
		.radioco-information .radioco-nowPlaying {
			display: inherit;
			font-size: 9px;
			line-height: 11px;
			white-space: nowrap;
			width: 140px;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.radioco-information:after {
			content: '\f028';
			position: absolute;
			left: -3px;
			font-size: 14px;
			color: #000;
			width: 10px;
			height: 10px;
			font-weight: bold;
			font-family: "Font Awesome 5 Pro";
			display: flex;
			align-items: center;
			top: 62%;
		}
		.mob_menus .radioco-information:after{
			color: #fff !important;
		}
.radioco-information input[type="range"] {
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  background: none;
	  cursor: pointer;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  height: 100%;
	  min-height: 35px;
	  overflow: hidden;
	  width: 115px;
		position: relative;
		left:23px;
		top: 4px;
	}

.radioco-information input[type="range"]:focus {
  box-shadow: none;
  outline: none;
}

.radioco-information input[type="range"]::-webkit-slider-runnable-track {
  background: #B29649;
  content: '';
  height: 2px;
  pointer-events: none;
}

.radioco-information input[type="range"]::-webkit-slider-thumb {
  height: 18px;
  width: 18px;
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  border-radius: 8px;
  box-shadow: 5px 0 0 -8px #c7c7c7, 6px 0 0 -8px #c7c7c7, 7px 0 0 -8px #c7c7c7, 8px 0 0 -8px #c7c7c7, 9px 0 0 -8px #c7c7c7, 10px 0 0 -8px #c7c7c7, 11px 0 0 -8px #c7c7c7, 12px 0 0 -8px #c7c7c7, 13px 0 0 -8px #c7c7c7, 14px 0 0 -8px #c7c7c7, 15px 0 0 -8px #c7c7c7, 16px 0 0 -8px #c7c7c7, 17px 0 0 -8px #c7c7c7, 18px 0 0 -8px #c7c7c7, 19px 0 0 -8px #c7c7c7, 20px 0 0 -8px #c7c7c7, 21px 0 0 -8px #c7c7c7, 22px 0 0 -8px #c7c7c7, 23px 0 0 -8px #c7c7c7, 24px 0 0 -8px #c7c7c7, 25px 0 0 -8px #c7c7c7, 26px 0 0 -8px #c7c7c7, 27px 0 0 -8px #c7c7c7, 28px 0 0 -8px #c7c7c7, 29px 0 0 -8px #c7c7c7, 30px 0 0 -8px #c7c7c7, 31px 0 0 -8px #c7c7c7, 32px 0 0 -8px #c7c7c7, 33px 0 0 -8px #c7c7c7, 34px 0 0 -8px #c7c7c7, 35px 0 0 -8px #c7c7c7, 36px 0 0 -8px #c7c7c7, 37px 0 0 -8px #c7c7c7, 38px 0 0 -8px #c7c7c7, 39px 0 0 -8px #c7c7c7, 40px 0 0 -8px #c7c7c7, 41px 0 0 -8px #c7c7c7, 42px 0 0 -8px #c7c7c7, 43px 0 0 -8px #c7c7c7, 44px 0 0 -8px #c7c7c7, 45px 0 0 -8px #c7c7c7, 46px 0 0 -8px #c7c7c7, 47px 0 0 -8px #c7c7c7, 48px 0 0 -8px #c7c7c7, 49px 0 0 -8px #c7c7c7, 50px 0 0 -8px #c7c7c7, 51px 0 0 -8px #c7c7c7, 52px 0 0 -8px #c7c7c7, 53px 0 0 -8px #c7c7c7, 54px 0 0 -8px #c7c7c7, 55px 0 0 -8px #c7c7c7, 56px 0 0 -8px #c7c7c7, 57px 0 0 -8px #c7c7c7, 58px 0 0 -8px #c7c7c7, 59px 0 0 -8px #c7c7c7, 60px 0 0 -8px #c7c7c7, 61px 0 0 -8px #c7c7c7, 62px 0 0 -8px #c7c7c7, 63px 0 0 -8px #c7c7c7, 64px 0 0 -8px #c7c7c7, 65px 0 0 -8px #c7c7c7, 66px 0 0 -8px #c7c7c7, 67px 0 0 -8px #c7c7c7, 68px 0 0 -8px #c7c7c7, 69px 0 0 -8px #c7c7c7, 70px 0 0 -8px #c7c7c7, 71px 0 0 -8px #c7c7c7, 72px 0 0 -8px #c7c7c7, 73px 0 0 -8px #c7c7c7, 74px 0 0 -8px #c7c7c7, 75px 0 0 -8px #c7c7c7, 76px 0 0 -8px #c7c7c7, 77px 0 0 -8px #c7c7c7, 78px 0 0 -8px #c7c7c7, 79px 0 0 -8px #c7c7c7, 80px 0 0 -8px #c7c7c7, 81px 0 0 -8px #c7c7c7, 82px 0 0 -8px #c7c7c7, 83px 0 0 -8px #c7c7c7, 84px 0 0 -8px #c7c7c7, 85px 0 0 -8px #c7c7c7, 86px 0 0 -8px #c7c7c7, 87px 0 0 -8px #c7c7c7, 88px 0 0 -8px #c7c7c7, 89px 0 0 -8px #c7c7c7, 90px 0 0 -8px #c7c7c7, 91px 0 0 -8px #c7c7c7, 92px 0 0 -8px #c7c7c7, 93px 0 0 -8px #c7c7c7, 94px 0 0 -8px #c7c7c7, 95px 0 0 -8px #c7c7c7, 96px 0 0 -8px #c7c7c7, 97px 0 0 -8px #c7c7c7, 98px 0 0 -8px #c7c7c7, 99px 0 0 -8px #c7c7c7, 100px 0 0 -8px #c7c7c7, 101px 0 0 -8px #c7c7c7, 102px 0 0 -8px #c7c7c7, 103px 0 0 -8px #c7c7c7, 104px 0 0 -8px #c7c7c7, 105px 0 0 -8px #c7c7c7, 106px 0 0 -8px #c7c7c7, 107px 0 0 -8px #c7c7c7, 108px 0 0 -8px #c7c7c7, 109px 0 0 -8px #c7c7c7, 110px 0 0 -8px #c7c7c7, 111px 0 0 -8px #c7c7c7, 112px 0 0 -8px #c7c7c7, 113px 0 0 -8px #c7c7c7, 114px 0 0 -8px #c7c7c7, 115px 0 0 -8px #c7c7c7, 116px 0 0 -8px #c7c7c7, 117px 0 0 -8px #c7c7c7, 118px 0 0 -8px #c7c7c7, 119px 0 0 -8px #c7c7c7, 120px 0 0 -8px #c7c7c7, 121px 0 0 -8px #c7c7c7, 122px 0 0 -8px #c7c7c7, 123px 0 0 -8px #c7c7c7, 124px 0 0 -8px #c7c7c7, 125px 0 0 -8px #c7c7c7, 126px 0 0 -8px #c7c7c7, 127px 0 0 -8px #c7c7c7, 128px 0 0 -8px #c7c7c7, 129px 0 0 -8px #c7c7c7, 130px 0 0 -8px #c7c7c7, 131px 0 0 -8px #c7c7c7, 132px 0 0 -8px #c7c7c7, 133px 0 0 -8px #c7c7c7, 134px 0 0 -8px #c7c7c7, 135px 0 0 -8px #c7c7c7, 136px 0 0 -8px #c7c7c7, 137px 0 0 -8px #c7c7c7, 138px 0 0 -8px #c7c7c7, 139px 0 0 -8px #c7c7c7, 140px 0 0 -8px #c7c7c7, 141px 0 0 -8px #c7c7c7, 142px 0 0 -8px #c7c7c7, 143px 0 0 -8px #c7c7c7, 144px 0 0 -8px #c7c7c7, 145px 0 0 -8px #c7c7c7, 146px 0 0 -8px #c7c7c7, 147px 0 0 -8px #c7c7c7, 148px 0 0 -8px #c7c7c7, 149px 0 0 -8px #c7c7c7, 150px 0 0 -8px #c7c7c7, 151px 0 0 -8px #c7c7c7, 152px 0 0 -8px #c7c7c7, 153px 0 0 -8px #c7c7c7, 154px 0 0 -8px #c7c7c7, 155px 0 0 -8px #c7c7c7, 156px 0 0 -8px #c7c7c7, 157px 0 0 -8px #c7c7c7, 158px 0 0 -8px #c7c7c7, 159px 0 0 -8px #c7c7c7, 160px 0 0 -8px #c7c7c7, 161px 0 0 -8px #c7c7c7, 162px 0 0 -8px #c7c7c7, 163px 0 0 -8px #c7c7c7, 164px 0 0 -8px #c7c7c7, 165px 0 0 -8px #c7c7c7, 166px 0 0 -8px #c7c7c7, 167px 0 0 -8px #c7c7c7, 168px 0 0 -8px #c7c7c7, 169px 0 0 -8px #c7c7c7, 170px 0 0 -8px #c7c7c7, 171px 0 0 -8px #c7c7c7, 172px 0 0 -8px #c7c7c7, 173px 0 0 -8px #c7c7c7, 174px 0 0 -8px #c7c7c7, 175px 0 0 -8px #c7c7c7, 176px 0 0 -8px #c7c7c7, 177px 0 0 -8px #c7c7c7, 178px 0 0 -8px #c7c7c7, 179px 0 0 -8px #c7c7c7, 180px 0 0 -8px #c7c7c7, 181px 0 0 -8px #c7c7c7, 182px 0 0 -8px #c7c7c7, 183px 0 0 -8px #c7c7c7, 184px 0 0 -8px #c7c7c7, 185px 0 0 -8px #c7c7c7, 186px 0 0 -8px #c7c7c7, 187px 0 0 -8px #c7c7c7, 188px 0 0 -8px #c7c7c7, 189px 0 0 -8px #c7c7c7, 190px 0 0 -8px #c7c7c7, 191px 0 0 -8px #c7c7c7, 192px 0 0 -8px #c7c7c7, 193px 0 0 -8px #c7c7c7, 194px 0 0 -8px #c7c7c7, 195px 0 0 -8px #c7c7c7, 196px 0 0 -8px #c7c7c7, 197px 0 0 -8px #c7c7c7, 198px 0 0 -8px #c7c7c7, 199px 0 0 -8px #c7c7c7, 200px 0 0 -8px #c7c7c7, 201px 0 0 -8px #c7c7c7, 202px 0 0 -8px #c7c7c7, 203px 0 0 -8px #c7c7c7, 204px 0 0 -8px #c7c7c7, 205px 0 0 -8px #c7c7c7, 206px 0 0 -8px #c7c7c7, 207px 0 0 -8px #c7c7c7, 208px 0 0 -8px #c7c7c7, 209px 0 0 -8px #c7c7c7, 210px 0 0 -8px #c7c7c7, 211px 0 0 -8px #c7c7c7, 212px 0 0 -8px #c7c7c7, 213px 0 0 -8px #c7c7c7, 214px 0 0 -8px #c7c7c7, 215px 0 0 -8px #c7c7c7, 216px 0 0 -8px #c7c7c7, 217px 0 0 -8px #c7c7c7, 218px 0 0 -8px #c7c7c7, 219px 0 0 -8px #c7c7c7, 220px 0 0 -8px #c7c7c7, 221px 0 0 -8px #c7c7c7, 222px 0 0 -8px #c7c7c7, 223px 0 0 -8px #c7c7c7, 224px 0 0 -8px #c7c7c7, 225px 0 0 -8px #c7c7c7, 226px 0 0 -8px #c7c7c7, 227px 0 0 -8px #c7c7c7, 228px 0 0 -8px #c7c7c7, 229px 0 0 -8px #c7c7c7, 230px 0 0 -8px #c7c7c7, 231px 0 0 -8px #c7c7c7, 232px 0 0 -8px #c7c7c7, 233px 0 0 -8px #c7c7c7, 234px 0 0 -8px #c7c7c7, 235px 0 0 -8px #c7c7c7, 236px 0 0 -8px #c7c7c7, 237px 0 0 -8px #c7c7c7, 238px 0 0 -8px #c7c7c7, 239px 0 0 -8px #c7c7c7, 240px 0 0 -8px #c7c7c7;
  margin-top: -8px;
  border: 1px solid #777;
}

.radioco-information input[type="range"]::-moz-range-track {
  width: 100px;
  height: 2px;
}

.radioco-information input[type="range"]::-moz-range-thumb {
  height: 18px;
  width: 18px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #777;
  position: relative;
}

.radioco-information input[type="range"]::-moz-range-progress {
  height: 2px;
  background: #B29649;
  border: 0;
  margin-top: 0;
}

.radioco-information input[type="range"]::-ms-track {
  background: transparent;
  border: 0;
  border-color: transparent;
  border-radius: 0;
  border-width: 0;
  color: transparent;
  height: 2px;
  margin-top: 10px;
  width: 100px;
}

.radioco-information input[type="range"]::-ms-thumb {
  height: 18px;
  width: 18px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #777;
}

.radioco-information input[type="range"]::-ms-fill-lower {
  background: #B29649;
  border-radius: 0;
}

.radioco-information input[type="range"]::-ms-fill-upper {
  background: #c7c7c7;
  border-radius: 0;
}

.radioco-information input[type="range"]::-ms-tooltip {
  display: none;
}
	.radioco-elapsedTime{
	  opacity:0.4;
	  font-size:14px;
	}


.footer_player{
	display:none;
}


@media(max-width: 1460px){
	.navbar.nav_fix .site-menu ul li {
   		 margin: 0 11px;
	}
	
	
	.navbar.nav_fix {
		padding: 15px 26px !important;
	}
	.navbar.nav_fix .logo {
    	width: 19% !important;
	}
	.navbar.nav_fix .book_now_button {
		border-radius: 40px;
		height: 48px !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-left: 20px;
		background: #c9a050;
		padding-right: 20px;
		margin-left: 20px;
		text-transform: uppercase;
		color: #fff;
		justify-content: space-between;
		cursor: pointer;
		
 		   font-size: 10px;

		text-decoration: none !important;
	}
}

@media(max-width: 1306px){
	
	
	
	.navbar.nav_fix .book_now_button  i{
		margin-right: 6px;
	}
	
	
}

@media(max-width: 1453px){

	.navbar.nav_fix  .custom-menu{
		margin-right: 0px !important;
	}
	
	.navbar.nav_fix .custom_btn.book_now_button i{
		margin-right: 7px;
	}

}


@media(max-width: 1275px){
	.footer_player {
		position: fixed;
		background: #B29649;
		height: 60px;
		width: 100%;
		display: flex;
		bottom: 0px;
		z-index: 99;
		justify-content: start;
		align-items: center;
	}
	
	.footer_player 	.radioco-information .radioco-nowPlaying {
			display: inherit;
			font-size: 9px;
			line-height: 11px;
			white-space: nowrap;
			width: 140px;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.radioco-information:after {
			content: '\f028';
			position: absolute;
			left: -3px;
			font-size: 14px;
			color: #000;
			width: 10px;
			height: 10px;
			font-weight: bold;
			font-family: "Font Awesome 5 Pro";
			display: flex;
			align-items: center;
			top: 62%;
		}
		.mob_menus .radioco-information:after{
			color: #fff !important;
		}
	.radioco-information input[type="range"] {
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  background: none;
	  cursor: pointer;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  height: 100%;
	  min-height: 35px;
	  overflow: hidden;
	  width: 115px;
		position: relative;
		left:27px;
		top: 4px;
	}

	.radioco-information input[type="range"]:focus {
	  box-shadow: none;
	  outline: none;
	}

	.radioco-information input[type="range"]::-webkit-slider-runnable-track {
	  background: #fff !important;
	  content: '';
	  height: 2px;
	  pointer-events: none;
	}


	.radioco-information input[type="range"]::-moz-range-track {
	  width: 100px;
	  height: 2px;
	}

	.radioco-information input[type="range"]::-moz-range-thumb {
	  height: 18px;
	  width: 18px;
	  background: #fff;
	  border-radius: 8px;
	  border: 1px solid #777;
	  position: relative;
	}

	.radioco-information input[type="range"]::-moz-range-progress {
	  height: 2px;
	  background: #fff !important;
	  border: 0;
	  margin-top: 0;
	}

	.radioco-information input[type="range"]::-ms-track {
	  background: transparent;
	  border: 0;
	  border-color: transparent;
	  border-radius: 0;
	  border-width: 0;
	  color: transparent;
	  height: 2px;
	  margin-top: 10px;
	  width: 100px;
	}

	.radioco-information input[type="range"]::-ms-thumb {
	  height: 18px;
	  width: 18px;
	  background: #fff;
	  border-radius: 8px;
	  border: 1px solid #777;
	}

	.radioco-information input[type="range"]::-ms-fill-lower {
	  background: #fff !important;
	  border-radius: 0;
	}

	.radioco-information input[type="range"]::-ms-fill-upper {
	  background: #c7c7c7;
	  border-radius: 0;
	}

	.radioco-information input[type="range"]::-ms-tooltip {
	  display: none;
	}
	.radioco-elapsedTime{
	  opacity:0.4;
	  font-size:14px;
	}
	
	
	
	.radioco-playButton-playing, .radioco-playButton-paused {
		font-family: "controls";
		width: 30px;
		position: relative;
		text-size: 150%;
		text-shadow: none;
		height: 30px;
		background: #ffffff;
		border-radius: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.radioco-playButton-playing:before, .radioco-playButton-paused:before  {
		color: #b29649;
	}
	.r_player_inf, .radio_name, .radioco-nowPlaying, .radioco-information:after {
		
		color: #fff !important;
	}
	.radioco-information input[type="range"] {
		width: 127px;
		position: relative;
		left: 27px;
		top: 4px;
	}
}


			
		@media (max-width: 600px) {
			.navbar.nav_fix .logo {
				width: 50% !important;
			}
			
			.footer_player{
				padding-left: 17px;
			}
			  .radioplayer, .radioplayer_mob {
				width: 231px !important;
						height: 59px !important;
				
			  }
			br {
				display: none !important;
			}
			
			.radioco-playButton {
				top: 0px;
				text-align: left;
				margin-left: 0%;
				position: relative;
				z-index: 2;
				font-size: 50px;
				width: 22%;
				padding: 10px;
				display: flex;
				align-items: center;
				justify-content: flex-start;
				padding-left: 0px;
			}
	   }