/*!
Theme Name: wiwenetwork
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wiwenetwork
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

wiwenetwork is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
Header
# Home
	- Leatest podcast 
	- Banner Section
	- Upcomming Podcast
	- Testimonial
	- Ready to Acess
	- Footer

--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body{
	 font-family: "Montserrat", sans-serif;
}
.padding-80{
	padding:80px 0;
}

p{
	font-size: 18px;
}
.blue-bg{
	background-color: #004872;
	box-shadow:inset 0px 0 0px #004872;
	transition:0.4s;
}
.blue-bg:hover{
	box-shadow:inset 50px 50px 0px #d48600;
}
.text-blue{
	color: #004872;
}

.orange-bg{
	background:#d48600;
	box-shadow:inset 0px 0 0px #d48600;
	transition:0.4s;
}
.orange-bg:hover{
	box-shadow:inset 50px 50px 0px #004872;
}
.text-orange{
	color:#d48600;
}
.orange-bg-white{
	background:#d48600;
	box-shadow:inset 0px 0 0px #d48600;
	transition:0.4s;
	&:hover{
		box-shadow:inset 900px 0 0px #fff;
		color:#000 !important;
	}
}
h2{
	font-size: 40px;
	font-weight: 400;
}
/* 
	Header 
*/
header{
	    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    position: sticky;
    top: 0px;
    background-color: #fff;
    z-index: 99;
}
header a.navbar-brand img{
	width: 70%;
}
header .navbar li a{
	color:#282828;
	font-size: 17px;
	font-weight: 500;
}
header .navbar li a.nav-link.active{
	color:#d48600;
}
header li.nav-item {
    padding: 0px 5px;
}

/* 
	Banner Section
*/
.banner{
	background-image: url('img/map-dott.webp');
    background-size: contain;
    background-position: center;
	padding: 100px 0px;
	  background-color: #fcfaf5;
}
.banner-btn a{
	font-size: 18px;
	padding: 17px 32px;
}
p.banner-para{
	padding: 12px 20px;
	/* width: 1000px; */
	margin: 0 auto 30px;
	max-width: 70%;
}
.banner h1{
	font-size:55px;
}

/* 
	Upcomming Podcast
*/
.upcomming-podcast{
	background: #d48600;
}
.senior-leaders{
	background-color: #fcfaf5;
}
.upcomming-podcast-content h4{
	font-size: 18px;
    font-weight: 400;
}
.upcomming-podcast-content p{
	font-size: 21px;
	font-weight: 600;
}
.upcomming-podcast-read-more a{
	font-size: 18px;
	padding: 11px 32px;
}
.podcast-figure{
	position: absolute;
	top: 40px;
	left: 40px;
	right: 40px;
}


/* 
	Testimonial
*/
.reviews{
	padding: 0px 140px;
}
.slick-dots li button:before {
    font-size: 10px;
	color: #004872 !important;
}
.slick-dots li.slick-active button:before {
    color: #d48600 !important;
}

/* 
	Leatest podcast 
*/
.podcast-card {
	background: #FCFAF5;
	background: linear-gradient(180deg, rgba(252, 250, 245, 1) 0%, rgba(255, 255, 255, 1) 100%);
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	width: 31.8%;
	min-height: 338px;
	position:relative;
}
.podcast-card img {
    width: 100%;
	object-fit: cover;
	opacity: 0.3;
	min-height: 340px;
}
.all-podcast a{
	font-size: 18px;
	padding: 17px 32px;
}
.leatest-podcast-content{
	margin-bottom:35px;
}
.podcast-figure h4{
	font-size:40px;
}

/* 
	Ready to Acess
*/
.ready-to-access{
	background-image: url('img/r-t-a.webp');
    background-size: cover;
    background-position: center;
	padding: 85px 0px;
	width: 100%;
	height: 100%;
}
.ready-to-access-content p.text-white{
	padding: 0px 190px
}
.membreship-btn a{
	font-size: 18px;
	padding: 17px 40px;
}

/*
	Footer
*/
footer .footer-content.text-center img {
    width: 25%;
}
.footer-menu ul li {
    list-style-type: none;
}
.footer-menu ul li a {
    color: #000;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
	&:hover{
		color: #d48600;
	}
}
footer#colophon hr {
    margin-top: 40px;
}




/* single event */

