/*
 Theme Name:   Becker Education & Engagement
 Description:  Unicon Child Theme for Becker Education & Engagement
 Author:       Insight Designs
 Author URI:   https://insightdesigns.com
 Template:     unicon
 Version:      1.0
 Text Domain:  bee
*/

/* --------------------------------------------------
- Home Styles
-------------------------------------------------- */
.display-none{display:none;}

.banner-message h2 {
	text-align: center;
	color: #ffffff;
	padding-bottom: 20px;
	font-weight: 500;
	font-size: 1.7rem !important;
	font-weight: 700;
}

body #content a:not(.vc_btn3) {
text-decoration: underline;
}

.becker-education h1, .and-engagement-day h1 {
    text-transform: unset;
    font-family: Popplins, Roboto, arial, sans-serif;
    font-weight: 300;
    font-size: 60px;
}
.time-to-get-real,
.becker-muscular-dystrophy {
    font-family: Popplins, Roboto, arial, sans-serif;
    font-weight: 300;
}
.time-to-get-real,
.becker-muscular-dystrophy,
.becker-education,
.and-engagement-day
{
    margin-bottom: 0px;
}
body.home h2 {
    font-size: 36px;
}
section#WhatIsBEED {
    padding-top: 0px;
    margin-left: unset;
}
.what-is-BEED-intro {
    text-align: center;
}
#WhatIsBEED img {
    width: 100%;
    border-radius: 10px;
    margin: 10px 0 20px 0!important;
}
#WhatIsBEED img.calendar-2025 {
    margin-left: 20px !important;
}
img.location-map{
    width: 100%;
    margin: 20px 0 20px 0 !important;
}
#WhatIsBEED .logos-row img {
    border-radius: 0;
}
section#BlueWhiteGreen {
    padding-top: 0px;
    background-repeat: no-repeat;
}
ul.agenda-topics {
    column-count: 2;
}
.topics-column .vc_column-inner {
    border-radius: 20px;
}
.Topics-list ul {
    list-style-type: disc;
}
.Topics-list ul li::marker {
    color: #dad34d;
}
.Topics-list ul li {
    line-height: 1.6;
    margin-bottom: 5px;
}
.sponsor-logos-row {
    margin-bottom: 0px!important;
}
.sponsor-logos-row>div {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.sponsor-logos-row p {
    margin-bottom: 0px;
}
body .sponsor-logos-row img {
    width: 150px!important;
}
.testimonials-row {
    background-color: #4776b8;
    padding: 30px 20px 40px!important;
    border-radius: 20px;
}
.testimonials-row .testimonial-slide {
    color: #ffffff;
    line-height: 1.4;
    font-style: italic;
}
.testimonials-row .testimonial-slide span {
    opacity: 1;
    font-size: 17px;
}
.owl-theme .owl-dots .owl-dot span {
    width: 8px!important;
    height: 8px!important;
    border: 2px solid #fdb822!important;
}
img.alignright.size-medium.wp-image-392 {
    max-width: 200px;
    padding-right: 30px;
}
.logos-carousel {
background-color: #4776b8;
border-radius: 20px;
padding: 30px 20px 40px !important;
}
.logos-carousel img.attachment-full {
    background-color: #ffffff;
    padding: 20px 10px;
}

/* --------------------------------------------------
- Registration Styles
-------------------------------------------------- */
p.gform_description {
    font-size: 22px;
    color: #5681be;
}
input#gform_submit_button_1 {
    background-color: #dad34d;
    padding: .8em 2.2em !important;
    font-size: 1.2em;
    text-transform: uppercase;
    color: #1f4d8c;
    font-weight: 700;
}
input#gform_submit_button_1:hover {
    background-color: #1f4d8c;
    color: #dad34d;
}

img.vc_single_image-img.attachment-full {
    width: 240px;
}
#field_6_1000 legend {
    font: 700 20px Roboto, Arial, Helvetica, sans-serif;
    color: #4A71A7;
}

.gform_confirmation_message {
    color: #4a71a7;
    text-decoration: underline;
    font-size: 21px;
}

/* --------------------------------------------------
- Resource Styles
-------------------------------------------------- */
section#ResourcesHero {
    background-position: left top!important;
    background-size: 100% auto!important;
}
.wpb_video_widget {
    margin-bottom: 20px!important;
}
.video-row h2 {
    margin-bottom: -10px;
    font-size: 20px;
    color: #507ebf;
}
.video-row a span {
    margin-left: 4px;
}
#ResourcesTitle h1.yellow-underline {
    display: inline-block;
    text-decoration: none;
    border-bottom: 3px solid #dad34d;
    max-width: 850px;
    line-height: 1.0;
}

