/*
 Theme Name: Kadence Child
 Template: kadence
 Version: 1.0
*/

/*body {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

h1 {
    font-family: "Open Sans", sans-serif!important;
    font-size: 64px!important;
    font-weight: 700;
}

h2 {
    font-family: "Open Sans", sans-serif;
    font-size: 36px;
    font-weight: 700;
}

button,
.wp-block-button__link {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 700;
}*/

h2,h3{
    letter-spacing: 1.072px;
}

#primary-menu > li.current-menu-item > a,#primary-menu > li > a,#primary-menu > li > a:hover {
    padding: 20px 15px;
}

#primary-menu li:last-child a {
  padding: 10px;
}
.footer-active,
.footer-active .elementor-icon-list-text{
    color:#AD0023 !important;
}

.footer-active svg{
     fill:#e2a6b2 !important;
}
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;600;700&display=swap');
@media (max-width: 450px) {

    /* Parent wrapper */
    .Blog_Wrapper {
        display: flex;
        flex-direction: column;
    }

    /* Posts section first */
    .Blog_Wrapper .blog_rightcon {
        order: 1;
        width: 100%;
    }

    /* Sidebar below posts */
    .Blog_Wrapper .blog_leftcon {
        order: 2;
        width: 100%;
        margin-top: 30px;
    }

    /* One post per row */
    .Blog_Wrapper .listing-wrapper,
    .Blog_Wrapper .listing-column {
        display: block;
    }

    .Blog_Wrapper .listing-card {
        width: 100%;
        margin-bottom: 25px;
    }
}
/* ==========================================
   Investment Table
========================================== */

.table-investment{
    width:100%;
    border-collapse:collapse;
    border-spacing:0;
    margin:40px 0;
    background:#f6f6f6;
    font-family:inherit;
}

/* Header */

.table-investment thead th{
    padding:10px 10px;
    border-bottom:1px solid #d9d9d9;
    text-align:left;
    vertical-align:middle;
}

.table-investment thead th h4{
    margin:0;
    font-size:16px;
    font-weight:700;
    color:#222;
}

.table-investment thead th.table-currency{
    text-align:right;
}

/* Body */

.table-investment tbody td{
    padding:10px 10px;
    border-bottom:1px solid #e6e6e6;
    vertical-align:middle;
}

.table-investment tbody td h4{
    margin:0;
    font-size:16px;
    font-weight:400;
    color:#222;
    line-height:1.35;
}

/* Currency columns */

.table-investment .table-currency{
    text-align:right;
/*     white-space:nowrap; */
}

/* Summary Row */

.table-investment .table-summary{
    border-top:4px solid #d9d9d9;
}

.table-investment .table-summary h4{
    font-weight:700;
    font-size:16px;
}

/* Hover */

.table-investment tbody tr:hover{
    background:#ffffff;
}
.table-investment thead:hover{
	 background:#ffffff;
}

/* ==========================================
   Tablet
========================================== */

@media (max-width:991px){

    .table-investment thead th,
    .table-investment tbody td{
        padding:12px 10px;
    }

    .table-investment thead th h4{
        font-size:17px;
    }

    .table-investment tbody td h4{
        font-size:15px;
    }

}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px){

    .table-investment{
        table-layout: fixed;
        width:100%;
    }

    /* Expense */
    .table-investment th:first-child,
    .table-investment td:first-child{
        width:50%;
    }

    /* Low & High */
    .table-investment th:nth-child(2),
    .table-investment td:nth-child(2),
    .table-investment th:nth-child(3),
    .table-investment td:nth-child(3){
        width:25%;
        text-align:right;
    }

    /* Allow currency text to wrap */
    .table-investment td.table-currency h4{
        white-space: normal;
        word-break: break-word;
        overflow-wrap: anywhere;
        font-size:14px;
        line-height:1.4;
    }

    .table-investment td:first-child h4{
        white-space: normal;
        word-break: break-word;
        font-size:14px;
    }
}
#inner-wrap{
    background-color: #f5f5f5 !important;
}
.blog_leftcon .franchise-news-wrapper{
 border:1px solid #d9d9d9;
	background-color: #f5f5f5 !important;
} 
.single-blog-sidebar .franchise-news-wrapper{
 border:1px solid #d9d9d9;
	background-color: #f5f5f5 !important;
}

.franchise-news-wrapper{
    border:1px solid #d9d9d9!important;
    border-radius:6px;
    background:#fff;
    overflow:hidden;
}

/* homepage */
.franchise-news-wrapper .news-item:hover{
	background-color:#ffffff;
}
.mobile-toggle-open-container .menu-toggle-open {
    background: #ffffff!important;
    box-shadow: 0 2px 10px rgba(0,0,0,.15);
}
/* Hide Kadence Drawer */
#mobile-drawer {
    display: none !important;
}

