/*
Theme Name: Oxpitan Child
Description: Child theme for the Oxpitan themes
Author: gaviathemes
Template: oxpitan
*/




/* Main color
*
*
*/
:root {
   --cfosj-purple: #9610ad;
   --cfosj-coral: #f44c4b;
   --cfosj-yellow: #ffa800;
   --cfosj-blue: #0071bc;
   --cfosj-cream: #fff7d1;
   --cfosj-black: #1a1a1a;
 }

 body, h1, h2, h3, h4, h5, h6, div, a, p 
{
   font-family: 'Epilogue', sans-serif;
   color: var(--cfosj-black);
}


/* add this to the revslider element class */
.cfosj-rev-slider{
   font-family: 'Epilogue', sans-serif;
}

/* body, div, p{ */
   body, p{
   font-size: 18px;
   font-weight: normal;
   line-height: 1.5;
}

p{
   padding: 15px 0;
   font-size: 18px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.5;
   letter-spacing: normal;
}

a, .elementor a {
   font-family: 'Epilogue', sans-serif;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.22;
   letter-spacing: normal;
}

a:hover, .elementor a:hover{
   color: var(--cfosj-yellow);
}

.post .entry-meta, .post .entry-meta a{
   color: var(--cfosj-coral);
}
.post .entry-meta .line{
   background: var(--cfosj-coral);
}


p a{
   color: var(--cfosj-blue);
   line-height: 1.5;
}

cite{
   font-size: 14px;
   font-weight: 300;
   font-stretch: normal;
   font-style: normal;
   line-height: normal;
   letter-spacing: normal;
   color: #646464;
}

.gsc-heading .sub-title{
   color: var(--cfosj-purple);
}

.btn-theme, .btn-theme-second, .btn, .btn-white, .btn-black, .btn-give-theme, button.give-btn {
   font-family: 'Epilogue', sans-serif;
}

/* new */
.elementor-button,
.elementor-kit-7 button, 
.elementor-kit-7 input[type="button"], 
.elementor-kit-7 input[type="submit"], 
.elementor-kit-7 .elementor-button,


.gsc-icon-box-styles.style-1 .content-inner .title,
.gsc-icon-box-styles.style-2 .content-inner .title, 
.milestone-block.style-1 .box-content .milestone-content,
.milestone-block.style-1 .box-content .milestone-content .milestone-number-inner,
.megamenu-main .widget .widget-title,
.megamenu-main .widget .widgettitle,
.gva-vertical-menu ul.navbar-nav li a,
.gsc-call-to-action .title,
.gsc-icon-box .highlight_content .title,
.milestone-block.style-1 .box-content .milestone-content .milestone-number-inner,
.milestone-block.style-2 .box-content .milestone-content .milestone-number-inner,
.gsc-icon-box-styles.style-1 .content-inner .title,
.gsc-icon-box-styles.style-2 .content-inner .title,
.gsc-icon-box-styles.style-3 .content-inner .title,
.gva-posts-grid .posts-grid-filter ul.nav-tabs > li > a,
.gva-testimonial-carousel.style-1 .icon-quote,
.gva-testimonial-carousel.style-1 .testimonial-item .testimonial-content,
.testimonial-node-1 .testimonial-content .quote,
.testimonial-node-1 .testimonial-content .info .right .title,
.gsc-pricing .content-inner .plan-price .price-value,
.widget_rss ul > li a, .widget_recent_entries ul > li a,
.post-navigation a,
.event-block .event-image .event-date .day,
.event-block .event-content .event-info .title,
.event-single .meta-block .block-title,
.portfolio-v1 .content-inner .title a,
.single-portfolio .portfolio-content .portfolio-information ul li .label,
.give-block-2 .give-block-content .give-content .give__meta-top .raised, .give-block-2 .give-block-content .give-content .give__meta-top .percentage,
.gives-form-carousel-2 .tab-carousel-nav .link-service,
.gives-form-carousel-2 .tab-carousel-nav .link-service .cat-links a,
.team-block.team-v1 .team-name,
.team-block.team-v2 .team-content .team-name,
#comments .nav-links .nav-previous a,
#comments .nav-links .nav-next a,
#comments ol.comment-list .vcard .fn,
.content-single-give-form #give_purchase_form_wrap legend, .content-single-give-form #give-payment-mode-select legend,
.single.single-post #wp-content > article.post .content-top.entry-meta,
input[type*="submit"]:not(.fa)
{
   font-family: 'Epilogue', sans-serif;
}


/* .btn-theme-second, .btn-theme-second:before{
   background: var(--cfosj-coral);
} */





