/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Child theme for Astra
Author: Your Name
Author URI: https://example.com
Template: astra
Version: 1.0
*/

div#middle {
    border-left: 1px solid #AFA5A580;
    border-right: 1px solid #AFA5A580;
    border-bottom: 1px solid #AFA5A580;
}
div#middle-bootom {
    border-left: 1px solid #AFA5A580;
    border-right: 1px solid #AFA5A580;
}
#right, #left {
    border-bottom: 1px solid #AFA5A580;
}
section#legal-insight-banner {
    background: linear-gradient(267.83deg, #0C213D 1.25%, #2058A3 98.75%)!important;
}
div#specialeffect {
    border-left: 2px solid rgba(74, 144, 217, 1);
}

a.thought-view img {
    width: 16px;
    height: 16px;
}
.thought-card img {
    height: 200px;
    aspect-ratio: 2/1;
    width: 100%;
}
.thought-content p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 0;
}
.link img {
    width: 24px;
    height: auto;
    aspect-ratio: 1/1;
}
.thought-content h3 a {
    font-family: Inter;
    font-weight: 600;
    font-size: 20px;
    text-decoration: none!important;
    line-height: 135%;
    letter-spacing: 0%;
    color: #000;
}
.thought-content {
    padding: 15px;
}
.book-author {
    font-family: Inter;
    font-weight: 400;
    font-size: 11px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
}
a.back-home {
    margin-bottom: 2% !important;
    display: inline-block;
    color: #000;
    font-size: 18px;
    font-weight: 600;
}

#top-banner-sec h2 {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-weight: 600;
    padding-bottom: 2%;
}
div#gform_confirmation_message_1 {
    color: #fff;
    font-size: 20px;
}
div#bottom-image a:hover {
    background: transparent;
}
.wp-block-image img {
    padding-top: 3%;
}
#top-banner-sec a:hover {
    background: #b58833e0;
    color: #fff !important;
}
#about a:hover {
    background: #043451;
    color: #fff !important;
}


#leadership-inner h2 {
    font-family: 'Inter' !important;
}
#insights-sec .vc_single_image-wrapper, #insights-sec .vc_single_image-wrapper img {
    width: 100%;
    display: block;
}
#insights-sec .vc_column-inner .wpb_wrapper{
    display: flex;
    flex-direction: column;
    height: 100%;
}

#insights-sec .wpb_text_column{
    margin-top: auto;
}

#insights-sec a{
    font-family: Inter !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 150% !important;
    color: #0C0C0C;
    text-decoration: none !important;
    padding-left: 4%;
    padding-right: 4%;
}



#insights-sec a {
    font-family: Inter !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 150% !important;
    color: #0C0C0C;
    text-decoration: none !important;
    padding-left: 4%;
    padding-right: 4%;
}
#insights-sec a::after {
    content: url('https://josh.demobogt.com/wp-content/uploads/2026/03/expand_less-1.png');
    margin-left: 10px;
}
#right-leadership a {
    font-family: Inter !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 150% !important;
    color: #0C0C0C;
    text-decoration: none !important;
}
#left-leadership a::after {
    content: url('https://josh.demobogt.com/wp-content/uploads/2026/03/expand_less-1.png');
    margin-left: 10px;
}
#left-leadership a {
    font-family: Inter !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 150% !important;
    color: #0C0C0C;
    text-decoration: none !important;
}
#right-leadership a::after {
    content: url('https://josh.demobogt.com/wp-content/uploads/2026/03/expand_less-1.png');
    margin-left: 10px;
}
#insights-sec h3 {
    font-family: Inter;
    font-weight: 600;
    padding-top: 4%;
    padding-left: 4%;
    padding-right: 4%;
}
p.gform_required_legend {
    display: none;
}
label.gfield_label.gform-field-label {
	
    font-family: Segoe UI;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 150%;
    letter-spacing: 0%;
    color: #fff;
}
div#gform_fields_1 {
    gap: 20px;
}
div#gform_1_validation_container {
    display: none!important;
}
.gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large {
    inline-size: 100%;
    background: transparent!important;
    border: 1px solid #D6D7D9!important;
    color: #fff!important;
    border-radius: 10px;
    height: 44px;
}
input#gform_submit_button_1 {
    background: transparent;
    border: 2px solid #FFFFFF;
    padding: 16px 32px;
    border-radius: 164px;
    font-family: 'Inter';
}
.gform-theme--foundation .gfield textarea.small {
    inline-size: 100%;
    background: transparent!important;
    border: 1px solid #D6D7D9!important;
    color: #fff!important;
    border-radius: 10px;
}
article.accordion {
    margin: 0!important;
    padding: 0!important;
}
.accordion__title h3 {
    font-size: 20px;
}
div#singleimage, div#singleimage img, div#singleimage figure, div#singleimage .vc_single_image-wrapper {
    width: 100%;
}
#leadership h3 a {
    text-decoration: none;
    color: #0C0C0C;
}
#article-section .thought-leadership-grid {
    grid-template-columns: repeat(3, 1fr);
}
.thought-leadership-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 30px;
}