/* Custom Mobile Dropdown */
#custom-mobile-dropdown {
    display: none;
    width: 100%;
    background: #fff;
    border-top: 1px solid #e5e5e5;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
}

#custom-mobile-dropdown.open {
    display: block;
}

#custom-mobile-dropdown ul {
    margin: 0;
    padding: 0;
    list-style: none;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 30px;
}

#custom-mobile-dropdown li {
    border-bottom: 1px solid #ececec;
}

#custom-mobile-dropdown li:last-child {
    border-bottom: 0;
}

#custom-mobile-dropdown li a {
    display: block;
    padding: 12px 18px;
    font-family: "Lato", sans-serif;
    text-decoration: none;
    color: #575757;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
}

#custom-mobile-dropdown li a:hover {
    background: #f7f7f7;
}

.x-btn, input[type="submit"]{
	color: #fff!important;
    border-color: #ad0023!important;
    background-color: #ad0023!important;
}
.blog-tags{
    margin:12px 0 35px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.blog-tag{
    display:inline-block;
    padding:6px 12px;
    border:1px solid #ddd;
    border-radius:3px;
    background:#f5f5f5;
    color:#888;
    font-size:11px;
    text-transform:uppercase;
    text-decoration:none;
    transition:.3s;
}
.blog-tag:hover{
    background:#ffffff;
    color:#333;
}
.search-pages{
    margin-top:50px;
}
.search-page-card{
    background:#ffffff;
    border:1px solid #e5e5e5;
    border-radius:6px;
    box-shadow:0 3px 15px rgba(0,0,0,.08);
    padding:45px 60px;
    margin-bottom:40px;
}
.search-page-card h2{
    margin:0;
    font-size:45px;
    font-weight:700;
    line-height:1.2;
}
.search-page-card a{
    color:#333;
    text-decoration:none;
}
.search-page-card a:hover{
    color:#ad0023;
    text-decoration:none;
}
.md-red{
	color: #FFBDBD;
}
.blog_leftcon .franchise-news-wrapper{
 border:1px solid #d9d9d9;
	background-color: #f5f5f5 !important;
} 
.blog-single-page .franchise-news-wrapper{
 border:1px solid #d9d9d9;
	background-color: #f5f5f5 !important;
}
.franchise-news-wrapper{
    border:1px solid #d9d9d9!important;
    border-radius:6px;
    background:#fff;
    overflow:hidden;
}
.news-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:18px;
    border-bottom:1px solid #e5e5e5;
}
.news-item:last-child{
    border-bottom:none;
}
.news-thumb{
    flex:0 0 85px;
}
.news-thumb img{
    width:85px;
    height:85px;
    object-fit:cover;
    display:block;
}
.news-content{
    flex:1;
}
.news-link{
    display:block;
    color:#333333!important;
    text-decoration:none!important;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: 0;
}
.news-link:hover{
    color:#333333;
    text-decoration:none;
}
.news-date{
    margin-top:10px;
    color:#333;
    font-size:11px;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:.5px;
}
/* Footer Wrapper */
.footer_menus1{
    border:1px solid #d9d9d9;
    border-radius:6px;
    overflow:hidden;
    background:#fff;
		padding:0;	
}
.footer_menu2 a,
.footer_menu2 a:hover,
.footer_menu2 a:focus,
.footer_menu3 a,
.footer_menu3 a:hover,
.footer_menu3 a:focus,
.footer_menu4 a,
.footer_menu4 a:hover,
.footer_menu4 a:focus{
    text-decoration: none !important;
}

/* Footer Menu 2 items */
.footer_menu2 .elementor-icon-list-item{
    border-bottom:1px solid #d9d9d9;
	
}
/* Last menu in footer_menu2 */
.footer_menu2 .elementor-icon-list-item:last-child{
    border-bottom:1px solid #d9d9d9;
	padding-bottom: 10px !important;
}
/* Footer Menu 3 Top Border */
.footer_menu3{
    border-top:1px solid #d9d9d9;
}
/* Remove Elementor gaps */
.footer_menu2 .elementor-icon-list-items,
.footer_menu3 .elementor-icon-list-items{
    gap:0 !important;
}