/* Main divs classes 
*
*
*/
.cfosj-purple{
   background-color: var(--cfosj-purple) !important;
   color: #ffffff;    
 }
 .cfosj-purple h1, .cfosj-purple h2, .cfosj-purple h3, .cfosj-purple h4, .cfosj-purple h5, .cfosj-purple h6, .cfosj-purple div, .cfosj-purple a, .cfosj-purple p{
   color: #ffffff !important;    
}

.cfosj-coral{
   background-color: var(--cfosj-coral) !important;
 } 
.cfosj-coral h1, .cfosj-coral h2, .cfosj-coral h3, .cfosj-coral h4, .cfosj-coral h5, .cfosj-coral h6, .cfosj-coral div, .cfosj-coral a, .cfosj-coral p{
   color: #ffffff !important;    
}

.cfosj-yellow{
   background-color: var(--cfosj-yellow) !important;
 } 
.cfosj-yellow h1, .cfosj-yellow h2, .cfosj-yellow h3, .cfosj-yellow h4, .cfosj-yellow h5, .cfosj-yellow h6, .cfosj-yellow div, .cfosj-yellow a, .cfosj-yellow p{
   color: var(--cfosj-black) !important;    
}

.cfosj-blue{
   background-color: var(--cfosj-blue) !important;
 } 
.cfosj-blue h1, .cfosj-blue h2, .cfosj-blue h3, .cfosj-blue h4, .cfosj-blue h5, .cfosj-blue h6, .cfosj-blue div, .cfosj-blue a, .cfosj-blue p{
   color: #ffffff !important;      
}

.cfosj-cream{
   background-color: var(--cfosj-cream) !important;
 } 
.cfosj-cream h1, .cfosj-cream h2, .cfosj-cream h3, .cfosj-cream h4, .cfosj-cream h5, .cfosj-cream h6, .cfosj-cream div, .cfosj-cream a, .cfosj-cream p{
   color: var(--cfosj-black) !important;    
}

.cfosj-black{
   background-color: var(--cfosj-black) !important;
 } 
.cfosj-black h1, .cfosj-black h2, .cfosj-black h3, .cfosj-black h4, .cfosj-black h5, .cfosj-black h6, .cfosj-black div, .cfosj-black a, .cfosj-black p{
   color: #ffffff !important;      
}


/* TEXT STYLES 
*
*
*/

/* h1, .elementor-kit-7 h1, .elementor-widget-heading h1.elementor-heading-title, .elementor-25 .elementor-element.elementor-element-11c3c08 h1.elementor-heading-title{ */
h1, .elementor-widget-heading h1.elementor-heading-title, .elementor-25 .elementor-element.elementor-element-11c3c08 h1.elementor-heading-title{
   font-size: 56px;
   color: var(--cfosj-black);
   font-weight: bold;
   line-height: normal;
   font-stretch: normal;
   font-style: normal;
   letter-spacing: 1.17px;
   margin-top: 17.5px;
   margin-bottom: 17.5px;
}

@media screen and (max-width: 900px) {
   h1, .elementor-widget-heading h1.elementor-heading-title, .elementor-25 .elementor-element.elementor-element-11c3c08 h1.elementor-heading-title{
      font-size: 38px;
   }

   .custom-breadcrumb .breadcrumb-container-inner .heading-title{
      font-size: 38px;
   }

 }

h2, 
.elementor-widget-heading h2.elementor-heading-title,
.gsc-video-box.style-1 .video-inner .video-body h2.title,
.elementor-4004 .gsc-heading h2.title
{
   font-size: 32px;
   color: var(--cfosj-coral);
   font-weight: 300;
   line-height: normal;
   /* line-height: 35px; */
   font-stretch: normal;
   font-style: normal;
   letter-spacing: 1.07px;
}
@media screen and (max-width: 900px) {
   h2, 
   .elementor-widget-heading h2.elementor-heading-title,
   .gsc-video-box.style-1 .video-inner .video-body h2.title,
   .elementor-4004 .gsc-heading h2.title
   {
      font-size: 28px;
   }
 }


h3, 
h3.widget-title,
.elementor-widget-heading h3.elementor-heading-title{
   font-size: 22px;
   color: var(--cfosj-purple) !important;
   font-weight: bold;
   line-height: normal;
   /* line-height: 35px; */
   font-stretch: normal;
   font-style: normal;
   letter-spacing: 1px;
}

h4, .elementor-widget-heading h4.elementor-heading-title{
   font-size: 18px;
   color: var(--cfosj-black);
   font-weight: 500;
   /* line-height: 15px; */
   line-height: normal;
   font-stretch: normal;
   font-style: normal;
   letter-spacing: 2.8px;
   text-transform: uppercase;
}


