/*
 Theme Name:     Operation Pets Alive
 Theme URI:      https://studiono8.com/
 Description:    Operation Pets Alive Child Theme
 Author:         Studio No. 8
 Author URI:     https://studiono8.com/
 Template:       Divi
 Version:        1.0.0
 Text Domain:    opa-studiono8
*/
 
/*
------------------------------------------------------- */

/* --- FONTS --- */

h1 {font-family: 'Lora',Georgia,"Times New Roman",serif;
    font-weight: 800;
    font-size: 50px;
    color: #026CB6;}
    
h2 {font-family: 'Lora',Georgia,"Times New Roman",serif;
    font-size: 33px;
    color: #EF4135;}
    
h3 {color: #026CB6;
    font-size: 26px;}
    
h4 {font-family: 'Lora',Georgia,"Times New Roman",serif;
    color: #333;}

body, p {font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;
    color: #666666;
    line-height : 1.4;}


#page-container:not(.et-fb-root-ancestor) {overflow : hidden;}

#main-content {background-color: transparent;}

#main-content .container:before {width: 0;}

.center-block {display: block;
    margin-right: auto;
    margin-left: auto;}

.et_overlay {border: none !important;}


/* --- Navigation / Pagination  --- */

.et_pb_portofolio_pagination ul, .et_pb_gallery_pagination ul, .et_pb_portofolio_pagination, .et_pb_gallery_pagination, .woocommerce-pagination ul.page-numbers, .wp-pagenavi {border: none !important;
    text-align: center !important;}

.et_pb_portofolio_pagination ul li, .et_pb_gallery_pagination ul li {padding: 5px !important;}

.single-project-gallery .et_pb_gallery_pagination ul li {float: none;
    display: inline-block;
    padding: 5px 3px;}

.et_pb_gallery_pagination ul li a, .et_pb_portofolio_pagination li a, .woocommerce-pagination li a, .woocommerce-pagination span.current, .wp-pagenavi a, .wp-pagenavi span.current {padding: 5px 20px !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    border-radius: 30px !important;
    font-weight: 600 !important;
    transition: 0.3s all;
    display: inline-block;
    margin-bottom: 5px;}

.et_pb_gallery_pagination ul li a, .et_pb_portofolio_pagination li a, .woocommerce-pagination li a, .wp-pagenavi a {border: 1px solid !important;
    color: #333333 !important;
    background: transparent !important;}

.et_pb_gallery_pagination ul li a.active, .et_pb_portofolio_pagination li a.active, .woocommerce-pagination span.current, .wp-pagenavi span.current {border-width: 1px !important;
    border-style: solid !important;
    color: #FFFFFF !important;}

.et_pb_gallery_pagination ul li a:hover, .et_pb_portofolio_pagination li a:hover, .woocommerce-pagination li a:hover, .wp-pagenavi a:hover {color: #FFFFFF !important;}

.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li {border: none !important;
    padding: 4px;}


/* --- 404 Page --- */

.not-found-404 .et_pb_section {padding: 30px 0;}

.not-found-404 .et_pb_row {display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;}

.not-found-404 p {font-size: 24px;
    line-height: 1.2;}

.not-found-404 h2 {font-weight : 900;
    line-height: 75% !important;
    font-size: 75px;
    margin-top: 10px;}

.not-found-404 .buttons-container {display: block;
    margin-top: 15px;}

.not-found-404 .buttons-container a.et_pb_button {
    display: inline-block;
    border-width: 2px !important;
    border-style: solid !important;
    color: #333333;
    padding: 10px 30px !important;
    line-height: 1.1 !important;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
    background: transparent !important;}

.not-found-404 .buttons-container a.et_pb_button:hover {color: #FFFFFF;}

@media (min-width: 767px) {
    .not-found-404 .et_pb_row img {width: 50%;
        padding-right: 5px;}

    .not-found-404 .et_pb_row .text-col {width: 50%;}
}

@media (min-width: 767px) and (max-width: 980px) {
    .not-found-404 p {font-size: 20px;}

    .not-found-404 h2 {font-size: 65px;}
}

@media (max-width: 767px) {
    .not-found-404 .et_pb_row {padding: 30px 0}

    .not-found-404 p {font-size: 18px;}

    .not-found-404 h2 {font-size: 55px;}

    .not-found-404 .et_pb_row img {max-width: 250px;
        margin-left: -100px;
        margin-right: 10px;}
}

@media (max-width: 530px) {
    .not-found-404 .et_pb_row img {display: none;}

    .not-found-404 .et_pb_row {text-align: center;}
}


/* --- Give WP Plugin --- */

.give-submit-button-wrap .give-btn, .give-btn.give-btn-reveal, .give-btn.give-btn-modal {background: transparent;
    border: 2px solid;
    padding: 10px 25px;
    border-radius: 25px;
    font-weight: 600;
    min-width: 160px;
    text-align: center;
    line-height: 1.5em;
    font-family: inherit;
    font-size: 17px;}

.give-form-wrap .give-form-content-wrap {font-size: 13px;
    line-height: 1.3em;
    opacity: 0.75;
    margin-top: 0 !important;}

.give-modal .mfp-content {border-radius: 10px;
    padding: 30px;}

.give-goal-progress .income {font-weight: bold;}

#give-recurring-form, form.give-form, form[id*=give-form] {margin: 0 0 10px 0;}

.single-give_forms .give-wrap {padding-bottom: 58px;}

.give_error, .give_success {padding: 1em 1em 1em 2em !important;}


/* --- NavXT Breadcrumbs --- */

.breadcrumbs {margin-bottom: 15px;
    display: block;
    font-size: 15px;
    line-height: 1.4;}

.breadcrumbs a {color: inherit;
    opacity: 0.75;}

.breadcrumbs a:hover {opacity: 1;}


/* --- HOME --- */

/* 1. Fullwidth Slider Section */

.home-slider .et-pb-arrow-next, .home-slider .et-pb-arrow-prev {margin-top: -25px;
    font-size: 40px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 3px;
    text-align: center;
    color: #FFF !important;}

.home-slider .et-pb-arrow-next:before, .home-slider .et-pb-arrow-prev:before {line-height: inherit;}

@media (max-width: 600px) {
    .home-slider .et-pb-arrow-next, .home-slider .et-pb-arrow-prev {margin-top: -18px;
        font-size: 25px;
        width: 36px;
        height: 36px;
        line-height: 36px;}
}


/* 2. Blog */

.home-blog.et_pb_module .et_pb_image_container a.entry-featured-image-url, .home-blog.et_pb_module .et_pb_slider.et_pb_gallery_post_type, .home-blog.et_pb_module .et_pb_video_overlay, .home-blog.et_pb_module .et_quote_content, .home-blog.et_pb_module .et_audio_content, .home-blog.et_pb_module .et_link_content {border-radius: 10px;
    overflow: hidden;}

.home-blog .post-content p {max-height: 70px;
    overflow: hidden;
    font-size: 15px;
    line-height: 23px;}


/* 3. Sponsors */

.sponsors-section .et_pb_image_wrap {transition: all 0.6s ease-out;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);}

.sponsors-section .et_pb_image_wrap:hover {-webkit-filter: none;
    filter: none;}

/* 4. Donation */

.slider-donation .give-goal-progress .income {font-size: 38px;}

.slider-donation .et_pb_slide_description h2 {margin-top: 30px;
    margin-bottom: 20px;}

.slider-donation .et_pb_text_overlay_wrapper {padding: 30px 45px;}

@media (max-width: 980px) {
    .slider-donation .et_pb_text_overlay_wrapper {padding: 15px 25px;}

    .slider-donation .et_pb_slide .et_pb_slide_description {padding-right: 0 !important;}

    .slider-donation .et_pb_slide {padding: 0;}
}


/* --- CONTACT --- */

.contact-blurb .et_pb_main_blurb_image {
    padding-right: 10px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    vertical-align: middle;}

.contact-blurb .et_pb_blurb_container {
    padding-left: 25px;}

@media (max-width: 400px) {
    .contact-blurb {text-align: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-bottom: 10px;}

    .contact-blurb .et_pb_main_blurb_image, .contact-blurb .et_pb_blurb_container {border: none;
        display: block;
        padding: 0;
        margin: 0 auto 15px !important;
        text-align: center !important;}
}


/* --- PROGRAMS --- */

.about-blurb.et_pb_blurb_position_left .et_pb_main_blurb_image, .about-blurb.et_pb_blurb_position_right .et_pb_main_blurb_image {vertical-align: middle;
    width: 60px;}

@media (min-width : 980px) {
    .about-blurb.about-blutb-right .et_pb_blurb_content {direction: rtl;}

    .about-blurb.about-blutb-right .et_pb_blurb_content > div {direction: ltr;}

    .about-blurb.about-blutb-right .et_pb_blurb_container {padding-left: 0;
        padding-right: 15px;
        text-align: right !important;}
}


/* --- VOLUNTEER --- */

.help-col {border-radius: 10px;
    border: 2px solid transparent;
    transition: all 0.2s ease-in-out 0s;}


/* --- Divi Modules --- */

/* 1. Tabs Module */

.et_pb_tabs {border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 20px;
    border-radius: 10px;}

.et_pb_tabs .et_pb_tab {padding: 15px 10px;}

.et_pb_tabs ul.et_pb_tabs_controls {background-color: transparent;}

.et_pb_tabs ul.et_pb_tabs_controls:after {border: none;}

.et_pb_tabs ul.et_pb_tabs_controls li {margin: 10px 2px !important;
    border: 2px solid rgba(0, 0, 0, 0.1) !important;
    padding: 0;
    border-radius: 25px !important;
    background-color: transparent;
    text-align: center;}

.et_pb_tabs ul.et_pb_tabs_controls li a {padding: 5px 20px !important;}


/* 2. Person Module */

.et_pb_team_member .et_pb_module_header {padding-bottom: 5px;}

.et_pb_team_member_image {margin-bottom: 20px !important;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    line-height: 0;}

.et_pb_member_position {margin-bottom: 10px;}

.et_pb_member_social_links li a {width: 40px;
    height: 40px;
    line-height: 40px;
    border: 2px solid;
    border-radius: 50%;}

.et_pb_member_social_links li {margin-right: 8px;}


/* 3. Accordion Module */

.et_pb_accordion .et_pb_toggle {padding-left: 10px;}

.et_pb_accordion .et_pb_toggle .et_pb_toggle_title {padding: 0 0 0 30px !important;}

.et_pb_accordion .et_pb_toggle .et_pb_toggle_content {padding-left: 30px;}

.et_pb_accordion .et_pb_toggle_title:before {right: auto;
    left: 0;
    content: "\35";
    font-weight: bold;
    font-size: 22px;
    margin-top: -11px;
    line-height: 1;}

.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {content: "\33" !important;
    display: block !important;}

/* 4. Toogle Mmodule */

.toggle-section .et_pb_toggle {background-color: transparent;
    border: 2px solid #333333;
    border-radius: 10px;}

.toggle-section .et_pb_toggle_open {background-color: transparent;}

.toggle-section .et_pb_toggle_open .et_pb_toggle_title:before {content: url("/wp-content/uploads/2023/11/minus.webp");
    top: 3px;}

.toggle-section .et_pb_toggle_close .et_pb_toggle_title:before {content: url("/wp-content/uploads/2023/11/plus.webp");
    top: 3px;}

.toggle-section .et_pb_toggle_close {border-radius: 10px;
    border-width: 2px;}

/* 5. Project Modules + Gallery Module */

.et_pb_gallery .et_pb_gallery_item, .et_pb_portfolio_grid .et_pb_portfolio_item, .et_pb_portfolio .et_pb_portfolio_item {margin-bottom: 25px !important;}

.et_pb_gallery .et_pb_gallery_item img, .et_pb_portfolio_grid .et_portfolio_image img, .et_pb_portfolio .et_portfolio_image img {overflow: hidden;
    border-radius: 10px;}

.et_pb_portfolio_grid .et_pb_portfolio_item .et_pb_module_header, .et_pb_portfolio .et_pb_portfolio_item .et_pb_module_header {padding: 10px 15px 5px;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.1 !important;}

.et_pb_gallery .et_pb_gallery_item .et_pb_gallery_title {padding: 5px 15px 0;
    font-weight: 600;
    font-size: 17px;
    line-height: 1.1 !important;}

.et_pb_portfolio_grid .et_pb_portfolio_item .post-meta, .et_pb_portfolio .et_pb_portfolio_item .post-meta {padding: 0 15px;
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;}

/* 6. Filterable Portfolio Filters */

.et_pb_portfolio_filters {margin-bottom: 25px !important;}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {margin: 3px;
    border-width: 2px;
    padding: 8px 18px;
    border-radius: 25px !important;
    font-weight: 600;
    text-align: center;}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:not(.active):hover {background-color: transparent;}

/* 7. Fullwidth Portfolio */

.et_pb_fullwidth_portfolio .et_pb_portfolio_item {border: 7px solid transparent;
    border-radius: 15px;
    overflow: hidden;}

.et_pb_fullwidth_portfolio .et_pb_portfolio_title, .et_pb_fullwidth_portfolio h2.et_pb_portfolio_title {margin-bottom: 13px !important;}

.et_pb_fullwidth_portfolio .et_pb_portfolio_image .et_pb_module_header {font-weight: 600;
    padding: 0 35px;
    margin: 0 auto !important;}

.et_pb_fullwidth_portfolio .et_pb_portfolio_image p.post-meta {text-transform: uppercase;
    padding: 0 35px;
    margin-top: 5px;
    line-height: normal;}

.et_pb_fullwidth_portfolio .et_pb_portfolio_image .et_overlay:before {display: none;}

.et_pb_fullwidth_portfolio .et_pb_portfolio_image .meta a {display: flex;
    align-items: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
    justify-content: center;}

.et_pb_fullwidth_portfolio .et-pb-arrow-next, .et_pb_fullwidth_portfolio .et-pb-arrow-prev {margin-top: -15px !important;
    font-size: 35px !important;
    width: 40px;
    height: 40px;
    line-height: 45px !important;
    border-radius: 3px;
    text-align: center;
    color: #FFFFFF !important;}

/*
 * Other Posts Section


.divinonprofit_other_posts_section {
    background : #F4F4F4;
    padding    : 30px 0;}

.divinonprofit_other_posts_section h3 {
    margin-bottom : 10px;
    font-size     : 25px;}

.divinonprofit-rand-posts-slider .slick-track .slick-slide {
    margin : 0 8px;}
    
     */


/* --- ABOUT --- */

.our_mission {border-radius: 10px;
    border: 2px solid transparent;}


/* --- DONATE --- */

/* 1. Donation Table */

.pricing-section .et_pb_pricing_table {padding-bottom: 0;}

.pricing-section .et_pb_pricing_content_top, .pricing-section .et_pb_pricing_title {padding: 10px 0 5px 0;}

.pricing-section .et_pb_pricing_heading, .pricing-section .et_pb_pricing_title {margin: 0;}

.pricing-section .et_pb_best_value {padding-top: 5px;
    padding-bottom: 10px;}

.pricing-section .et_pb_button_wrapper {padding: 20px 0;}

.pricing-section .et_pb_pricing_content {padding: 5px 10px;}

.pricing-section .et_pb_pricing_content .et_pb_pricing li {padding: 0.5em 0 0.5em 5px;
    border-bottom: 1px solid #F3EFEF;}

.pricing-section .et_pb_pricing_content .et_pb_pricing li:nth-last-child(1) {border: none;}

.pricing-section .et_pb_pricing {max-width: 500px;
    margin-left: auto;
    margin-right: auto;}

/* 2. Pricing Icon Section */

.pricing-icon-section:before {background-color: #333333;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.9;}


/* --- FAQ --- */

.contact-blurb .et_pb_main_blurb_image {min-width: 52px;
    padding-right : 13px;}
    
    
/* --- NEWS + BLOG --- */

.about-us--press .et_pb_blurb_content {text-align: left;
    padding-left: 10px;}

.section-date {background: url("/wp-content/uploads/2023/11/time.webp") no-repeat;
    height: 30px;}

.section-date .et_pb_text_inner {padding-top: 4px;
    padding-left: 40px;}


/* --- Slick Carousel --- */

/* Hide when is not initialized 

.animal-slider, .opasn8-rand-posts-slider, .et_pb_animals_feed {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;}

*/

.animal-slider.slick-initialized, .opasn8-rand-posts-slider.slick-initialized, .et_pb_animals_feed.slick-initialized {opacity: 1 !important;
    visibility: visible !important;}


/* --- ANIMALS --- */

.interior-header {padding: 35px 0;}

.interior-header h1 {margin-bottom: 10px;}


/* --- EVENTS --- */

.ecs-event-list {overflow : auto;}

.ecs-event-list:after {/* Clearfix */content: "";
    clear: both;
    display: table;}

.ecs-event h4 {font-weight: 600;
    font-size: 20px;
    padding-bottom: 18px;
    padding-top: 10px;}

.ecs-event .time {background: url("/wp-content/uploads/2018/04/TimeIcon30x30.png") no-repeat;
    padding-left: 40px;
    padding-bottom: 10px;
    padding-top: 3px;}

li.ecs-event {float: left;
    margin: 0 2.9% 3em 0;
    padding: 0;
    position: relative;
    list-style: none outside;
    display: block;}

li.ecs-event:last-child {margin: 0 0 3em 0;}

.ecs-event .entry-content ul {padding: 0;}

.ecs-event .wp-post-image {display: block;
    padding: 0 0;
    width: 334px;}

.ecs-event img {border-radius: 10px;}

.ecs-all-events {display: block;
    text-align: center;}

.ecs-all-events a {font-size: 16px;
    border: 2px solid;
    padding: .6em 1em;
    border-radius: 25px;
    font-weight: 500;
    line-height: 1.7em;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;}

/* --- FOOTER --- */

#footer-widgets {padding: 60px 0 25px;}

.footer-widget .et_pb_widget h4 {margin-bottom: 10px;}

.footer-widget {margin-bottom: 25px !important;}

.footer-widget .et_pb_widget {width: 100%;}

.footer-footer-widget .textwidget p {clear: both;
    font-weight: 700;}

#footer-widgets .footer-widget li {padding-left: 0;}

#footer-widgets .footer-widget li:before {border: none;}

#footer-widgets .footer-widget ul {display: block;
    width: 100%;}

#footer-widgets .footer-widget li {border-top: 1px dashed rgba(255, 255, 255, 0.1);
    padding: 10px 25px 10px 0;
    margin-bottom: 0;
    line-height: 1.2;
    font-weight: normal;
    font-size: 16px;
    width: 100%;
    display: block;}

#footer-widgets .footer-widget li:first-child {border-top: none;}

#footer-widgets .footer-widget li:before {content: "\24";
    font-family: "ETmodules";
    right: 0;
    top: 50% !important;
    margin-top: -9px;
    left: auto;
    position: absolute;
    font-size: 18px;
    line-height: 1;
    width: auto;
    height: auto;
    border: none;}

@media (min-width : 980px) {
    #footer-bottom .container {display: flex;
        align-items: center;
        flex-direction: row-reverse;
        flex-wrap: nowrap;
        justify-content: space-between;}

    #footer-bottom .container:before,
    #footer-bottom .container:after {display: none !important;}

    #footer-info {float: none;
        padding-bottom: 0 !important;}
}