.footer_menu2,
.footer_menu3{
    margin:0 !important;
    padding:0 !important;
	
}
.footer_menu2 .elementor-widget-container,
.footer_menu3 .elementor-widget-container{
    margin:0 !important;
    padding:0 !important;
}
/*#primary-menu{
	gap:10px;
}*/
/* All Menu Links */
#primary-menu > li > a{
		font-size:14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0em;
    text-transform: uppercase;
	  color: hsl(0, 0%, 34%);
    text-decoration:none;
    transition:all .3s ease;
}
/* Hover Text Color */
#primary-menu > li > a:hover{
    color:#000;
}
/* Top Underline */
#primary-menu > li > a::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:4px;
    background:#b5002d;
    transition:width .3s ease;
}
#primary-menu > li > a:hover::before,
#primary-menu > li.current-menu-item > a::before{
    width:100%;
}
/* Active Menu Color */
#primary-menu > li.current-menu-item > a{
    color:#333;
}
/* Request Info Button */
#primary-menu .menu5 > a{
    background:#b5002d;
    color:#fff !important;
    padding:12px 12px;
    border-radius:3px;    
}
/* Active */
#primary-menu li.menu5.current-menu-item > a,
#primary-menu li.menu5.current_page_item > a,
#primary-menu li.menu5.current-menu-parent > a,
#primary-menu li.menu5.current-menu-ancestor > a {
    color: #000 !important;
}