.badge-custom.mb-3 {
    border: 1px solid #d48600;
    width: fit-content;
    padding: 5px 20px;
    border-radius: 30px;
	    display: flex;
    align-items: center;
    gap: 7px;

}
.badge-custom.mb-3 span.dot{
display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #f59e0b;
    border-radius: 50%;
    flex-shrink: 0;
}

p.hero-desc.mb-4 a {
    color: #d48600;
	    text-decoration: none;
    font-weight: 500;
}
section.podcast-review.pt-5 h4.mb-4 i {
    font-size: 13px;
}

@media (max-width:991px) {
	.my-slider .slick-next {
		right: 0;
	}
	.my-slider .slick-next {
		left: 0;
	}
	div#navbarNav ul.navbar-nav{
		gap: 8px;
	}
	.container, .container-md, .container-sm {
		max-width: 96%;
	}
}


@media (max-width: 768px) {
	.hero-title {
	font-size: 36px;
	}
	.visual-box {
	margin-top: 20px;
	}
	section.senior-leaders.padding-80 {
		padding: 60px 0;
	}
}


/* podcast review */
.podcast-review .testimonial-card{
	width: 33.33%;
}

/* faq */
section.single-podcast-faq .accordion-button:focus {
    box-shadow: none;
}
section.single-podcast-faq .accordion-button:not(.collapsed){
    color: #fff;
    background: #004872;
}
section.single-podcast-faq .accordion-button {
    transition: var(--bs-accordion-transition) !important;
    font-weight: 600;
}
section.single-podcast-faq .accordion-button:not(.collapsed)::after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(358deg) brightness(105%) contrast(101%);
}

/* space between slides */
.podcast-review .slide-card {
  margin: 0 12px;
}

/* -------------------------- 
	Media Responsive
-----------------------------*/

@media screen and (max-width: 767px) {
a.navbar-brand {
    width: 78% !important;
}
p.banner-para {
    padding: 0px;
	width:100%;
	max-width: 100%;
}
.banner{
    padding: 40px 0px;
}
.banner-btn a {
	font-size: 18px;
	padding: 17px 60px;
	display: block;
}
.podcast-card {
    width: 100%;
	min-height: 260px;
}
.ready-to-access-content p.text-white {
   padding: 0px;
}
.reviews {
  padding: 0;
}
.all-podcast, footer ul.d-flex{
	display:block !important;
}
footer .footer-content.text-center img {
  width: 60%;
}
.all-podcast a {
  display: block;
  margin-bottom: 10px;
  text-align: center;
}
h2, .banner h1{
  font-size: 30px;
}
footer ul{
	margin:0;
	padding:0;
	text-align:center;
}
}

@media screen and (max-width: 575px) {
	.ready-to-access-content.text-center h2 {
		padding: 0 !IMPORTANT;
	}
	.banner-btn {
		gap: 12px !important;
	}
}

/*Event page design */

 .card {
  transition: height 0.2s ease;
}
.dropdown-card-box {
    border: 1px solid #dddddd85;
    box-shadow: none !important;
    border-radius: 4px;
}
.dropdown-card-box .card-body {
    background: #cfe2ff1f;
    background: linear-gradient(180deg, rgba(252, 250, 245, 1) 0%, rgba(255, 255, 255, 1) 100%);
    padding: 20px;
    border-radius: 4px;
}
.dropdown-card-box .accordion-button::after{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  /* width: 16px;
  height: 16px; */
}
.dropdown-card-box .accordion-body {
    padding: 20px 10px 10px 20px !important;
    margin-top: 0px;
    max-height: 300px;
    overflow-y: scroll;
}
.dropdown-card-box button.accordion-button {
    padding: 12px 20px !important;
    border: 1px solid #ddd;
    background: #dddddd30;
    border-radius: 4px;
    background: #004872;
    color: #fff;
    box-shadow:none;
    font-weight: 500;
}
.download-pdf-btn{
    background: #d48600 !important;
    border:1px solid #d48600;
    color:#fff;
    box-shadow: inset 0px 0 0px #d48600;
    transition: 0.4s;
    font-size: 14px;
    padding: 6px 20px;
    font-weight: 500;
}
.download-pdf-btn:hover{
    /* box-shadow: inset 60px 34px 0px #004872; */
    box-shadow: inset 60px 34px 0px #004872;
    border:1px solid #004872;
}