/* BULLETED LISTS 
*
*
*/
ul li::marker {
   font-size: 18px;
   font-weight: bold;
   color: var(--cfosj-coral) ;
   /* font-size: 1.5em; */
 }

 ol li::marker {
   font-size: 18px;
   font-weight: normal;
   color: var(--cfosj-coral) ;
   /* font-size: 1.5em; */
 }

 ul li, ol li {
   font-size: 18px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.67;
   letter-spacing: normal;
   color: #000;
 }

 ol ol, ol ul {
   list-style: lower-alpha;
   margin-left: 0;
   padding-left: 1em;
}

ol ol li::marker, ol ul li::marker {
   font-size: 16px;
}

ol ol li, ol ul li{
   line-height: 2.5;
}

ul ul {
   list-style: none;
   margin-left: 0;
   padding-left: 1em;
}
ul ul > li:before {
   display: inline-block;
   font-size: 16px;
   font-weight: bold;
   content: "-";
   width: 1em;
   margin-left: -1em;
   color: var(--cfosj-coral) ;
}

ul ul li, ul ol li{
   line-height: 2.5;
}



header ul ul li, ul ol li{
   line-height: normal;
}
header ul ul > li:before {
   display: none;
   font-size: 16px;
   font-weight: bold;
   content: none;
   width: 0;
   margin-left: 0;
   color: var(--cfosj-coral) ;
}


/* IMAGE PROCESSING 
*
*
*/

 /* .cfosj-image .elementor-widget-container::after, */
 /* .hero .elementor-widget-image::after{ */
 
   /* .cfosj-image .elementor-widget-container::after {
     position: absolute;
     width: 50%;
     height: 100%;
     top: 0px;
     left: 0px;
     content: "";
     background-image: url("images/SJCF_Graphics-03.svg");
     background-size: cover;
     background-repeat: no-repeat;
     background-position: initial;
     opacity: 0.8;
 } */


 /* add class  cfosj-image to the img element in elementor to apply this filter */
 .elementor-element.cfosj-image-bg-1.elementor-widget-image .elementor-widget-container{position: relative;}
 .elementor-element.cfosj-image-bg-1.elementor-widget-image .elementor-widget-container::after{
   position: absolute;
   width: 50%;
   height: 100%;
   top: 0px;
   left: 0px;
   content: "";
   background-image: url("images/SJCF_Graphics-03.svg");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: initial;
   opacity: 0.8;
 }

/* blog post image overlay
*
*/
 /* .elementor-element.cfosj-image-red-overlay.elementor-widget-image .elementor-widget-container::after, */
 .elementor .elementor-element.elementor-widget.elementor-widget-gva-posts .elementor-widget-container .gva-element-gva-posts .item-columns .post .post-thumbnail
 {
    position: relative;
 }

 .elementor .elementor-element.elementor-widget.elementor-widget-gva-posts .elementor-widget-container .gva-element-gva-posts .item-columns .post .post-thumbnail img
 {
   height: 181px;
   object-fit: cover;
   width: 100%;
 }
 @media screen and (max-width: 767px) {
   .elementor .elementor-element.elementor-widget.elementor-widget-gva-posts .elementor-widget-container .gva-element-gva-posts .item-columns .post .post-thumbnail img
   {
      /* height: auto; */
      height: 277px;
      object-fit: cover;
      width: 100%;
      max-height: 329px;
   }
 }

 .elementor .elementor-element.elementor-widget.elementor-widget-gva-posts.cfosj-sub-hero .elementor-widget-container .gva-element-gva-posts .item-columns .post .post-thumbnail img
 {
    /* height: 100%; */
   height: auto;
   min-height: 174px;
   width: auto;
   object-fit: cover;
 }

 .elementor .elementor-element.elementor-widget.elementor-widget-gva-posts .elementor-widget-container .gva-element-gva-posts .item-columns .post .post-thumbnail::after
 {
   background: var(--cfosj-coral);
   content: "";
   position: absolute;
   display: block;
   width: 100%;
   /* height: 100.5%; */
   height: 101%;
   bottom: -1px;
   left: -1px;
   z-index: 10;
   clip-path: polygon(0 0, 40% 0, 25% 100%, 0% 100%);
   opacity: 0.8;
 }

 
 .elementor .elementor-element.elementor-widget.elementor-widget-gva-posts .elementor-widget-container .gva-element-gva-posts .item-columns:nth-of-type(2n) .post .post-thumbnail::after
 {
   background: var(--cfosj-purple);
 }
 .elementor .elementor-element.elementor-widget.elementor-widget-gva-posts .elementor-widget-container .gva-element-gva-posts .item-columns:nth-of-type(2n+1) .post .post-thumbnail::after
 {
   background: var(--cfosj-yellow);
 }

 .elementor .elementor-element.elementor-widget.elementor-widget-gva-posts .elementor-widget-container .gva-element-gva-posts .item-columns:nth-of-type(1) .post .post-thumbnail::after
 {
   background: var(--cfosj-coral);
 }