/* Hover on Active */
#primary-menu li.menu5.current-menu-item > a:hover,
#primary-menu li.menu5.current_page_item > a:hover,
#primary-menu li.menu5.current-menu-parent > a:hover,
#primary-menu li.menu5.current-menu-ancestor > a:hover {
    color: #fff !important;
}
/* No top line for button */
#primary-menu .menu5 > a::before{
    display:none;
}
/* Button Hover */
#primary-menu .menu5 > a:hover{
    background:#8f0024;
    color:#fff;
}
#main-header {
     margin-top: -10px;
     margin-bottom: -10px;
}
.social-icons{
    display:flex;
    justify-content:center;
    gap:20px;
}
/* Footer */
.social-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:21px;
    height:21px;
    background:#B5002D;
    border-radius:2px;
}
.social-icon svg{
    width:16px;
    height:16px;
    fill:#fff;
}
.social-icon.facebook svg{
    transform: translate(-1px, -1px) scale(1.4);
}
.social-button.footer-social-item{
    display:none !important;
}
.custom-footer{
    background:#f5f5f5;
    text-align:center;
    padding:0 0 30px;
}
/* Divider Line */
.footer-divider{
    width:100%;
    height:1px;
    background:#d9d9d9;
    margin-bottom:28px;
}
/* Social Icons */
.footer-social{
    display:flex;
    justify-content:center;
    gap:24px;
    margin-bottom:30px;
	margin-top: -20px;
}
.social-icon{
    width:20px;
    height:20px;
    background:#b5002d;
    border-radius:2px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
}
.social-icon svg{
    width:18px;
    height:18px;
    fill:#fff;
}
/* Address */
.footer-info{
    color:#6f6f6f;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    letter-spacing:3px;
    line-height:1.4;
}
.company-name{
    font-weight:700;
    margin-bottom:0;
}
.footer-info p{
    margin:0;
}
.footer-info a{
    color:#b5002d;
    text-decoration:none;
}
.footer-back{
    margin-top:22px !important;
    letter-spacing:4px;
}
.footer-back a{
    color:#b5002d;
    letter-spacing:3px;
}
.footer_p1, .footer_p2, .footer_p3{
	letter-spacing: 2px;
  line-height: 1.3;
	font-size: 11px!important;
	margin-top: -30px;
}
.footer_p4{
	letter-spacing: 2px;
  line-height: 1.3;
	font-size: 11px!important;
	margin-top: -10px!important;
}
.footer_year{
	letter-spacing: 2px;
  line-height: 1.3;
	font-size: 11px!important;
	font-weight:lighter;
	margin-bottom: -30px!important;
}
.is-style-wide{
	 border-top:1px solid #d9d9d9!important;
}
#colophon{
    position: relative;
    border-top: 1px solid #d4d4d4;
    background-color: #fff;
    box-shadow: 0 -2px 4px rgba(0,0,0,.075);
}
.home_body1, .home_body2{   background-color: #f9f9f9!important;
}
.redtext_hover:hover{
	color:#AD0023;
}
.social-icons-custom .elementor-social-icon{
    width:60px;
    height:60px;
    background:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 4px 12px rgba(0,0,0,.18);
    transition:all .3s ease;
}
.social-icons-custom .elementor-social-icon i,
.social-icons-custom .elementor-social-icon svg{
    font-size:24px;
    color:#000;
}
.social-icons-custom .elementor-social-icon:hover{    transform:translateY(-3px);
    box-shadow:0 8px 18px rgba(0,0,0,.22);
}
/*Breadcrums*/
.kadence-breadcrumbs,
.kb-breadcrumbs{
    max-width:1240px;
    margin:0 auto;
    padding:12px 20px;
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.5px;
}
.kadence-breadcrumbs a,
.kb-breadcrumbs a{
    color:#555;
    text-decoration:none;
}
.kadence-breadcrumbs a:hover,
.kb-breadcrumbs a:hover{
    color:#b7002d;
}
/*FORM CONTAINER*/
.form_container{
    max-width:1000px;
    margin:0 auto;
    padding:20px 15px 40px;
}
/*TOP TEXT*/
.cus_head_top{
    font-size:45px;
    font-weight:700;
    color:#333;
    margin-bottom:15px;
}
.cus_p{
    font-size:16px;
    line-height:1.8;
    color:#555;
    margin-bottom:35px;
}
.err_lbl{
    color:#d60028;
}
/*SECTION HEADINGS*/
.cus_head{
    font-size:40px;
    font-weight:700;
    color:#333;
    margin:60px 0 30px;
    line-height:1.1;
}
/*FIELDS*/
.frm_field{
    margin-bottom:28px;
}
.frm_lbl{
    display:block;
    font-size:15px;
    font-weight:700;
    color:#222;
    margin-bottom:10px;
}
.field_element input,
.field_element select,
.field_element textarea{
    width:100%;
    border:1px solid #d8d8d8;
    background:#fff;
    border-radius:2px;
    padding:0 15px;
    font-size:15px;
    color:#444;
    transition:.25s;
    box-sizing:border-box;
}
/* Input */
.field_element input,
.field_element select{
    height:45px;
}
/* Textarea */
.field_element textarea{
    height:180px;
    padding:15px;
    resize:vertical;
}
/* Focus */
.field_element input:focus,
.field_element textarea:focus,
.field_element select:focus{
    outline:none;
    border-color:#b8002b;
    box-shadow:0 0 0 2px rgba(184,0,43,.08);
}
/*BUTTON*/
.btn_submit_clr{    background:#ad0023!important;
    color:#fff;
    border:none;
    padding:15px 30px;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
    border-radius:2px;
    transition:.3s;
}
.btn_submit_clr:hover{
    background:#930022;
}
/*ERROR*/
.frm_error input,
.frm_error select,
.frm_error textarea{
    border-color:#d60028;
}
.frm_error .err_lbl{
    margin-top:8px;
    font-size:13px;
}
/*DISCLAIMER*/
.disclamier_txt{
    margin-top:40px;
    font-size:12px;
    color:#777;
    line-height:1.7;
}
.err_top_mgr{
    margin-top:15px;
    font-size:14px;
    font-weight:600;
}
/*RESPONSIVE*/
@media(max-width:768px){
.form_container{
    padding:20px;
}
.cus_head{
    font-size:34px;
    margin:45px 0 20px;
}
.cus_head_top{
    font-size:28px;
}
.field_element input,
.field_element select{
    height:45px;
}
.field_element textarea{
    height:170px;
}
.btn_submit_clr{
    width:100%;
}
}
.feedback-container h1{
    font-size:45px;
    font-weight:700;
    color:#444;
    margin-bottom:15px;

}
.required-text{
    font-size:20px;
    margin-bottom:5px;
}
.required-text span{
    color:#c0002b;
}
.intro-text{
    font-size:20px;
    color:#555;
    margin-bottom:45px;
    line-height:1.7;
}
.form-group{
    margin-bottom:35px;
}
.form-group label{
    display:block;
    font-size:20px;
    font-weight:500;
    margin-bottom:12px;
    color:#333;
}
.form-group label span{
    color:#c0002b;
}
.form-group input{
    width:100%;
    height:58px;
    border:1px solid #d9d9d9;
    padding:0 18px;
    font-size:18px;
    border-radius:2px;
}
.form-group textarea{
    width:100%;
    border:1px solid #d9d9d9;
    padding:18px;
    resize:vertical;
    font-size:18px;
    min-height:240px;
    border-radius:2px;
}
.form-group input:focus,
.form-group textarea:focus{
    outline:none;
    border-color:#b7002d;
}
.feedback-disclaimer{
    margin-top:35px;
    font-size:18px;
    color:#444;
    line-height:1.8;
}
.success-msg{
    background:#d8f6d8;
    color:#136813;
    padding:15px;
    margin-bottom:30px;
}
.error-msg{
    background:#ffe6e6;
    color:#b7002d;
    padding:15px;
    margin-bottom:30px;
}
@media(max-width:768px){
.feedback-container h1{
    font-size:48px;
}
.form-group label{
    font-size:18px;
}
.form-group input{
    height:50px;
}
}
/* .custom-breadcrumb{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
   margin-top: 20px;
    margin-left: 150px;
}
.custom-breadcrumb a{
    color:#555;
    text-decoration:none;
}
.custom-breadcrumb a:hover{
    color:#000;
}
.custom-breadcrumb .current{
    color:#333;
    font-weight:500;
}
.custom-breadcrumb .sep{
    color:#999;
} */
.x-breadcrumb-wrap{
    border-top:1px solid #d8d8d8;
    border-bottom:1px solid #d8d8d8;
	box-shadow: 0 5px 12px rgba(0,0,0,.20);
    background-color:#efefef;
    padding:12px 0;
}
.x-container.max.width{
    max-width:1240px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.x-breadcrumbs{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:10px;
	margin-left: 10px;
    text-transform:uppercase;
    letter-spacing:1px;
}
.x-breadcrumbs a{
    text-decoration:none;
    color:#555;
}
.x-breadcrumbs .current{
    color:#424242;
}
.x-nav-articles{
		margin-right:0px!important;
	}
@media(max-width:1024px){
	.x-breadcrumbs{
		margin-left:35px!important;
	}
	.x-nav-articles{
		margin-right:35px!important;
	}
}
.delimiter{
    color:#575757;
	font-size: 9px!important;
}
.x-nav-articles a{
    color:#555;
    font-size:18px;
}
.x-nav-articles a:hover{
    color:#000;
}
@media(max-width:767px){

/*     .x-container.max.width{
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:12px;
    } */

/*     .x-breadcrumbs{
        justify-content:center;
        text-align:center;
        font-size:10px;
    } */
 .x-container.max.width{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        padding:0 15px;
        gap:12px;
    }

    .x-breadcrumbs{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        align-items:center;
        gap:6px;
        text-align:center;
        margin:0;
        width:100%;
        font-size:10px;
        line-height:1.6;
		margin-left: 0px !important;
    }

    /* Keep Home + Blog on first line */
    .x-breadcrumbs > a:first-child,
   
    .x-breadcrumbs > a:nth-of-type(2){
        display:inline-flex;
        align-items:center;
    }

    /* Move current post to next line */
    .x-breadcrumbs > .delimiter:last-of-type{
        display:none;
    }

    .x-breadcrumbs .current{
        display:block;
/*         width:100%; */
        margin-top:2px;
        text-align:center;
        line-height:1.5;
        word-break:break-word;
    }

    .x-nav-articles{
        justify-content:center;
        width:100%;
        gap:25px;
		margin-right: 0px!important;
    }

    .x-nav-articles a{
        font-size:22px;
    }

}
/*=============================
Previous / Next
=============================*/

.x-nav-articles{
    display:flex;
    align-items:center;
    gap:8px;
    flex-shrink:0;
}

.x-nav-articles a{
    color:#555;
    font-size:10px;
    text-decoration:none;
    transition:.3s;
}

.x-nav-articles a:hover{
    color:#b5002d;
}

/* ==========================================================
  Single Blogs 
========================================================== */
.blog-categories h2{
    font-size:52px;
    font-weight:700;
    color:#333;
    margin:0 0 25px;
    letter-spacing:1px;
}
.blog-categories{
    background:#F6F6F6;
    border:1px solid #d9d9d9;
    border-radius:8px;
    overflow:hidden;
}
.blog-categories ul{
    list-style:none;
    margin:0;
    padding:0;
}
.blog-categories li{
    border-bottom:1px solid #e7e7e7;
    padding:14px 15px;
    transition:.3s ease;
}
.blog-categories li:last-child{
    border-bottom:none;
}
.blog-categories li a{
    color:#2b2b2b;
    text-decoration:underline;
    text-decoration-style:dotted;
    text-decoration-thickness:1px;
    text-underline-offset:4px;
    font-size:18px;
    font-weight:400;
    transition:.25s;
}
.blog-categories li:hover{
    background:#ffff;
}
.blog-categories li:hover a{
    color:#c0002f;
}
.blog-categories .current-cat{
    background:#F6F6F6;
}
.blog-categories .current-cat a{
    color:#c0002f;
    font-weight:500;
}
.blog-categories .count{
    color:#333;
    font-weight:400;
}
@media(max-width:768px){
    .blog-categories h2{ font-size:38px; }
    .blog-categories li{ padding:14px 15px; }
    .blog-categories li a{ font-size:17px; }
}
.blog-archives{
    margin-top:40px;
}
.blog-archives h2{
    font-size:30px;
    font-weight:700;
    color:#333;
    margin:0 0 20px;
    letter-spacing:1px;
}
.blog-archives select{
    width:100%;
    height:44px;
    padding:0 15px;
    font-size:16px;
    color:#555;
    background:#fff;
    outline:none;
    cursor:pointer;
    transition:.3s;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 15px center;
    background-size:20px;
    padding-right:45px;
}
.blog-search{
    margin-bottom:30px;
}
.blog-search-form{
    position:relative;
    width:100%;
}
.blog-search-input{
    width:100% !important;
    height:44px !important;
    padding-left:42px !important;
    padding-right:15px !important;
    margin:0 !important;
    border:1px solid #d9d9d9;
    border-radius:3px;
    background:#fff !important;
    font-size:14px;
    color:#444;
    box-sizing:border-box;
    line-height:44px !important;
    text-indent:0 !important;
}
.blog-search-input::placeholder{
    color:#999;
}
.blog-search-btn{
    position:absolute;
    top:50%;
    left:12px;
    transform:translateY(-50%);
    width:16px;
    height:16px;
    padding:0;
    margin:0;
    border:none;
    background:transparent;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:10;
    cursor:pointer;
}
.blog-search-btn svg{
    width:18px;
    height:18px;
    display:block;
    color:#333;
    transition:0.3s ease;
}
.blog-search-btn:hover{
    background:transparent;
    border:none;
    box-shadow:none;
}
.blog-search-btn:hover svg{
    color:#333;
}


/* ==========================================================
   SINGLE POST PAGE (single-post.php)
========================================================== */

.single-blog-page{
    display:flex;
    gap:40px;
    max-width:1240px;
    margin:60px auto;
    padding:0 10px;
}

.single-blog-sidebar{
    width:305px;
    flex-shrink:0;
}

.single-blog-main{
    flex:1;
}

.single-blog-card{
    background:#fff;
    border:1px solid #e7e7e7;
    border-radius:4px;
    overflow:hidden;
    box-shadow:0 3px 12px rgba(0,0,0,.12);
    padding:20px;
}

.single-featured-image img{
    width:100%;
    height:auto;
    display:block;
}

.single-blog-content{
    padding:40px;
}

.single-blog-content h1{
    margin:0 0 20px;
    font-size:56px;
    line-height:1.05;
    font-weight:700;
    color:#444;
}

.single-blog-content h2{
    font-size:36px;
    margin:45px 0 20px;
}

.single-blog-content h3{
    font-size:30px;
    margin:35px 0 18px;
}

.single-blog-content p{
    font-size:20px;
    line-height:1.95;
    color:#555;
    margin-bottom:26px;
}

.single-blog-content ul{
    padding-left:25px;
    margin-bottom:25px;
}

.single-blog-content li{
    font-size:20px;
    line-height:1.9;
    margin-bottom:12px;
}

.single-blog-content img{
    max-width:100%;
    height:auto;
}

.single-blog-content a{
    color:#b7002d;
    text-decoration:none;
}

.single-blog-content a:hover{
    color:#87001d;
}

/* ==========================================================
   SINGLE POST META
========================================================== */

/* ==========================================================
   SINGLE META - Desktop & Tablet
========================================================== */

.single-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:0;
    margin:18px 0 25px;
}