.thought-card {
    background: rgba(248, 243, 235, 1);
    overflow: hidden;
}
.thought-image .play-button img {
    width: 45px;
    height: 45px;
    background: #b58833;
    border-radius: 100%;
}
.thought-image .play-button {
    position: absolute;
    top: 0;
}
.thought-image img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    display: block;
    aspect-ratio: 2/1;
}
.thought-image .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.thought-content{
padding:20px;
}
.thought-image {
    position: relative;
}
.thought-title{
font-size:18px;
font-weight:600;
margin-bottom:15px;
line-height:1.4;
}

.thought-title a {
    text-decoration: none!important;
    color: #043451;
    font-family: Inter;
    font-weight: 600;
    font-size: 20px;
    line-height: 135%;
    letter-spacing: 0%;
}

.thought-view {
    color: #0C0C0C;
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    text-decoration: none!important;
}

.thought-view:hover{
text-decoration:underline;
}
.thought-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.recommended-slider{
padding:40px 0;
}

.book-card{
text-align:center;
}
.book-image img {
    width: 100%;
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);
    object-fit: cover;
    height: auto;
    aspect-ratio: 4/6;
}

.book-title {
    margin-top: 15px;
    font-family: Inter;
    font-weight: 600;
    font-size: 20px;
    line-height: 135%;
    text-align: center;
    margin-bottom: 0;
}

.book-author{
font-size:13px;
color:#777;
display:block;
margin-top:5px;
}

@media(max-width:1300px){
#banner-section h1 {
    font-size: 45px!important;
}
#article-section h2,  #insight h2 {
    font-size: 36px!important;
}	
}
@media(max-width:1100px){
header .custom-logo-link img {
    max-width: 182px!important;
    width: 196px!important;
}	
.thought-content h3 a {
    font-size: 16px;
}	
#article-section h2 {
    font-size: 30px!important;
}		
#banner-section h1 {
    font-size: 40px!important;
}
}

@media(max-width:1024px){
#article-section .thought-leadership-grid {
    grid-template-columns: repeat(2, 1fr);
}	
.thought-leadership-grid{
grid-template-columns:repeat(2,1fr);
}
section#insights-main-sec {
    padding-left: 3% !important;
    padding-right: 3% !important;
}
}
@media(max-width:800px){
.sud-hero-image {
    width: 100%;
}	
#bottom-image {
    padding-top: 12% !important;
}
#top-banner-sec h1 {
    font-size: 30px !important;
}
#article-section h2 {
    font-size: 26px!important;
}		
	#top-banner-sec h2 {
    font-size: 18px !important;
}
	.book-title {
    font-size: 16px;
}
	#leadership-inner {
    display: flex;
    flex-direction: column;
}
    #left-leadership {
    width: 100% !important;
    padding-top: 0;
}
	#right-leadership {
    width: 100% !important;
    padding-top: 0 !important;
}
#leadership h2 {
    margin: 0;
    padding-bottom: 10px;
    font-size: 32px !important;
    text-align: left !important;
}
	#insights-main-sec h2,  #insight h2{
	font-size: 32px !important;	
	}
	#insights-sec .vc_col-sm-3 {
    width: 50%;
}
	#reads h2, #faqs h2 {
    text-align: left !important;
	font-size: 32px !important;
}
	.accordion__title h3 {
    font-size: 18px !important;
}
	#contact-inner {
    display: flex;
    flex-direction: column;
}
	#contact-inner .vc_col-sm-7 {
    width: 100%;
}
	#contact-inner .vc_col-sm-5 {
    width: 100%;
}
}

@media(max-width:600px){
.vc_sep_width_30 {
    width: 75%;
    margin-bottom: 10px!important;
}
.vc_separator .vc_sep_holder {
    min-width: 100%!important;
}
div#middle {
    border-left: 0px solid #AFA5A580;
    border-right: 0px solid #AFA5A580;
    border-bottom: 1px solid #AFA5A580;
}
div#middle-bootom {
    border-left: 0px solid #AFA5A580;
    border-right: 0px solid #AFA5A580;
    border-bottom: 1px solid #AFA5A580;
}
#right, #left {
    border-bottom: 1px solid #AFA5A580;
}
#article-section h2 {
    font-size: 22px!important;
}	
#article-section .thought-leadership-grid {
grid-template-columns:1fr;
}	
#banner-section h1 {
    font-size: 26px!important;
}	
.book-image img {
    height: 100%;
}		
.thought-leadership-grid{
grid-template-columns:1fr;
}
}

@media(max-width:500px){
	.book-image img {
    width: 90%;
}
	#insights-sec .vc_col-sm-3 {
    width: 100%;
    padding-left: 6%;
    padding-right: 6%;
}
	#top-banner-sec .vc_row.vc_row-flex {
    flex-direction: column-reverse;
}
	#top-banner-sec img {
    margin-top: 8%;
}
    #top-banner-sec h1 {
    font-size: 38px !important;
    padding-top: 6%;
}
	#about h2, #leadership h2, #insights-main-sec h2, #reads h2, #faqs h2, #insight h2 {
    font-size: 28px !important;
}
	.accordion__title h3 {
    font-size: 16px !important;
}
}