@charset "UTF-8";
/*
Theme Name: Beel-ze-Bul
Author: miona
Description: My WordPress Theme
Version: 1.0
*/
.fancybox-slide--image .fancybox-image{cursor:zoom-in !important;}
.fancybox-can-zoomOut .fancybox-slide--image .fancybox-image{cursor:zoom-out !important;}
.up, .left, .right, .transform1, .transform2{opacity:0;position:relative;}
.upstyle, .leftstyle, .rightstyle, .transform1style, .transform2style{opacity:1;transition:0.5s 1s;}
.transform1{transform:scaleX(0);}
.transform1style{transform:scaleX(1);}
.char{opacity:0;animation:fadeIn 0.5s linear both;}
.flexbox{display:flex;display:-ms-flexbox;}
.article{margin-bottom:15px;padding:2%;border:solid 1px #fff;border-radius:10px;background-color:rgba(0,0,0,0.7);}
.list3{margin:-15px 0 3px 35px;}
.boxA{width:70%;margin:0 10px 10px 0;}
.boxA a{text-decoration:none;}
.boxA a:hover{color:#fff;}
.boxA a img{display:inline-block;}
.boxA .card-box{display:flex;flex:1 1 30%;flex-wrap:wrap;gap:1.5rem;cursor:pointer;}
.boxA .card-box a{text-decoration:none;color:#fff;}
.boxA .linkbox{height:100%; width:300px;flex:1 1 100%;box-sizing:border-box;background:none;}
.boxA .texbody{margin:5%;line-height:1.5;font-size:18px;}
.boxA .texbody a{text-decoration:none;color:#87cefa;}
.boxA .texbody a[target="_blank"] {&:after {font-family:"Font Awesome 6 Free";content:"\f08e";font-weight:900;margin:0 0 0 0.45rem;}}
.blogcard-link{text-decoration:none;color:inherit;display:block;}
.blogcard{display:flex;flex-wrap:wrap;gap:12px;background:#000;border:1px solid #ccc;border-radius:8px;padding:12px;margin:1.5em 0;box-shadow:0 2px 6px rgba(0,0,0,0.1);transition:box-shadow 0.3s;}
.blogcard:hover{box-shadow:0 4px 12px rgba(0,0,0,0.2);}
.blogcard-thumbnail{flex-shrink:0;width:120px;}
.blogcard-thumbnail img{width:100%;height:auto;border-radius:4px;}
.blogcard-content{flex:1;}
.blogcard-title{font-size:1.1em;font-weight:bold;color:#87cefa;margin:0 0 0.5em;}
.blogcard-title span{font-size:12px;font-weight:normal;color:#87cefa;}
.blogcard-excerpt{font-size:15px;color:#ccc;margin:0;}
.boxA .figure{float:left;padding-right:15px;}
.boxA .figure img{width:320px;height:180px;object-fit:cover;display:block;}
.boxA .title{color:#87cefa;font-size:16px;font-weight:bold;display:inline-block;}
.boxA .tim{color:#87cefa;font-size:0.8rem;}
.boxA .titl{text-align:center;color:#87cefa;font-size:18px;font-weight:bold;display:block;}
.boxA  .time{color:#87cefa;font-size:0.8rem;}
.boxA .comment{text-align:right;}
.boxA .div{text-indent:1em;positionrelative;top:-15px;display:inline-block;font-size:13px;}
.boxA .div a{text-align:center;text-decoration:none;line-height:1.8;border:solid 1px #fff;border-radius:3px;padding:0 0.5rem;width:6rem;transform:scale(0.8);background:rgba(255,255,255,0.8);color:#000;}
.boxA .div a:hover{text-align:center;text-decoration:none;line-height:1.8;border:solid 1px #fff;border-radius:3px;padding:0 0.5rem;width:6rem;transform:scale(0.8);background:rgba(0,0,0,0.8);color:#fff;}
.boxA .page{margin-left:8vw;}
.boxA .page a{text-decoration:none;}
.boxA .page a:hover{text-decoration:none;color:#789;}
.boxA .texbody h1,.boxA .texbody h2,.boxA .texbody h3,.boxA .texbody h4,.boxA .texbody h5,.boxA .texbody h6{line-height:1.25;font-weight:bold;}
.boxA .texbody h4,.boxA .texbody h5,.boxA .texbody h6{font-size:20px;padding:9px 10px;}
.boxA .texbody h2{font-size:24px;padding:25px;background-color:#C8C8C8;border-radius:#C8C8C8;}
.boxA .texbody h3{margin-left:0px;border-left:7px solid #C8C8C8;border-right:1px solid #C8C8C8;border-top:1px solid #C8C8C8;border-bottom:1px solid #C8C8C8;font-size:22px;padding:12px 20px;}
.boxA .texbody h4{border-top:2px solid #C8C8C8;border-bottom:2px solid #C8C8C8;}
.boxA .texbody h5{border-bottom:2px solid #C8C8C8;}
.boxA .texbody h6{border-bottom:1px solid #C8C8C8;}
.boxA .x-quote-wrapper{position:relative;margin:1em 0;}
.boxA .x-tab{position:absolute;top:-0.7em;left:0;background:#1da1f2;color:white;font-size:0.7em;font-weight:bold;padding:0.2em 0.6em;border-radius:0 4px 4px 0;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);z-index:1;}
.boxA .x-quote{position:relative;background:none repeat rgba(255, 255, 255, 0.5);border:1px solid #fff; border-left:6px solid #1da1f2;border-radius:4px;padding:20px 55px;}
.boxA .x-quote:before{color:#000;content:"“";font-family:serif;font-size:600%;left:0;line-height:1em;position:absolute;top:0;}
.boxA .x-quote:after{color:#000;content:"”";font-family:serif;font-size:600%;line-height:0;position:absolute;right:0;bottom:-5px;}
.boxA .bold{font-weight:bold;}
.boxA strong{font-weight:bold;}
.boxA .italic{display:inline-block;font-style:oblique;transform:skewX(-0.06turn);}
.boxA .aligncenter{text-align:center;}
.boxA .alignright{text-align:right;}
.boxA blockquote{background:none repeat rgba(255, 255, 255, 0.5);border:1px solid #c8c8c8;margin:1em 0;padding:20px 55px;position:relative;color:#000;}
.boxA blockquote:before{color:#000;content:"“";font-family:serif;font-size:600%;left:0;line-height:1em;position:absolute;top:0;}
.boxA blockquote:after{color:#000;content:"”";font-family:serif;font-size:600%;line-height:0;position:absolute;right:0;bottom:-16px;}
.boxA .redline{border-bottom:1px solid red;}
.boxA .reddouble{border-bottom:4px double red;}
.boxA .blueline{border-bottom:1px solid blue;}
.boxA .bluedouble{border-bottom:4px double blue;}
.boxA .grad-red-orange{background:linear-gradient(90deg,#ff0000 25%,#ff6a00 50%,#ffa500 70%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.boxA .grad-red-orange i{background:linear-gradient(90deg,#ff0000 25%,#ffa500 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;transform:scale(1);}
.boxA .grad-blue-cyan{background:linear-gradient(90deg,#0060ff 25%,#009dff 50%,#00d4ff 70%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.boxA .grad-blue-cyan i{background:linear-gradient(90deg,#0060ff 25%,#009dff 50%,#00d4ff 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;transform:scale(1);}
.boxA .grad-purple-pink{background:linear-gradient(90deg,#8a00d4 25%,#c000c9 50%,#ff1493 70%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.boxA .grad-purple-pink i{background:linear-gradient(90deg,#8a00d4 25%,#c000c9 50%,#ff1493 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;transform:scale(1);}
.boxA .grad-green-lime{background:linear-gradient(90deg,#008000 25%,#39c900 50%,#7fff00 70%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.boxA .grad-green-lime i{background:linear-gradient(90deg,#008000 25%,#39c900 50%,#7fff00 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;transform:scale(1);}
.boxA .grad-gold{background:linear-gradient(90deg,#b48a00 20%,#ffd700 50%,#fff2a6 80%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.boxA .grad-gold i{background:linear-gradient(90deg,#b48a00 20%,#ffd700 50%,#fff2a6 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;transform:scale(1);}
.boxA .grad-rainbow{background:linear-gradient(90deg,#ff0000 10%,#ff7a00 25%,#ffe600 40%,#00d000 55%,#00c8ff 70%,#0040ff 85%,#9c00ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.boxA .grad-rainbow i{background:linear-gradient(90deg,#ff0000 10%,#ff7a00 25%,#ffe600 40%,#00d000 55%,#00c8ff 70%,#0040ff 85%,#9c00ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;transform:scale(1);}
.boxA .wp-caption-text{font-size:12px;color:#808080;padding-top:5px;}
.boxA .row{display:flex;gap:10px;}
.boxA .youtube{position:relative;width:100%;max-width:750px;margin:auto;padding-top:56.25%;}
.boxA .youtube iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important;border:solid 1px #a9a9a9;border-radius:5px;padding:0px;}
.boxB{width:40%;margin-top:0 10px;color:#fff;}
.boxB h3{margin-left:10px;margin-bottom:5px;}
.boxB span{font-size:12px;}
.boxB .widget-title,.screen-reader-text{display:none;}
.boxB li{list-style-type:none;margin:-15px 0 3px 15px;}
.boxB input{border-radius:3px;background:#000;color:#fff;}
select{background:#000;color:#fff;margin-left:20px;}
option{background:#000;color:#fff;}
#custom-post-type-categories-2 select{width:135px;max-width:100%;}
#respond a{text-decoration:none;color:#87cefa;}
#respond p{margin-top:0;margin-bottom:20px;font-size:12px;}
#respond label{font-size:14px;}
#respond input,
#respond textarea{width:100%;padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#respond input[type="submit"]{width:200px;padding:10px;border-radius:5px;transform:scale(0.8);background:rgba(255,255,255,0.8);color:#000;cursor:pointer;}
#respond input[type="submit"]:hover{background:rgba(0,0,0);border-radius:5px;color:#fff;}
#respond .required{color:#ff0000;}
#comments{border:solid 1px #fff;border-radius:10px;background-color:rgba(0,0,0,0.7);padding:15px;}
#comments h2 .comments__ttl{font-size:14px;}
#comments footer{background:none;margin:0;color:#000;font-size:12px;}
#comments footer a{color:#000;}
#comments footer div{display:inline;}
#comments ul{list-style:none;margin:0;padding:0;}
#comments article{margin-bottom:10px;padding:10px 20px 20px 20px;}
#comments .comment-content{margin-left:30px;}
#comments .fn{color:#87cefa;}
#comments li{border-bottom:1px dashed #808080;}
#comments .required-field-message{display:flex;align-items:center;gap:0.3em;font-size:14px;color:#fff;margin-bottom:10px;}
#comments .required-field-message .required{font-weight:bold;color:#f00;font-size:1.1em;}
#sidebar .side-title{color:#87cefa;font-size:1.5rem;font-weight:bold;}
#sidebar .comment-author-link{color:#87cefa;}
.wp-pagenavi{text-align:center;margin:20px 0;letter-spacing:0;font-family:Arial, Helvetica, sans-serif;}
.wp-pagenavi a, .wp-pagenavi span{margin:0 4px!important;padding:4px 9px;color:#789;background:rgba(255,255,255,0.8);border:solid 1px #000;border-radius:3px;font-size:15px;line-height:1.5;text-align:center;transition:0.2s ease-in-out;}
.wp-pagenavi a:hover{color:#fff;background-color:#707070;border-color:#707070;border-radius:3px;text-decoration:none;}
.wp-pagenavi span.current{color:#fff;background:#000;border-color:#808080;}
.page{text-align:center;}
.no-bgcolor{background-color:transparent !important;}
footer small{font-size:100%;}
footer{font-size:0.8rem;text-align:center;padding-bottom:1rem;}
footer a{color:inherit;text-decoration:none;}
.pagetop-show{display:block;}
.pagetop a{display:block;text-decoration:none;text-align:center;padding:20px 0 0 0;z-index:99;animation:opa1 0.2s 0.2s both;position:fixed;right:20px;bottom:20px;color:#fff;font-size:1.5rem;background:rgba(0,0,0,0.5);width:60px;height:60px;line-height:1.5;border-radius:50%;}
.clearfix::after{content:"";display:block;clear:both;}
.small{font-size:0.75em;}
.color-check, .color-check a{color:#87cefa;}
.twitter-share-button{border:solid 1px #a9a9a9;border-radius:15px;}
@media screen and (min-width:900px){
.ws{width:48%;display:inline;}
.sh{display:none;}
.pc{display:block;}}
@media screen and (max-width:1920px){
.share{width:7.9%;}
.boxB{margin-left:15px;width:40%;}}
@media screen and (max-width:768px){
.boxA .figure{float:none;}
.boxA .figure img{width:380px;}}
@media screen and (max-width:640px){
.flexbox{display:block;}
.boxA{width:100%;margin:0;}
.boxA .x-quote{padding:0.75em;font-size:0.9rem;}
.boxA .x-quote::before{font-size:0.65rem;padding:0.2em 0.4em;}
.boxB{width:100%;margin-left:0;}}
@media screen and (max-width:600px){
.blogcard{flex-direction:column;align-items:flex-start;}
.blogcard-thumbnail{width:100%;margin-bottom:12px;}
.blogcard .blogcard-thumbnail img{width:320px;height:180px;object-fit:cover;}
.blogcard-title{font-size:1em;}
.blogcard-excerpt{font-size:0.85em;}}
@media screen and (max-width:480px){
.card-box{width:calc(100% - 1%);}
.figure{width:100%;text-align:center;padding:10px;}
.title{display:inline-block;}
#pageTop{bottom:70px;right:30px;}
#pageTop a{padding:8px 6px 3px 6px;width:30px;height:30px;}}
@media screen and (max-width:430px){
.pk{margin-left:5vw}
.article{width:99%;padding:8px;font-size:15px;}
.boxA .cat{margin-left:58%;}}
@media screen and (max-width:360px){
.boxA .texbody{margin:2%;font-size:15px;}}
@media screen and (max-width:320px){
.boxA .cat{margin-left:35%;}
.boxA .page{margin-left:2vw;font-size:12px;}}