.single-date{
    display:flex;
    align-items:center;
    font-size:15px;
    color:#555;
    text-transform:uppercase;
}

.single-date i{
    margin-right:6px;
    color:#222;
}

.single-date .separator{
    margin:0 10px;
    color:#888;
}

.single-category{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
}

.single-category a{
    display:inline-flex;
    align-items:center;
    color:#b6002d;
    text-decoration:none;
    text-transform:uppercase;
    font-size:14px;
}

.single-category i{
    margin-right:4px;
    color:#b6002d;
    font-size:12px;
}
/* Navigation */
.single-navigation{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:50px;
    padding-top:25px;
    border-top:1px solid #ececec;
}

.single-navigation a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#b7002d;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.single-navigation a:hover{
    color:#86001f;
}

.single-navigation i{
    font-size:14px;
}


/* ==========================================================
   MOBILE (Below 768px)
========================================================== */

@media (max-width:700px){

    .single-blog-page{
        display:flex;
        flex-direction:column;
        gap:25px;
        margin:30px auto;
        padding:0 15px;
    }

    .single-blog-sidebar{
        width:100%;
        order:2;
    }

    .single-blog-main{
        width:100%;
        order:1;
    }

    .single-blog-card{
        width:100%;
        padding:15px;
        box-sizing:border-box;
    }

    .single-featured-image img{
        width:100%;
        height:auto;
    }

    .single-blog-content{
        padding:15px;
    }

    .single-blog-content h1{
        font-size:28px;
        line-height:1.25;
        word-break:break-word;
    }

    .single-blog-content h2{
        font-size:22px;
    }

    .single-blog-content h3{
        font-size:18px;
    }

    .single-blog-content p,
    .single-blog-content li{
        font-size:15px;
        line-height:1.7;
    }

   .single-meta{
        display:block;
        margin:15px 0 20px;
    }

    .single-date{
        display:block;
        font-size:14px;
        margin-bottom:5px;
    }

    .single-date .separator{
        display:inline;
        margin-left:5px;
    }

    .single-category{
        display:block;
        margin-top:5px;
    }

    .single-category a{
        display:inline-flex;
        margin-bottom:8px;
    }
    .single-navigation{
        display:flex;
        justify-content:space-between;
        align-items:center;
/*         flex-wrap:wrap; */
        gap:10px;
    }

/*     .single-navigation .prev,
    .single-navigation .next{
        width:48%!important;
    } */

    .single-navigation a{
        display:block;
        font-size:14px;
    }

}
@media (max-width:480px){

    .single-blog-page{
        padding:0 12px;
    }

    .single-blog-card{
        padding:12px;
    }

    .single-blog-content{
        padding:12px;
    }

    .single-blog-content h1{
        font-size:24px;
    }

    .single-blog-content h2{
        font-size:20px;
    }

    .single-blog-content h3{
        font-size:17px;
    }

    .single-blog-content p,
    .single-blog-content li{
        font-size:14px;
        line-height:1.7;
    }

    .single-navigation{
/*         flex-direction:column; */
        align-items:stretch;
    }

/*     .single-navigation .prev,
    .single-navigation .next{
        width:100%!important;
    } */

}

