/*
    Theme Name: RingTones
    Theme URI: https://tonodellamada.net
    Author: tonodellamada
    Author URI: https://tonodellamada.net
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i&display=swap&subset=vietnamese');
@media screen {
*{margin:0;padding:0}
a:link{text-decoration:none}
a:focus{outline:none}
img{display:block;padding:0;outline:none;border:none}
ul{list-style:none}
h1{margin:0;padding:0}
body{font-family:'Roboto',sans-serif;font-size:14px;line-height:23px;font-weight:400;color:#333;background-color:#f1e9e9}
body.body-padding{padding-top:74px}
body.logged-in.body-padding{padding-top:74px}
.container{width:1040px;margin:0 auto;position:relative}
.header-fixed{position:fixed;top:0;left:0;width:100%;z-index:10000;box-shadow:0 3px 5px rgba(0,0,0,.1)}
.logged-in .header-fixed{top:32px}
.header{background-image: linear-gradient(-243deg,#f8bf00 0%,#ff5722 100%);}
.header .container{height:70px;line-height:70px}
.logo{margin:0;padding:0;height:50px;margin-top:10px}
.header-fixed .logo{height:30px;margin-top:20px}
.logo a{display:block;height:100%}
.logo a img{height:100%}
.close-nav{display:none}
.icon-show-nav{display:none;color:#fff;position:absolute;left:0;font-size:25px;cursor:pointer}
.icon-search{display:none;color:#fff;position:absolute;right:0;font-size:22px;cursor:pointer}
.header-fixed .collap-main-nav{margin-top:12px}
.main-nav-inner>ul>li{float:left;position:relative}
.main-nav-inner>ul>li:nth-child(n+2){margin-left:40px}
.main-nav-inner>ul>li.menu-item-has-children>a:before{position:absolute;font-family:'Font Awesome 5 Pro';content:"\f107";right:18px;color:#fff;font-size:12px;z-index:1000000}
.main-nav-inner>ul>li a{display:block;color:#fff}
.main-nav-inner>ul>li>a{position:relative;font-size:15px;font-weight:400}
.main-nav-inner>ul>li>a i{margin-right:10px}
.main-nav-inner>ul>li:hover>a,.main-nav-inner>ul>li>a:hover,.main-nav-inner>ul>li.current-menu-item>a{color:#fff}
.main-nav-inner>ul>li.menu-item-has-children>a{padding-right:35px}
.main-nav-inner>ul>li ul{
    position: absolute;
    top: calc(100% + 10px);
    left: 0px;
    min-width: 200px;
    background-color: #fff;
    z-index: 100;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    border-radius: 5px;
    line-height: 1.5;
    transition: all ease-in-out .3s;
    opacity: 0;
    visibility: hidden;
}
.main-nav-inner>ul>li:hover ul{
    opacity: 1;
    visibility: visible;
    top: 100%;
}
.main-nav-inner>ul>li ul:before{
    position: absolute;
    content: '';
    top: -16px;
    left: 15px;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff;
}
.main-nav-inner>ul>li ul li:nth-child(n+2){
    border-top: 1px solid #e8e8e8;
}
.main-nav-inner>ul>li ul li a{
    color: #333;
    padding: 8px 15px;
}
.main-nav-inner>ul>li ul li:first-child a{
    border-radius: 5px 5px 0 0;
}
.main-nav-inner>ul>li ul li:last-child a{
    border-radius:  0 0 5px 5px;
}
.main-nav-inner>ul>li ul li a:hover{
    background: #f9f9f9;
    color: red;
}
.home-wrap .container{padding:40px 0;}
.search-form{font-size:15px;font-weight:400;background-color:#fff;position:relative;border-radius:10px;}
.search-input{width:100%;height:45px;outline:none;padding:0 15px;border:none;border-radius:10px;}
.search-input:focus{box-shadow:0 0 0 5px rgba(255, 255, 255, .2);}
.search-submit{position:absolute;top:0px;right:0px;border-radius:0 10px 10px 0;width:150px;height:45px;outline:none;border:none;color:#fff;background-image: linear-gradient(-243deg,#f8bf00 0%,#ff5722 100%);}
.search-submit:hover{background-image: linear-gradient(-243deg,#f8bf00 0%,#c10b1d 100%);}
.main-wrap{margin-top:40px}
.sidebar{width:250px}
.primary{width:calc(100% - 280px)}
.home-container-wrap .sidebar{width:100%;margin-top:40px;}
.home-container-wrap .primary{width:100%;}
.primary-item:nth-child(n+2){margin-top:30px}
.primary-item-head{position:relative;font-weight:700;font-size:18px;line-height:28px;color:#000;}
.primary-item-head a{color:#000}
.primary-item-head span{color:#000;}
.primary-item-content{position:relative;margin-top:20px}
.post-file-item{position:relative;width:calc((100% - 50px) / 3);margin-right:25px;color:#333;background-color:#fff;border-radius:10px;overflow:hidden;}
.post-file-item:hover{box-shadow:0 0 0 5px rgba(255, 255, 255, .2);}
.post-file-item:nth-child(3n+3){float:right;margin-right:0px;}
.post-file-item:nth-child(n+4){margin-top:25px}
.archive-post-wrap .post-file-item{position:relative;width:calc((100% - 25px) / 2);}
.archive-post-wrap .post-file-item:nth-child(3n+3){float:left;margin-right:25px;}
.archive-post-wrap .post-file-item:nth-child(2n+2){float:right;margin-right:0px;}
.archive-post-wrap .post-file-item:nth-child(n+3){margin-top:25px}
.post-file-item-left{width:70px;height:77px;background-image: linear-gradient(-243deg,#f8bf00 0%,#ff5722 100%);line-height:77px;text-align:center;color:#fff;font-size:35px;border-radius:10px 0 0 10px;}
.post-file-item:hover .post-file-item-left{background-color:#FF2E55;}
.post-file-item-right{width:calc(100% - 71px);}
.post-file-item-title{font-size:15px;font-weight:400;color:#333;padding:10px 12px;padding-bottom:6px;}
.post-file-item-title a{display: block;color: #333;}
.post-file-item-title i{color:#4c74ba;margin-right:5px;}
.post-file-item:hover .post-file-item-title a,.post-file-item:hover .post-file-item-title i{color:#de0000}
.post-file-item-meta{margin-top:5px;line-height:20px;padding:6px 12px;background-color:#f9f9f9;border-top:1px solid #ddd;font-size:13px;}
.post-file-item-meta p span,.post-file-item-meta p a{float:left;display:block;}
.post-file-item-meta p a{width:calc(100% - 65px);}
.post-file-item-meta p span:nth-child(n+2),.post-file-item-meta p a:nth-child(n+2){margin-left:10px;}
.post-file-item-meta p a{color:#333;}
.post-file-item-meta p a:hover{color:#c9132a;}
.post-file-item-meta p i{margin-right:5px;color:#999;}
.primary-item-morelink{margin-top:30px;text-align:center;}
.primary-item-morelink a{height:35px;line-height:35px;padding: 0 15px;color:#fff;border:1px solid #e0710c;display:inline-block;border-radius:10px;background-image: linear-gradient(-243deg,#f8bf00 0%,#c10b1d 100%);}
.pagination{clear:both;text-align:center;margin-top:20px}
.pagination span,.pagination a{display:inline-block;margin-right:10px;margin-top:10px;height:35px;line-height:35px;padding:0 15px;color:#333;background-image:linear-gradient(147deg,#fefefe 0%,#efefef 100%);border:1px solid #e8e8e8;border-radius:10px;}
.pagination-template a:last-child,.pagination-template span:last-child{margin-right:0}
.pagination a:hover,.pagination .current{color:#fff;background-image: linear-gradient(-243deg,#f8bf00 0%,#c10b1d 100%);border:1px solid #de6a0e;}
.pagination .current{padding: 0 18px;}
.pagination .next,.pagination .prev{width:auto;padding:0 15px}
.ajax-pagination span{cursor:pointer}
.ajax-pagination .prev,.ajax-pagination .next{display:none}
.sidebar-item:nth-child(n+2){margin-top:30px}
.sidebar-item-content{margin-top:20px;background-color:#fff;padding:15px;border-radius:10px;}
.sidebar-item-nav ul{overflow:hidden}
.sidebar-item-nav ul li{float:left;width:calc(100%);box-sizing:border-box;}
.sidebar-item-nav ul li:nth-child(n+2){margin-top:10px}
.sidebar-item-nav h3{font-weight:400;font-size: 14px;}
.sidebar-item-nav ul li a{position:relative;display:block;color:#333;padding-left:15px}
.sidebar-item-nav ul li a:hover{color:#de0000}
.sidebar-item-nav ul li a:before{position:absolute;font-family:'Font Awesome 5 Pro';content:"\f0da";top:-1px;left:0px;color:#ffcf00;font-weight:700}
.sidebar-item-nav ul li a:hover:before{color:#de0000}
.home-container-wrap .sidebar-item-nav ul li:nth-child(n){float:left;width:calc((100% - 50px) / 3);margin-right:25px;margin-top:0px;}
.home-container-wrap .sidebar-item-nav ul li:nth-child(3n+3){float:right;margin-right:0px;}
.home-container-wrap .sidebar-item-nav ul li:nth-child(n+4){margin-top:12px;}
.footer{background-color:#1d1c1c;}
.footer .container{padding:20px 0;color:#a5a3a3;text-align:center;}
.footer-nav ul{overflow:hidden}
.footer-nav ul li{float:left;position:relative;color:#999}
.footer-nav ul li:nth-child(n+2){margin-left:10px;padding-left:10px}
.footer-nav ul li:nth-child(n+2):before{position:absolute;content:'';width:1px;height:12px;top:5px;left:0px;background-color:#828282;}
.footer-nav ul li a{color:#fff}
.footer-nav ul li a:hover{color:#c9132a}
.single-top{background-color:#fff;border-radius:10px;}
.single-top-inner{background-image: linear-gradient(-243deg,#f8bf00 0%,#ff5722 100%);border-radius:10px 10px 0 0;}
.single-top-head{padding:15px 15px;}
.single-title{font-size:18px;line-height:28px;font-weight:700;color:#fff;}
.single-page-content{margin-top:20px}
.single-content{font-size:16px;line-height:26px}
.single-content p{padding:10px 0}
.single-content p:first-child{padding-top:0}
.single-content p:last-child{padding-bottom:0}
.single-content table,.single-pro-des table{width:100%!important;margin:10px 0;border-top:1px solid #ddd;border-left:1px solid #ddd}
.single-pro-des table{margin:0;margin-top:15px;background-color:#fff}
.single-content table tr td,.single-pro-des table tr td{padding:10px 15px;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.single-content table tr td[colspan="3"]{color:#fff;background-color:#518aaa;letter-spacing:1px}
.single-content a{color:#ff5722}
.single-content a:hover{text-decoration:underline}
.single-content img{width:auto!important;max-width:100%;height:auto!important;margin:10px auto;display:inline-block;}
.single-content h2{font-size:18px;line-height:27px;font-weight:700;padding:10px 0}
.single-content h3{padding:10px 0;line-height:25px}
.single-content ul{list-style:square;padding:10px 0;padding-left:30px}
.single-content ul li:nth-child(n+2){margin-top:5px}
.single-content p iframe,.single-content iframe{display:block!important;width:100%!important;height:500px!important}
.single-content .wp-caption{width:100%!important}
.single-content p.wp-caption-text{padding-top:0;padding-bottom:10px;text-align:center;line-height:20px;color:#666;font-style:italic}
.empty-content{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;padding:10px 12px}
.audio-item-play{}
.audio-item-play .plyr{border-radius:0px!important}
.single-meta-box{background-color:#f5f5f5;border-top:none;padding:15px;color:#333;}
.single-meta-box-left button, .single-meta-box-left span{display:inline-block;margin-right:10px;}
.single-meta-box-left span{font-size:15px;}
.single-meta-box-left span i{margin-right:5px;color:#ff8550;}
.form-download{display:inline-block;}
.btn-dl-item{display:inline-block;height:32px;line-height:32px;padding:0 10px;color:#fff!important;margin-right:5px;outline:none;background-image: linear-gradient(-243deg,#f8bf00 0%,#ff5722 100%);border:none;border-radius:5px;}
.btn-dl-item:hover{color:#000}
.btn-dl-item i{margin-right:5px}
.single-info-content .post-file-item-meta{margin-top:0}
.single-meta-box-right{padding-top:4px;}
.single-meta-box-right a{color:#ff601f}
.plyr--audio .plyr__controls{background-color:rgba(255, 255, 255, .2)!important;color:#fff!important;}
.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true]{
    background: #f7a000!important;
}
.plyr__control.plyr__tab-focus {
    box-shadow: 0 0 0 5px rgb(238, 102, 0);
    outline: 0;
}
.plyr--audio .plyr__progress__buffer {
    color: #fff!important;
}
.plyr--full-ui input[type=range]{color:#f48900!important;}
.single-top-content{padding: 15px;}
.single-tag{margin-top:20px}
.single-tag-left{width:70px;font-size:13px;padding-top:10px;font-weight:500}
.single-tag-left i{margin-right:5px}
.single-tag-right{width:calc(100% - 70px)}
.single-tag-item{border-radius:28px;display:inline-block;height:26px;line-height:26px;border:1px solid #ddd;padding:0 10px;margin-right:5px;margin-top:8px;color:#333;font-size:13px;background-color:#fff;}
.single-tag-item:hover{color:#e72837;border:1px solid #e72837}
.single-related{margin-top:30px}
.ads-item{margin-top:20px}
.bg-overlay{position:absolute;content:'';width:100%;height:100%;top:0;left:0;z-index:5;background-color:rgba(255,255,255,.5)}
.lds-ripple{position:absolute;top:calc(50% - 40px);left:calc(50% - 40px);display:inline-block;width:80px;height:80px;z-index:10}
.lds-ripple div{position:absolute;border:4px solid #fecc40;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,0.2,0.8,1) infinite}
.lds-ripple div:nth-child(2){animation-delay:-.5s}
.single-dl-btn a{height:50px;line-height:50px;padding:0 10px;box-sizing:border-box;text-align:center;width:calc((100% - 20px) / 2);color:#fff;font-weight:700;font-size:16px;border-radius:10px;background: linear-gradient(0deg, #c10b1d 0%, #f8bf00 100%);}
.single-dl-btn a:hover{background: linear-gradient(0deg, #d14418 0%, #fcde7c 100%);color:#000}
.single-dl-btn a i{margin-right:10px}
.download-wrap{overflow:hidden;}
.download-wrap-head h1{font-size:22px;line-height:32px;font-weight:700;color:#000;}
.download-wrap-content{margin-top:20px;}
.download-wrap-content .ads-item{margin-bottom:20px;margin-top:0px;display:block !important;}
.download-wrap-content a i{font-size:20px;}
}
@keyframes lds-ripple {
0%{top:36px;left:36px;width:0;height:0;opacity:1}
100%{top:0;left:0;width:72px;height:72px;opacity:0}
}