/* VEERY SPECIFIC CASES ON ELEMENTO HOME PAGE */

/* three columns banner in home page */
 .gsc-image-content.skin-v1:before{
   background: var(--cfosj-yellow);
 }
 .elementor-4004 .elementor-element.elementor-element-cdb564b .gsc-image-content.skin-v1::before{
   background: var(--cfosj-blue);
 }
 .elementor-4004 .elementor-element.elementor-element-6a6e561 .gsc-image-content.skin-v1::before{
   background: var(--cfosj-coral);
 }
 .elementor-4004 .elementor-element.elementor-element-984cf12 .gsc-image-content.skin-v1::before{
   background: var(--cfosj-yellow);
 }



/* mixed */

.give__progress .give__progress-bar, 
.give__progress .give__progress-bar .percentage
{
   background: var(--cfosj-yellow);
}

.give__progress .give__progress-bar .percentage:after
{
   border-top-color: var(--cfosj-yellow);
}


.give-block .form-image .content-action .link:hover{
   background: var(--cfosj-yellow);
   border-color: var(--cfosj-yellow);
}

.give-block .form-content .campaign-information .c-label{
   color: var(--cfosj-black);
}

.give-block .form-content .campaign-information .campaign-goal, .give-block .form-content .campaign-information .campaign-raised{
   color: var(--cfosj-coral);
   /* color: blue; */
}

.pager .paginations a, .pager .paginations a:before{
   background: var(--cfosj-yellow);
   /* background: red;  */
}

.pager .paginations a.active, .pager .paginations a.active:before{
   background: var(--cfosj-coral);
}

/* 1.2.2 */
.give_warning:before,
form[id*=give-form].give-form .give-total-wrap .give-donation-amount .give-currency-symbol
{
   background-color: var(--cfosj-yellow);
}

.give_warning{
   border-color: var(--cfosj-yellow);
}

.widget_gva_give_categories_widget ul.categories-listing li:hover, .wp-sidebar ul li a:hover{
   color: var(--cfosj-yellow);
}

form[id*=give-form].give-form .give-btn, form[id*=give-form].give-form .give-btn-reveal
{
   background: var(--cfosj-yellow) !important;
}

.btn-theme:before, .btn-theme-second:before, .btn:before, .btn-white:before, .btn-black:before, .btn-give-theme:before, button.give-btn:before{
   background: var(--cfosj-yellow);
}

form[id*=give-form].give-form .give-donation-levels-wrap li button.give-default-level{
   background: var(--cfosj-coral) !important;
}
form[id*=give-form].give-form .give-donation-levels-wrap li button.give-default-level:before{
   background: var(--cfosj-coral);
}

/* input[type=radio]{
   accent-color: var(--cfosj-yellow);
} */






/* 1.2.3 
*
*
*/
.event-single .entry-meta a{
   color: var(--cfosj-coral);
}

.event-single .meta-block .block-title:after{
   background: var(--cfosj-yellow);
}

.event-single .meta-block.speakers .speaker-item .job{
   color: var(--cfosj-yellow);
}

.widget_categories ul > li > a:hover, .widget_archive ul > li > a:hover, .sidebar .widget_nav_menu ul > li > a:hover, .widget_pages ul > li > a:hover, .widget_meta ul > li > a:hover{
   color: var(--cfosj-yellow) !important;
}

/* 1.2.5
*
*
*/
.portfolio-filter ul.nav-tabs > li > a{
   color: var(--cfosj-black);
}

.portfolio-filter ul.nav-tabs > li > a.active{
   color: var(--cfosj-yellow);
}

ul.nav-tabs > li > a:hover, ul.nav-tabs > li > a:focus, ul.nav-tabs > li > a:active{
   color: var(--cfosj-yellow);
}

/* 1.2.6
*
*
*/
/* .single.single-portfolio.elementor-kit-7 h3 */

.single.single-portfolio h1{
   color: var(--cfosj-black);
}

.single.single-portfolio h2{
   color: var(--cfosj-coral);
}

.single.single-portfolio h3{
   color: var(--cfosj-purple);
}

.single.single-portfolio h4{
   color: var(--cfosj-black);
}

.single-portfolio .portfolio-content .portfolio-information{
   background: var(--cfosj-yellow);
}






/* donation forms and  side widgets set to cream background */
.give-block .form-content,
.event-single .meta-block.info,
.wp-sidebar .widget,
.give_error, .give_success, .give_warning
{
   background: var(--cfosj-cream);
}


.event-single .entry-meta{
   color: var(--cfosj-coral);
}

.event-single .entry-meta .entry-date a{
   color: var(--cfosj-black);
}

 /* footer */
 /* #wp-footer a:hover{
    color: red;
 } */