/* ==========================================================
   SEARCH / ARCHIVE PAGE
========================================================== */

.search-header{
    max-width:1240px;
    margin:50px auto 40px;
    text-align:center;
    padding:0 20px;
}

.search-header h1{
    font-size:54px;
    color:#444;
    font-weight:700;
    margin-bottom:15px;
}

.search-header p{
    font-size:18px;
    color:#666;
    line-height:1.7;
}

.search-blog-page{
    max-width:1240px;
    margin:60px auto;
    padding:0 10px;
    display:flex;
    gap:40px;
}

.search-blog-sidebar{
    width:305px;
    flex-shrink:0;
}

.search-blog-list{
    flex:1;
}

/*======================================================
CARD
======================================================*/

.search-blog-card{
    background:#fff;
    border:1px solid #e7e7e7;
    border-radius:4px;
    overflow:hidden;
    box-shadow:0 3px 12px rgba(0,0,0,.12);
    margin-bottom:35px;
}

.search-blog-image{
    position:relative;
    overflow:hidden;
}

.search-blog-image img{
    width:100%;
    display:block;
    transition:.35s;
}

.search-blog-image:hover img{
    transform:scale(1.05);
}

.search-image-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    opacity:0;
    transition:.3s;
}

.search-blog-image:hover .search-image-overlay{
    opacity:1;
}