/* --------------------------------------------------
- Media Queries
-------------------------------------------------- */
/* For fixing first homepage "what is Becker..." break near tablet*/
@media only screen and (max-width: 959px){
    #WhatIsBEED .what-is-BEED-intro{
       display: flex;
       flex-direction: column-reverse;
       align-items: center;
   }
}
@media only screen and (min-width: 768px){
    .WhatBeckerText {
        padding-right: 25px;
    }
    .topics-column {
        padding-left: 25px;
    }
}
@media only screen and (max-width: 767px){
    .logos-row .wpb_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    }
    body #WhatIsBEED .logos-row .sponsor-logos-row img {
    margin-left: unset!important;
    }
    .sponsor-logos-row p {
    width: calc(50% - 10px);
    }
    .logos-row .wpb_wrapper .wpb_wrapper p {
    padding: 0px 5px;
    }
    #BlueWhiteGreen .vc_empty_space {
        height: 50px!important;
    }
}
/* Tablet */
@media only screen and (min-width: 480px) and (max-width: 767px){
    #HomeHero h1 {
        font-size: 40px;
    }
    #HomeHero h2{
        font-size: 20px;
    }
}

/* Mobile */
@media only screen and (max-width: 479px){
    #HomeHero h1 {
        font-size: 30px;
    }
    #HomeHero h2{
        font-size: 18px;
    }
    .Topics-list ul {
        column-count: 1;
    }
    .sponsor-logos-row p{
        width:100%;
        text-align: center;
    }
    div#home-hero {
        padding-top: 20px!important;
        padding-bottom: 60px!important;
    }
    body.home h2 {
        font-size: 22px;
    }
    #TopicsRow>div {
        padding-inline: 0px;
    }
    body #WhatIsBEED .logos-row .sponsor-logos-row img {
    max-width: 150px;
    }
    .sponsors-column {
        margin-bottom: 0px!important;
    }
    #SaveTheDate p:first-child {
        text-align: center;
    }
    .Mobile30Me {height:30px!important;}
    #ResourcesHero h1.yellow-underline {
        font-size: 30px;
    }
}

/* ----------------------
-Accessibility Styles
---------------------- */
body a:focus-visible {
    border: 2px solid;
}
body a.vc_btn3-color-green:focus-visible, body a.vc_btn3-color-green:focus {
    outline: 2px solid #6dab3c!important;
    outline-offset: 2px!important;
}
.owl-dot:focus-visible{
    border: 2px solid;
    border-radius: 50%;
}
body .owl-theme .owl-dots .owl-dot:focus-visible span{
    margin: unset;
}

/* --------------------------------------------------
- Footer Styles
-------------------------------------------------- */

#copyright .copyright-text a {
    color: #ffffff;
}



/* --------------------------------------------------
- New Tabbed Resources Styles
-------------------------------------------------- */

#Resources_Tabs li.vc_tta-tab a[role="tab"] {
		border-width: 2px !important;
    border-color: #5681be !important;
    font-size: 18px !important;
    color: #5681be;
    text-transform: uppercase;
    font-weight: 700 !important;
    text-decoration: none;
    min-width: 150px;
    text-align: center;
    margin-inline: 15px;
    padding: 10px 15px;
}

#Resources_Tabs li.vc_tta-tab.vc_active a[role="tab"], 
#Resources_Tabs .vc_tta-panel.vc_active a[role="tab"] {
    background-color: #5681be;
    color: #ffffff;
    font-weight: 700;
}

#Resources_Tabs ul {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

@media only screen and (max-width: 767px) {
	#Resources_Tabs .vc_tta-tabs-container {
			display: block;

	}
  #Resources_Tabs .vc_tta-panel .vc_tta-panel-heading {
      display: none;
  }
	#Resources_Tabs .vc_tta-tabs-container li.vc_tta-tab {
      display: block;
		      width: 100%;
      margin-bottom: 5px;
		    padding: 4px 15px;
  }
	#Resources_Tabs ul {
      flex-direction: column;
	}
	#Resources_Tabs .youtube-title {
    margin-bottom: 0px;
	}
	
	#Resources_Tabs li.vc_tta-tab a[role="tab"] {
		    padding: 4px 15px;
	}
	#Resources_Tabs h2 {
			font-size: 24px;
	}
		#Resources_Tabs .vc_tta-panel-body .wpb_content_element {
			margin-bottom: 15px;
	}

}