@media all{
/*Lesson Frame design*/
.lesson-left-part {background: #14b0ef; border-radius: 20px; padding: 15px;}
.lesson-left-part .lesson-articles {background: #fff; margin-top: 0; padding: 15px;}
.lesson-txt-inside {overflow: auto; height: 600px;}
.lesson-articles h2 {border-bottom: 3px solid #fec20b; margin-bottom: 25px; padding-bottom: 15px; color: #fec20b;}
.lesson-resources .item {margin-right: unset !important; margin-left: unset !important; width: unset !important;}
/*End lesson Frame design*/
*,::after,::before{box-sizing:border-box;}
button{border-radius:0;}
button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color;}
button{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}
button{overflow:visible;}
button{text-transform:none;}
button,html [type=button]{-webkit-appearance:button;}
[type=button]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none;}
.slider-arrow .owl-nav button.owl-next span, .slider-arrow .owl-nav button.owl-prev span {top: 9px !important;}
.img-group-all {background: #fec20b; height: 100%; overflow: hidden;	border-radius: 10px; box-shadow: 0 6px 5px 0 rgba(0,0,0,0.1);}
.inner-mid-page .img-group-all .img-group img { height:250px; object-fit: cover;}
.cbrain-video-page .img-group-all > .img-group > img {height: auto; object-fit: inherit;}
.img-group {background: #26b4d7;	padding: 8px;	border-radius: 10px 10px 0 0;	position: relative;}
.img-group img {border-radius: 8px;	border: unset;	width: 100%;}
.reading-circle {background: #fec20b;	width: 36px;	height: 36px;	text-align: center;	border-radius: 100%;	position: absolute;	left: 0;	right: 0;	top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: inline-block;	line-height: 34px; margin: auto; display: none;}
.img-group-all:hover .reading-circle {display: block;}
.img-caption {text-align: center; color: #fff; padding: 12px 8px; border-radius: 0 0 10px 10px; line-height: 18px;}
.lesson-resources .owl-slider .owl-item img {display: block; width: 100%; height: 250px; object-fit: cover;}
.img-caption span a {color: black; font-size: 17px;}
@media print{
*,::after,::before{text-shadow:none!important;box-shadow:none!important;}
}
.owl-slider .owl-nav .owl-next,.owl-slider .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.owl-slider .owl-nav button.owl-next,.owl-slider .owl-nav button.owl-prev{background:0 0;color:inherit;border:none;padding:0!important;font:inherit;}
.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent;}
.owl-theme .owl-nav{margin-top:10px;}
.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px;}
.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none;}
*{margin:0;padding:0;}
button{transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
:focus,button:focus{outline:none!important;outline-offset:none!important;text-decoration:none!important;}
.slider-arrow .owl-nav{position:absolute;top:-70px;right:0;}
.slider-arrow .owl-nav button.owl-prev{background:url(https://s3.us-east-1.amazonaws.com/catholicbrain/layout/min/common/2020/v-6-4-17/images/leftarrow.jpg) no-repeat top left!important;width:42px;height:42px;}
.slider-arrow .owl-nav button.owl-next{background:url(https://s3.us-east-1.amazonaws.com/catholicbrain/layout/min/common/2020/v-6-4-17/images/rightarrow.jpg) no-repeat top right!important;width:42px;height:42px;}
.slider-arrow .owl-nav button.owl-prev span,.slider-arrow .owl-nav button.owl-next span{font-size:0;}
.owl-slider.content-slider.owl-theme .owl-nav [class*=owl-]:hover{background-color:transparent;}
@media only screen and (max-width:767px){
.slider-arrow .owl-nav button.owl-prev,.slider-arrow .owl-nav button.owl-next{width:29px;height:29px;background-size:100%!important;}
}
.owl-slider .owl-nav button.owl-next,.owl-slider .owl-nav button.owl-prev{border:solid #0091da;}
.slider-arrow .owl-nav button.owl-next span,.slider-arrow .owl-nav button.owl-prev span{font-size:45px;position:absolute;top:-9px;margin-left:-6px;color:#0091da;}
@media screen and (max-width:767px){
.slider-arrow .owl-nav button.owl-next span,.slider-arrow .owl-nav button.owl-prev span{top:-16px;}
}
}