.ev-accord-box {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.ev-accord-box:last-child{
    border:none;
}



/* membership page */

        :root {
            --wiiw-blue: #004872;
            --wiiw-bronze: #d48600;
            --wiiw-light-blue: #f0f7ff;
            --wiiw-text: #004872;
            --wiiw-bg: #ffffff;
        } 
        .section-primary {
            background-color: var(--wiiw-blue);
            color: white;
			text-align: center;
			padding: 100px 0px;
        }

        .section-primary h1, .section-primary h2, .section-primary h3, .section-primary h4 {
            color: white;
        }

        .section-accent {
            background-color: var(--wiiw-light-blue);
        }

        .section-title {
            font-size: 2.5rem;
            margin-bottom: 2rem;
            position: relative;
            display: inline-block;
        }

        .section-title::after {
            content: "";
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 50px;
            height: 3px;
            background-color: var(--wiiw-bronze);
        }

        /* Buttons and Form Controls */
        .btn-bronze {
            background-color: var(--wiiw-bronze);
            color: white;
            border: none;
            padding: 12px 30px;
            font-weight: 600;
            border-radius: 4px;
            transition: all 0.3s ease;
        }

        .btn-bronze:hover {
            background-color: #b37100;
            color: white;
            transform: translateY(-2px);
        }

        .form-control {
      padding: 6px 12px;
    border-radius: 4px;
        }

        .form-control:focus {
            border-color: var(--wiiw-bronze);
            box-shadow: 0 0 0 0.25rem rgba(212, 134, 0, 0.1);
            color: var(--wiiw-blue);
        }

        /* List Items */
        .wiiw-list {
            list-style: none;
            padding-left: 0;
        }

        .wiiw-list li {
            margin-bottom: 15px;
            padding-left: 30px;
            position: relative;
        }

        .wiiw-list li::before {
            content: "\F272"; /* Bootstrap Icon check-circle */
            font-family: "bootstrap-icons";
            position: absolute;
            left: 0;
            color: var(--wiiw-bronze);
            font-weight: bold;
        }

        /* Feature Cards */
        .gain-card {
            border: 1px solid rgba(0, 72, 114, 0.1);
            background: white;
            padding: 30px;
            height: 100%;
            border-radius: 8px;
            transition: border-color 0.3s ease;
        }

        .gain-card:hover {
            border-color: var(--wiiw-bronze);
        }

        .gain-card i {
            font-size: 2rem;
            color: var(--wiiw-bronze);
            margin-bottom: 1rem;
            display: block;
        }

        /* Tagline Styling */
        .tagline {
            font-size: 1.5rem;
            font-style: italic;
            font-family: 'Playfair Display', serif;
            text-align: center;
            padding: 60px 0;
            color: var(--wiiw-blue);
            background-color: var(--wiiw-light-blue);
            border-top: 1px solid var(--wiiw-bronze);
        }

        .badge-bronze {
            background-color: var(--wiiw-bronze);
            color: white;
            padding: 6px 12px;
            border-radius: 4px;
            font-size: 0.85rem;
            margin-right: 5px;
			margin-bottom: 10px;
    		display: inline-block;
        }

		.membership-form{
    padding: 38px;
    background: #d48600;
}

.membership-form .col-md-6 p{
text-align:left;
margin-bottom: 0px;
}
.membership-form .col-12{
	text-align:left;
	margin-bottom: 0px;
}
.membership-form textarea.wpcf7-form-control.wpcf7-textarea.form-control {
    height: 120px;
}
.membership-form input.wpcf7-form-control.wpcf7-submit.has-spinner.btn.btn-bronze.w-100.py-3.mt-2 {
    background: #004872;
	padding: 10px 0px !important;
}
.membership-form .wpcf7-response-output {
    margin-top: 0px !important;
}
ul.wiiw-list ul {
    list-style-type: none;
    padding: 0px;
}

@media(min-width:992px) and (max-width:1199px){
	.podcast-card{
		width: 31.6%;
	}
	.podcast-figure h4 {
		font-size: 30px;
	}
}
@media(min-width:880px) and (max-width:991px){
	.podcast-card{
		width: 31%;
	}
	.podcast-figure h4 {
		font-size: 30px;
	}
}
@media(min-width:768px) and (max-width:879px){
	.podcast-card{
		width: 48%;
	}
	.podcast-figure h4 {
		font-size: 30px;
	}
}
@media(min-width:568px) and (max-width:767.9px){
	.podcast-card{
		width: 47%;
	}
	.podcast-figure h4 {
		font-size: 30px;
	}
}