.search-image-overlay i{
    width:75px;
    height:75px;
    border-radius:50%;
    background:#b5002d;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:15px;
}

.search-image-overlay span{
    background:#222;
    color:#fff;
    padding:10px 18px;
    font-size:12px;
}

/*======================================================
CONTENT
======================================================*/

.search-blog-inner{
    padding:35px;
}

.search-blog-inner h2{
    font-size:44px;
    line-height:1.15;
    margin-bottom:20px;
}

.search-blog-inner h2 a{
    color:#444;
    text-decoration:none;
}

.search-blog-inner h2 a:hover{
    color:#b5002d;
}

.search-blog-inner p{
    font-size:19px;
    line-height:1.9;
    color:#555;
}

/*======================================================
META
======================================================*/

.search-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    margin:18px 0 25px;
    gap:5px;
    font-size:14px;
}

.search-date{
    display:flex;
    align-items:center;
    white-space:nowrap;
    color:#555;
}

.search-date i{
    margin-right:6px;
}

.search-date .separator{
    margin:0 8px;
}

.search-category{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}

.search-category a{
    color:#b5002d;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    font-weight:500;
}

.search-category i{
    margin-right:5px;
    font-size:12px;
}

/*======================================================
BUTTON
======================================================*/

.search-read-more{
    display:inline-block;
    margin-top:25px;
    color:#b5002d;
    font-weight:700;
    text-decoration:none;
}

.search-read-more:hover{
    color:#850020;
}

/* ==========================================================
   SEARCH TAGS
========================================================== */

