/*
Theme Name: Instapg Custom Theme
Theme URI: https://instapg.es/
Author: Instapg Team
Author URI: https://instapg.es/
Description: Instapg Custom Theme is a modern, responsive WordPress theme designed for social platforms, digital creators, and interactive blogs. It features sleek layouts, customizable sections for posts and media, multilingual support, and tools to highlight creativity, engagement, and community storytelling.
Version: 1.0
Text Domain: instapg
Tags: social, creative, blog, responsive, custom-theme
*/



body{
	margin: 0;
  font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
* {
    box-sizing: border-box;
}

.instapg-content-area {
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 24px;
}

.container{
    max-width: 1280px;
    width: 100%;
    margin: auto;
    padding: 0 10px;
}

.instapg-content-area h1 {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    line-height: 45px;
}

.instapg-content-area h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
}

.instapg-content-area h3 {
    font-size: 25px;
    font-weight: bold;
    line-height: 35px;
   
}

.instapg-content-area h4 {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    
}

.instapg-content-area h5 {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
 }

.instapg-content-area h6 {
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
   
}

.instapg-content-area ol li {
    list-style: decimal;

}

.instapg-content-area ul li {

    list-style: disc;
}

.instapg-content-area ol,
.instapg-content-area ul {
    box-sizing: border-box;
    padding-left: 30px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 10px 0 !important;

}

.instapg-content-area table {

    border-collapse: collapse;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.instapg-content-area td {
    border: 1px solid #ccc;
    padding: 8px;
    font-size: 16px;
}

.instapg-content-area dl {
    margin: 20px;
    padding: 0;
    font-family: Arial, sans-serif;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.instapg-content-area dt {
    font-weight: bold;
    margin: 10px 0 5px;
    padding: 10px;
    background-color: #eee;
    border-bottom: 1px solid #ddd;
}

.instapg-content-area dd {
    margin: 0 0 10px 20px;
    padding: 10px;
    border-left: 2px solid #ddd;
    background-color: #fff;
}


.instapg-content-area li {
    line-height: 30px;
}

.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;

}
.main-header {
    padding: 15px 0;
	background: #010916;
    box-shadow: 0 0 6px 0;
}

.menu-item-has-children:after {
    content: "\f078";
    font-family: "FontAwesome";
    margin-left: 5px;
    color: #000;
    position: absolute;
    top: 15px;
    right: 0px;
    font-size: 10px;
    cursor: pointer;
}
.menu-item-has-children:hover:after {
    rotate: 180deg;
}


.navigationcl {
    position: relative;
    left: auto;
    padding-top: 0;
    display: inline-block;
    width: 100%;
}

.navigationcl a {
    display: block;
    position: relative;
    margin: 0;
    height: auto;
    font-size: 17px;
    line-height: 40px;
    color: #fff;
    overflow: visible;
    text-decoration: none;
	padding: 5px 15px;

}

.sub-menu li a {
    line-height: 24px;
    margin: 5px 0;
    Color: #000;

}

.navigationcl li {
    position: relative;
    display: inline-block;
    padding: 0;
	margin: 0 0 0 6px;
}

.nav-select {
    display: inline-block;
    visibility: visible;
    width: 100%;
    text-align: right;
}

.navbar-togglecl {
    display: none;
}

.sub-menu {
    display: none;
    position: absolute;
    left: 0;
    background: #fff;
    width: 180px;
    text-align: left;
    padding: 10px 0;
    box-shadow: 0 0 6px #ddd;
    top: 34px;
    word-break: break-word;
    z-index: 999;
}

.menu-item:hover .sub-menu {
    display: block;
}

.sub-menu li {
    width: 100%;
}

.sub-menu .sub-menu {
    left: auto;
    right: 100%;
    top: -10px;

}

.nav-select .sub-menu>li>.sub-menu {
    display: none;
    position: absolute;

}

.nav-select .menu__list>li:hover>.sub-menu,
.nav-select .sub-menu>li:hover>.sub-menu {
    display: block;
}

.campaign-list-item_key-features ul li {
    list-style: none;

}

.campaign-list-item_key-features ul {
    padding-left: 0;
}


.aligncenter {

    display: block;
    margin: auto;
}

.instapg-content-area table {
    margin: 25px 0;
    border-collapse: collapse;
    width: 100%;
}

th {
    border: 1px solid #ccc;
}

.footer {
    text-align: center;
    padding: 20px 0;
    background-color: #1d2b37;
}
.box-image img {
    width: 100%;
}
.accordionButton h3 {
    font-weight: 900 !important;
}


.brz .brz-css-mixwm {
    padding: 20px 0;
    background-color: #010916;
}
ul#menu-footer-menu {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    flex-wrap: wrap;
    gap: 20px;
}

ul#menu-footer-menu a {
    color: #fff;
}

@media only screen and (max-width: 579px) {
	   .instapg-content-area table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}
