/*
 Theme Name:   ProRadio Child
 Theme URI:    https://pro.radio/
 Description:  The child theme allows easier customizations and template overrides
 Author:       Pro.Radio
 Author URI:   https://pro.radio/
 Template:     proradio
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         right-sidebar
 Text Domain:  proradio-child
*/

/***************************************************************
****************************************************************
************* PUT YOUR CUSTOM STYLES BELOW ********************/
@import url('https://fonts.googleapis.com/css2?family=Almarai&display=swap');

.owl-carousel{direction:ltr}
.ads{position:relative;padding:30px 0;text-align:center}
.ads.adsMega{background:#f2f2f2}
.ads.adsPavet{padding:0 0 40px}
.ads.adsMega .container, .ads.adsMegaMobile .container{position:relative;z-index:1}
.adsMega .container div, .adsMegaMobile .container div{width:1000px;height:300px;margin:0 auto}
.adsMegaMobile{display:none}
.proradio-menu{box-shadow:0 0 8px 0 rgb(51 51 51 / 30%)}
.proradio-caption span{margin-left:0;padding:0 25px;line-height:36px}
.proradio-caption span::after{width:100%;left:0;transform:none;border-radius:18px;background:#032856}
.proradio-playercontainer--footer{direction:ltr}
.proradio-cats a{padding:3px 5px !important;border-radius:5px !important;border:1px solid !important;background:rgba(255,255,255,0.5) !important}
.proradio-post .proradio-post__title a, .proradio-post:hover .proradio-post__title a{background-image:none !important}
ul.elementor-icon-list-items li{list-style:none !important}

/* arabe */
html[lang="ar"] body, html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6, html[lang="ar"] .proradio-menubar li a{font-family:'Almarai', sans-serif !important}
html[lang="ar"] .proradio-row .proradio-col{float:right !important}
html[lang="ar"] .proradio-menu-horizontal .proradio-menubar>li ul{left:0;right:auto}
html[lang="ar"] .proradio-menu-horizontal .proradio-menubar>li ul li a{text-align:right}
html[lang="ar"] .proradio-post__inline.has-post-thumbnail{padding:0 80px 0 0}
html[lang="ar"] .proradio-post__inline .proradio-thumb{float:right;margin:0 0 0 12px;left:auto;right:0}
html[lang="ar"] .proradio-post__inline h6{margin:6px 12px 2px 0}
html[lang="ar"]  #proradio-body .proradio-master .proradio-searchform input[type="text"]{padding-right:50px}
html[lang="ar"] .proradio-widget.widget_categories ul li.cat-item a{float:right;padding-right:50px}
html[lang="ar"] .proradio-widget.widget_categories ul li.cat-item:before{transform:rotateZ(180deg)}
html[lang="ar"] .proradio-widget>ul li::before, html[lang="ar"].proradio-widget ul.menu li::before{direction:rtl;right:0}
html[lang="ar"] .proradio-widget>ul li::before, html[lang="ar"].proradio-widget ul.menu li::before{direction:rtl;right:0}

/* Responsive */
@media only screen and (min-width: 1200px){
	html[lang="ar"] .proradio-tabs__menu li:last-child a{-webkit-border-radius:50px 0 0 50px;-moz-border-radius:50px 0 0 50px;border-radius:50px 0 0 50px;margin:0 -2px 0 2px !important}
	html[lang="ar"] .proradio-tabs__menu li:first-child a{-webkit-border-radius:0 50px 50px 0;-moz-border-radius:0 50px 50px 0;border-radius:0 50px 50px 0;margin:0 2px 0 -2px !important}
	html[lang="ar"] #proradio-body .proradio-master .proradio-slider__c .proradio-container{transform:translateX(50%);right:50%;left:auto}
}
@media screen and (max-width:1199px){
	.adsMega .container, .adsMegaMobile .container{transform:scale(0.8);height:240px}
	.adsMega .container div, .adsMegaMobile .container div{position:absolute !important;left:50%;margin:-15px 0 0 -500px}
}
@media screen and (max-width:991px){
	.adsMega .container, .adsMegaMobile .container{transform:scale(0.6);height:180px}
	.adsMega .container div, .adsMegaMobile .container div{margin:-30px 0 0 -500px}
}
@media screen and (max-width:767px){
	.ads{padding:15px 0}
	.adsMega .container, .adsMegaMobile .container{transform:scale(0.5);height:140px}
	.adsMega .container div, .adsMegaMobile .container div{margin:-40px 0 0 -500px}
	.adsMegaMobile{display:block}
}
@media screen and (max-width:575px){
	.adsMega .container, .adsMegaMobile .container{transform:scale(0.4);height:120px}
	.adsMega .container div, .adsMegaMobile .container div{margin:-45px 0 0 -500px}
}
@media screen and (max-width:479px){
	.adsMega .container, .adsMegaMobile .container{transform:scale(0.3);height:90px}
	.adsMega .container div, .adsMegaMobile .container div{margin:-55px 0 0 -500px}
}