.search-blog-tags{
    margin:12px 0 35px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.search-blog-tag{
    display:inline-block;
    padding:6px 12px;
    border:1px solid #ddd;
    border-radius:3px;
    background:#f5f5f5;
    color:#888;
    font-size:11px;
    text-transform:uppercase;
    text-decoration:none;
    transition:.3s;
}

.search-blog-tag:hover{
    background:#ffffff;
    color:#333;
}

/*======================================================
PAGINATION
======================================================*/

.search-blog-pagination{
    text-align:center;
    margin:50px 0;
}

.search-blog-pagination .page-numbers{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    width:40px;
    height:40px;
    border:1px solid #ddd;
    margin:0 4px;
    color:#444;
    text-decoration:none;
}

.search-blog-pagination .current,
.search-blog-pagination .page-numbers:hover{
    background:#b5002d;
    color:#fff;
    border-color:#b5002d;
}

/*======================================================
TABLET
======================================================*/

@media (min-width:768px) and (max-width:991px){

    .search-blog-page{
        gap:25px;
    }

    .search-blog-sidebar{
        width:260px;
    }

    .search-blog-inner{
        padding:25px;
    }

    .search-blog-inner h2{
        font-size:34px;
    }

    .search-blog-inner p{
        font-size:17px;
    }

}

/*======================================================
MOBILE
======================================================*/

@media (max-width:767px){

    .search-blog-page{
        flex-direction:column;
        gap:25px;
        padding:0 15px;
    }

    .search-blog-sidebar{
        width:100%;
        order:2;
    }

    .search-blog-list{
        order:1;
    }

    .search-blog-inner{
        padding:18px;
    }

    .search-blog-inner h2{
        font-size:28px;
    }

    .search-blog-inner p{
        font-size:15px;
    }

    .search-meta{
        display:block;
    }

    .search-date{
        display:block;
        margin-bottom:8px;
    }

    .search-category{
        display:block;
    }

    .search-category a{
        display:inline-flex;
        margin-bottom:6px;
    }

}
/*=============================
BLOG LISTING
==============================*/

.listing-wrapper{
    display:flex;
    gap:30px;
    align-items:flex-start;
    justify-content:space-between;
}

.listing-column{
    flex:0 0 calc(50% - 15px);
    max-width:calc(50% - 15px);
    display:flex;
    flex-direction:column;
    gap:30px;
}

.listing-card{
background:#fff;
border:1px solid #e5e5e5;
box-shadow:0 3px 12px rgba(0,0,0,.12);
overflow:hidden;
transition:.3s;
}

.listing-card:hover{
transform:translateY(-3px);
box-shadow:0 8px 20px rgba(0,0,0,.18);
}

.listing-image{
position:relative;
overflow:hidden;
}

.listing-image img{
width:100%;
display:block;
transition:.4s;
}

.listing-card:hover .listing-image img{
transform:scale(1.05);
}

.listing-overlay{
position:absolute;
inset:0;
background:rgba(0,0,0,.55);
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
opacity:0;
transition:.3s;
}

.listing-image:hover .listing-overlay{
opacity:1;
}

.listing-overlay i{
width:75px;
height:75px;
background:#b5002d;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:30px;
margin-bottom:20px;
}

.listing-overlay span{
background:#222;
color:#fff;
padding:10px 15px;
font-size:11px;
text-align:center;
max-width:85%;
}

.listing-content{
padding:25px;
}

.listing-title{
font-size:28px;
line-height:1.15;
margin:0 0 15px;
font-weight:700;
}

.listing-title a{
color:#444;
text-decoration:none;
}

.listing-title a:hover{
color:#b5002d;
}

.listing-meta{
display:flex;
flex-direction:column;
gap:10px;
margin-bottom:20px;
}

.listing-date{
display:flex;
align-items:center;
font-size:13px;
text-transform:uppercase;
color:#555;
gap:6px;
}

.listing-date i{
color:#444;
}

.listing-separator{
color:#888;
}

.listing-category{
display:flex;
flex-wrap:wrap;
gap:8px;
}

.listing-cat-item{
display:flex;
align-items:center;
gap:4px;
}

.listing-cat-item i{
color:#b5002d;
font-size:12px;
}

.listing-cat-item a{
color:#b5002d;
text-decoration:none;
font-size:12px;
text-transform:uppercase;
}

.listing-cat-item a:hover{
color:#880022;
}

.listing-excerpt{
font-size:18px;
line-height:1.8;
color:#555;
margin-bottom:20px;
}

.listing-readmore{
display:inline-block;
font-weight:700;
color:#b5002d;
text-decoration:none;
}

.listing-readmore:hover{
color:#880022;
}

.listing-pagination{
margin:60px 0;
text-align:center;
}

.listing-pagination .page-numbers{
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
margin:0 4px;
background:#fff;
border:1px solid #ddd;
text-decoration:none;
color:#555;
}

.listing-pagination .current{
background:#b5002d;
color:#fff;
border-color:#b5002d;
}

.listing-pagination .page-numbers:hover{
background:#b5002d;
color:#fff;
}

/* Tablet */

@media(max-width:1024px){

.listing-title{
font-size:24px;
}

.listing-excerpt{
font-size:16px;
}

}

/* Mobile */

@media(max-width:768px){

.listing-wrapper{
        flex-direction:column;
        gap:25px;
    }

    .listing-column{
        flex:0 0 100%;
        max-width:100%;
        width:100%;
    }

.listing-content{
padding:20px;
}

.listing-title{
font-size:24px;
}

.listing-excerpt{
font-size:16px;
}

}