@media only screen and (max-width: 1599px) {
.sub-menu {
    left: -94px;
}
}
/*—-------------------------------------------------------*/
@media only screen and (max-width: 991px) {

    /* .menu-item-has-children>a::after,
    .sub-menu .menu-item-has-children>a::after {
        display: none;
    } */

    .menu-item-has-children:after{
        display: none;
    }

    .table-auto {
        overflow-x: scroll;
        width: 100%;
    }


    *:not(.simulator) {
        scrollbar-width: none;
    }

    .navigationcl {
        position: absolute;
        right: 0;
        top: 100%;
        width: 100%;
        cursor: pointer;
        text-align: left;
        background: #fff;
        left: auto;
        box-shadow: 0 0 4px #ddd;
        display: none;
        padding: 14px;
        Z-index:999;
    }

    .navbar-togglecl {
        display: block !important;
    }

    .navbar-togglecl {
       background-color: transparent;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 20px;
        right: 15px;
        text-align: center;
        cursor: pointer;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: transparent;
    }

    .navbar-togglecl span {
        width: 28px;
        height: 2px;
        background-color: #fff;
        display: inline-block;
        position: relative;
        top: 15px;
        right: 0;
    }

    .navbar-togglecl span::before,
    .navbar-togglecl span::after {
        content: "";
        position: absolute;
        background-color: #fff;
        width: 100%;
        height: 2px;
        left: 0;
        top: -7px;
    }

    .navbar-togglecl span::after {
        top: 7px;
    }

    .navigationcl li {
        position: relative;
        display: inline-block;
        Padding: 10px 10px;
        margin: 0;
        width: 100%;
        box-sizing: border-box;

    }


    .navigationcl a {
        font-size: 16px;
        color: #fff;
        height: auto;
        padding: 5px 10px;
        margin: 0;
        line-height: 36px;
        text-align: center;
    }

    .navigationcl ul {
        visibility: visible;
        position: relative;
        display: block;
        left: 0;
        top: 0;
        margin: 0 !important;
        width: 100%;
        padding: 0 !important;
    }

    .navigationcl ul a {
        height: auto;
        width: 100%;
        overflow: visible;
        line-height: 26px;
        background-image: none;
        border-width: 0;
        text-align: left;
    }

    .navigationcl li:hover>ul {
        visibility: visible;
        top: auto;
    }

    .toggle-menu {
        position: absolute;
        right: -7px;
        width: 40px;
        height: 30px;
        font-size: 15px;
        transform: rotate(0deg);
        text-align: center;
        top: 7px;
        cursor: pointer;
        z-index: 999;
        display: block;
        color: #000;
    }
    .toggle-menu i {
        transition: transform 0.3s ease;
    }
 
    .toggle-menu.on i {
        transform: rotate(180deg);
    }
    .sub-menu .toggle-menu {
        top: 10px;
    }

    .nav-select {
        display: inline-block;
        visibility: visible;
        width: 100%;
        text-align: left;
        margin: 0;
    }

    .sub-menu {
        display: block;
        position: relative;
        left: 0;
        background: transparent;
        width: 100%;
        text-align: left;
        padding: 0 !important;
        box-shadow: none;
        top: auto;
    }

    .sub-menu .sub-menu {
        left: 0;
        right: 0;
        top: 0;
    }

    .nav-select .sub-menu>li>.sub-menu {
        display: block;
        position: relative;

    }

    .nav-select .menu__list>li:hover>.sub-menu,
    .nav-select .sub-menu>li:hover>.sub-menu {
        display: block;
    }
    img.custom-logo {
	    max-width: 150px;
	    height: auto;
	}
	.navbar-togglecl {
	    top: 8px;
        right: 0;
	}


}


/*AUTHOR SECTION START*/
.main-title{
    text-align:left;
}
.custom_top_author {
    display: flex;
    align-items: center;
    gap: 16px;
   background: unset;
    border-radius: 10px;
    padding: 0px;
    
}
.author_imag img {
    width: 60px;
    min-width:60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}
.name_author_out {
    display: flex;
}
.name_author_out span.lbl {
    margin-right: 5px;
}
.name_author_out h4 {
    margin: 0;
    color: #000;
    line-height: 24px;
    font-size: 18px;
    font-weight: normal;
}
.name_author_out p{
margin:0 !important;
}
 
 
/*AUTHOR SECTION And Page START*/
 
.main-title {
    text-align: left;
}
 
.custom_top_author {
    display: flex;
    align-items: center;
    gap: 16px;
}
 
.author_imag img {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}
 
.name_author_out {
    display: flex;
    align-items: center;
}
 
.name_author_out span.lbl {
    margin-right: 5px;
}
 
.name_author_out h4,
.name_author_out p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
 
.name_author_out a p {
    font-weight: 600;
    font-size: 16px;
}
 
.name_author_out a:hover p {
    color: #ea0101;
}
 
.modifyDetails {
    border-radius: 20px;
    padding: 10px 15px;
    margin-bottom: 20px;
    background: #0109167a;
}
 
.author_imag img {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}
 
.author_imag {
    line-height: 0;
}
 
.name_author_out {
    display: flex;
}
 
.name_author_out span.lbl {
    margin-right: 5px;
}
 
.name_author_out a {
    color: inherit;
}
 
/*Author Page css*/
.header-profile-details h2 {
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 0;
}
 
.profile-header-container {
    display: flex;
    align-items: center;
    gap: 30px;
}
 
.header-avatar-container img {
    padding: 0;
    border: 0;
    width: 75px;
    height: 75px;
    object-fit: cover;
}
 
.header-profile-details h2 {
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 0;
}
 
.profile-fields-group.profile-fields-group-1 {
    border: 1px solid #eee;
    margin: 1.5rem 0 0;
    padding: 15px 20px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    letter-spacing: 1px;
}
 
.profile-fields-group.profile-fields-group-1 h3 {
    margin-top: 0;
    margin-bottom: 20px;
    color: #000;
}
.home-page.author-box-wrapper {
    padding: 30px 0;
    box-shadow: none;
}
 
.author-f-name .label, .author-description-name .label {
    font-weight: 600 !important;
    font-size: inherit;
    line-height: inherit;
    background: transparent;
    color: inherit;
    padding: 0px;
}
 
.author-f-name {
    display: flex;
    gap: 15px;
    font-size: 20px;
}
 
.author-description-name {
    margin-top: 20px;
    font-size: 20px;
}
.name_author_out a:hover,
.name_author_out a:hover p {
    color: #000 ;
    text-decoration-color: #000 ;
}
 
/*AUTHOR SECTION And Page END*/