html {
background-color: #fff;
}
body {
background-image: linear-gradient(
to top,
transparent 60px,
#fff 60px,
#fff 0
);
}
/* ----------------------------------------------------------------
Custom CSS
Add all your Custom Styled CSS here for New Styles or
Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.dark .transparent-header.full-header .primary-menu .menu-container, .transparent-header.full-header.dark .primary-menu .menu-container,
#header.transparent-header.full-header #logo,
.transparent-header.full-header .primary-menu .menu-container,
.dark #header.transparent-header.full-header #logo, #header.transparent-header.full-header.dark #logo{
border-right: none;
}
.home-about-sec{
background-image: url(../images/charity_water_pouring.jpg);
background-size: cover;
background-color: #0000008a;
background-blend-mode: multiply;
color:#fff;
}
.home-about-sec .heading-block{
margin-bottom:20px;
}
.home-about-sec h3{
color:#fff;
font-weight:500;
}
.home-about-sec .button.button-border{
color:#fff;
border:1px solid #fff;
margin-top:0;
}
.home-blog .entry-title a{
color:#fff;
}
.home-blog .entry-title{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
color: #FFF;
display: block;
background: rgba(0, 0, 0, .6);
padding:20px;
}
.home-blog.posts-md .entry-image + .entry-title{
margin-top:0;
}
.home-blog .content-box{
position:absolute;
bottom:0;
left: 0;
padding: 20px;
}
.home-blog .content-box ul{
list-style:none;
}
.home-blog .content-box h3{
font-size: 20px;
font-weight: bold;
position:relative;
margin-bottom:30px;
}
.home-blog .content-box h3::after{
content: "";
border-bottom: 1px solid #fff;
width: 100%;
position: absolute;
left: 0;
bottom: -15px;
display: inline-block;
}
.blog-heading{
padding:30px 0;
margin:30px 0;
}
.blog-heading .heading-block.center::after{
margin:0 auto;
}
.heading-block::after{
margin:0;
}
.heading-block{
margin-bottom:10px;
}
.content-wrap {
padding: 40px 0;
}
#content p {
line-height: 26px;
font-size: 16px;
}
.fixed-image{
position: -webkit-sticky;
height: 100%;
z-index: 1;
background-size:auto;
background-attachment:fixed;
background-repeat:no-repeat;
}
.h-100-per{
height: 100%;
}
.content-section-box{
/* background:rgb(247 247 247);*/
padding:100px;
}
.custom-heading{
background: #007FFF;
padding: 0 10px;
color: #fff !important;
display: inline-block;
transform: skew(-20deg);
margin-right: 10px;
text-transform: capitalize !important;
margin-bottom: 30px;
}
.custom-heading::after{
content:none;
}
.custom-heading h1{color:#fff}
.play-button{
position: absolute;
top: 50%;
right: 50%;
}
.play-button .bg-light{
display: block;
width: 40px;
height: 40px;
line-height: 40px;
margin: 0 0.25rem;
font-size: 1.125rem;
text-align: center;
border-radius: 50%;
-webkit-backface-visibility: hidden;
transition: all .3s ease;
}
.content-section-box{
position:relative;
}
.svg-arrow-right{
position: absolute;
transform: rotate(90deg);
bottom: 30px;
color: #007fff;
left:90px;
}
.svg-arrow-right svg{
stroke: #e3e8ed;
fill: #5da7f1;
width: 8px;
height: 50px;
position:relative;
top:-21px;
right:56px
}
@media (max-width: 768px){
.svg-arrow-right{
bottom: 11px;
left:28px;
}
.svg-arrow-right svg{
top: 11px;
right: -25px;
}
}
.arrow-right-text{
margin-left: 50px;
font-weight: 700;
font-size: 13px;
}
.arrow-right-text a{
color: #007FFF;
}
@media(max-width:991px){
#header{
position: absolute;
z-index: 1;
width: 100%;
}
}
#slider .slider-caption,
#slider .slider-caption-center{
display:none;
}
._1j6Hs {
transition: all .5s;
border-radius: var(--rd,0);
box-shadow: var(--shd,0 0 0 rgba(0,0,0,.6));
background-color: rgba(var(--bg,var(--color_11)),var(--alpha-bg,1));
border: solid var(--borderwidth,0) rgba(var(--bordercolor,var(--color_11)),var(--alpha-bordercolor,1));
}
._1j6Hs {
transition: all .5s;
border-radius: var(--rd,0);
box-shadow: var(--shd,0 0 0 rgba(0,0,0,.6));
background-color: rgba(var(--bg,var(--color_11)),var(--alpha-bg,1));
border: solid var(--borderwidth,0) rgba(var(--bordercolor,var(--color_11)),var(--alpha-bordercolor,1));
}
._1j6Hs, ._1j6Hs._3F3MB {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
box-sizing: border-box;
}
._2Y_d7 {
height: 26px;
width: 26px;
display: flex;
align-items: center;
justify-content: space-around;
flex-direction: column;
transition: transform .2s ease;
}
._36-Ke._1jWGv {
transform: rotate(-45deg) translate(-7px,-3px);
}
._36-Ke {
width: 17px;
transition: transform .2s ease,border-color .2s ease;
}
._1nwLX, ._36-Ke {
height: 2px;
background-color: #fff;
border-radius: 10px;
}
._1nwLX {
width: 30px;
transition: opacity .2s ease,transform .2s ease;
transform: rotate(-45deg);
}
._36-Ke._2cSo9 {
transform: rotate(-45deg) translate(6px,2px);
}
.ifreme-model{
position: absolute;
top: 40%;
left: 50%;
}
.ifreme-model a{
padding: 15px;
border-radius: 50%;
}
.slider-inner,
.slider-parallax .slider-inner{
position:relative;
}
.modal-content{
background-color:transparent;
border:none;
}
.modal-body{padding:0;}
.modal-dialog{
/* max-width:100%;*/
}
@media(max-width:768px){
.content-section-box{
padding:0;
}
}
/*
* scrollbar custom
*/
body::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
body::-webkit-scrollbar{
width: 10px;
background-color: #F5F5F5;
}
body::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #1e90f6;
}
#list-paginations li {
font-size: 14px;
width:40px;
height:40px;
border-radius: 50%;
background: #e5e5e5;
margin-left: 10px;
text-align: center;
padding: 10px;
cursor:pointer;
}
#list-paginations li.disabled {
cursor:default;
background: #ababab;
}
#list-paginations li.active{
background: #1f90f4;
color:#fff;
}
@media(max-width: 768px){
#header{
border-bottom: none;
}
.retina-logo{
height: 60px !important;
}
.sidebar,
.postcontent{
padding-bottom: 30px !important;
}
}