/*
 Theme Name:     Brotha James
 Theme URI:      
 Description:    A child theme of Divi Theme
 Author:         Elegant Themes
 Author URI:     
 Template:       Divi
 Version:        2.0
*/


/****************************************
*** Theme customization starts below ***
*****************************************/
body{
	font-weight: 400;
}

/* Home - Banner */
.home-section-1 h2 {
    font-weight: 400;
}

/* Home - Follow Us */
.follow-gallery .et_pb_gallery_item {
    width: 33.333% !important;
    margin: 0 !important;
    clear: none !important;
    padding: 15px;
}
.follow-gallery .et_pb_gallery_items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.follow-gallery {
    margin: 0 -15px;
}
/*--- SIDE NAV BAR ---*/
#top-menu > li {
    margin-bottom: 50px;
}
/* #top-menu > li:nth-child(2) {
    padding-bottom: 60px !important;
} */

img#logo {
    margin-bottom: 45px !important;
}
.download-link a {
    color: #bab90d;
}
.download-link a:hover {
    text-decoration: underline;
}
/*--- SOCIAL MEDIA ICON SECTION ---*/
.social-icons:hover {
    color: #333;
    background-color: #eceb10;
}
.social-icons {
  font-size: 30px;
  color: #fff;
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;

  margin-right: 56px;
}
.fa-facebook-f {
  padding: 25px 30px;
}
.fa-twitter {
  padding: 25px;
}
.fa-google-plus-g {
  padding: 25px 22px;
}
.fa-instagram {
  padding: 25px 26px;
}
/*---MUSIC ARTIST SECTION---*/
.hover-blurb:hover {
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 30px 20px;
}
.hover-blurb {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.hover-blurb .et_pb_blurb_container {
    position: absolute;
    display: block;
    text-align: center;
    opacity: 0;
    bottom: -37px;
    left: 0;
    right: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.hover-blurb:hover .et_pb_blurb_container {
    bottom: 0;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.hover-blurb .et_pb_blurb_description:hover {
    background-color: #dcda0a;
    cursor: pointer;
}

.hover-blurb:hover img {
    padding-bottom: 30px;
}
.hover-blurb:hover {
    -webkit-box-shadow: 0px 5px 5px 0px #333;
       -moz-box-shadow: 0px 5px 5px 0px #333;
            box-shadow: 0px 5px 5px 0px #333;
}
.hover-blurb .et_pb_blurb_description {
    text-align: center;
    background-color: #eceb10;
    margin-top: 50px;
    padding: 10px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}
.hover-blurb a {
    color: #333;
	text-transform: uppercase;
	font-weight: 600;
}

/*--- FOOTER SECTION ---*/
footer#main-footer {
    background-image: url("https://brothajames.com/wp-content/uploads/2019/09/Brotha-James_02-1.png");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	        background-size: cover;
	background-blend-mode: overlay;
    background-color: rgba(255, 255, 255, 0.30);
}
footer p {
    text-align: center;
}
footer input[type=email] {
    background-color: #f7f7f7;
    height: 51px;
    width: 100% !important;
    max-width: 328px;
    padding: 26px;
    margin: 0 20px;
}

footer p label {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

footer input[type=submit] {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 600;
    height: 54px;
    width: 100% !important;
    max-width: 172px;
    border: none;
    background-color: #eceb10;
    color: #000;
}
footer input[type=submit]:hover {
    cursor: pointer;
    background-color: #000;
    color: #eceb10;
}
footer div.wpcf7-validation-errors,
footer div.wpcf7-acceptance-missing {
    border-color: #000;
    background-color: #f7e700;
}
footer span.wpcf7-not-valid-tip {
    display: unset;
}

footer div.wpcf7-response-output {
    text-align: center;
    color: #000;
}

footer .et_pb_widget {
    float: none;  
}
/*--- FOOTER MENU ---*/
/* ul#menu-footer-menu .menu-item:nth-child(11) {
    position: absolute;
    right: 0;
}
ul#menu-footer-menu .menu-item:nth-child(10) {
    position: absolute;
    right: 73px;
}
ul#menu-footer-menu .menu-item:nth-child(9) {
    position: absolute;
    right: 146px;
}
ul#menu-footer-menu .menu-item:nth-child(8) {
    position: absolute;
    right: 222px;
} */
ul#menu-footer-menu .menu-item i:hover {
    -webkit-box-shadow: 2px 0px 5px 0px #333;
       -moz-box-shadow: 2px 0px 5px 0px #333;
            box-shadow: 2px 0px 5px 0px #333;
}
ul#menu-footer-menu {
    line-height: 4;
}
ul#menu-footer-menu {
    text-align: center;
    position: relative;
}

ul#menu-footer-menu .menu-item {
    text-transform: uppercase;
}

/* ul#menu-footer-menu .menu-item:nth-child(1) {
    position: absolute;
    left: 0;
} */
ul#menu-footer-menu {
    padding-top: 37px;
}
footer a:hover {
    color: #1297ca !important;
}
.bottom-nav a {
    font-weight: 500;
    color: #333;
}
#footer-bottom {
    border-top-style: solid;
    border-top-width: 1px !important;
    border-top-color: #e1e1e1;
}
#footer-info a:nth-child(1) {
    color: #1297ca;
    font-weight: 800;
}

#footer-info, #footer-info a:not(:nth-child(1)) {
    font-weight: 600 !important;
}
#footer-info {
    float: none;
    text-align: center;
    letter-spacing: 2px;
    font-weight: 600;
    padding-top: 31px;
    padding-bottom: 50px;
}
#footer-info a {
    padding: 0 5px;
}
#footer-widgets {
    padding-bottom: 11px;
    padding-top: 86px;
}
.link-icon.fa-facebook-square {
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 24px;
       -moz-border-radius: 24px;
            border-radius: 24px;
    padding: 15px 15.5px;
    width: 48.97px;
    height: 48px;
}

.link-icon.fa-twitter {
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 24px;
       -moz-border-radius: 24px;
            border-radius: 24px;
    padding: 15px 15.5px;
    width: 48.97px;
    height: 48px;
}

.link-icon.fa-google {
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 24px;
       -moz-border-radius: 24px;
            border-radius: 24px;
    padding: 15px 15.5px;
    width: 48.97px;
    height: 48px;
}

.link-icon.fa-linkedin {
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 24px;
       -moz-border-radius: 24px;
            border-radius: 24px;
    padding: 15px 15.5px;
    width: 48.97px;
    height: 48px;
}

.link-icon.fa-facebook-square:hover,
.link-icon.fa-twitter:hover,
.link-icon.fa-google:hover,
.link-icon.fa-linkedin:hover {
    background-color: #eceb10;
    color: #000;
}

/*---INQUIRIES SECTION---*/
.inquiries-section input[type=text],
.inquiries-section input[type=email],
.inquiries-section textarea {
    padding: 20px;
    border-color: #333;
}

.inquiries-section input[type=text],
.inquiries-section input[type=email] {
	width: 402px;
}

.inquiries-section textarea {
    width: 823px;
}

.inquiries-section input[type=text] {
    margin-right: 20px;
}

.inquiries-section input[type=submit] {
    background-color: #1197ca;
    color: #fff;
    border: none;
    padding: 20px;
    width: 100%;
    max-width: 226px;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
}


/****************************************
**** Responsiveness CSS starts below ****
*****************************************/

/* Default Divi Tablet breakpoint */
@media screen and (max-width: 980px) {
	.et_header_style_centered #logo {
		margin-bottom: 0 !important;
	}	
}
@media screen and (max-width: 768px) {
    .home-section-1 {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
    .home-section-1 .et_pb_row_1.et_pb_row {
        display: -ms-grid;
        display: grid;
    }
    .home-section-1 .et_pb_button_0, 
    .home-section-1 .et_pb_button_0:hover, 
    .home-section-1 .et_pb_button_1, 
    .home-section-1 .et_pb_button_1:hover, 
    .who-am-section .et_pb_button_2, 
    .who-am-section .et_pb_button_2:hover,
	.shools-and-org-section .et_pb_button_2,
	.shools-and-org-section .et_pb_button_2:hover,
	.shools-and-org-section .et_pb_button_3,
	.shools-and-org-section .et_pb_button_3:hover,
    .who-am-section .et_pb_button_3, 
    .who-am-section .et_pb_button_3:hover, 
    .who-serve .et_pb_button_4, 
    .who-serve .et_pb_button_4:hover,
    .who-serve .et_pb_button_5, 
    .who-serve .et_pb_button_5:hover {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .who-am-section .et_pb_row_3.et_pb_row,
    .who-serve .et_pb_row_7.et_pb_row {
        display: -ms-grid;
        display: grid;   
    }
	.shools-and-org-section .et_pb_row_8.et_pb_row {
    	display: -ms-grid;
    	display: grid;
	}
    .who-am-section p br,
	.shools-and-org-section p br {
        display: none;
    }
	.facilitator {
		padding-bottom: 40px;
	}
	.shools-and-org-section .et_pb_text_6 h2, .shools-and-org-section .et_pb_text_7 h2 {
		font-size: 30px !important;
		text-align: center;
		line-height: 1.3;
	}
	.home-section-1 br {
        display: none;
    }
    .music-section {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .music-section .et_pb_text_inner h2 {
        text-align: center;
    }
    .music-section .et_pb_row {
        width: 100%;
    }
    .musical-artist-section {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .musical-artist-section .et_pb_text_inner h2 {
        text-align: center;
    }
    .musical-artist-section p {
        text-align: center;
    }
    .musical-artist-section br {
        display: none;
    }
	.musical-artist-section .et_pb_text_inner {
    	text-align: center;
	}
	.inquiries-section {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.inquiries-section h2 {
		font-size: 42px !important;
		text-align: center;
	}
	.inquiries-section p {
		text-align: center;
	}
	.inquiries-section br {
		display: none;
	}
	.inquiries-section input[type=text],
	.inquiries-section input[type=email],
	.inquiries-section textarea {
		width: 100%;
	}
	.inquiries-section input[type=text],
	.inquiries-section input[type=email] {
		margin-top: 15px;
	}
    .who-am-section,
	.shools-and-org-section,
    .who-serve,
    .follow-us-section,
	.social-media-link-section {
        padding-top: 64px !important;
        padding-bottom: 40px !important;
    }
    .follow-us-section .social-media,
	.social-media-link-section .social-media {
        margin-top: 0 !important;
    }
    .footer-widget:nth-child(n) {
        width: 88% !important;
        margin: 0px 5.5% 7.5% !important;
    }
    ul#menu-footer-menu .menu-item:nth-child(1) {
        position: unset;
    }
    .bottom-nav li:nth-child(1) {
        display: block;
    }
    ul#menu-footer-menu .menu-item:nth-child(8), 
    ul#menu-footer-menu .menu-item:nth-child(9), 
    ul#menu-footer-menu .menu-item:nth-child(10), 
    ul#menu-footer-menu .menu-item:nth-child(11) {
        left: 0;
        right: 0;
/*         display: block; */
    }
    ul#menu-footer-menu .menu-item:nth-child(8) {
        left: -15rem;
    }
    ul#menu-footer-menu .menu-item:nth-child(9) {
        left: -5rem;
    }
    ul#menu-footer-menu .menu-item:nth-child(10) {
        right: -5rem;
    }
    ul#menu-footer-menu .menu-item:nth-child(11) {
        right: -15rem;
    }
    .footer-widget input[type=email], 
    .footer-widget input[type=submit], 
    .footer-widget label {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    footer span.wpcf7-not-valid-tip {
        display: block !important;
    }
}
/* Default Divi Mobile breakpoint */
@media screen and (max-width: 767px) {
	
}
@media screen and (max-width: 688px) {
     .social-media {
        margin-top: 0 !important;
    }
    .social-icons {
        margin: 0px;
        display: block;
        margin-bottom: 25px;
        text-align: center;
    }
}

@media screen and (max-width: 600px) {
	.sxc-follow-buttons .sxc-follow-button, 
	.sxc-follow-buttons .sxc-follow-button a, 
	.sxc-follow-buttons .sxc-follow-button a img {
		width: 40px !important;
		height: 40px !important;
	}
}

@media screen and (max-width: 500px) {
    .home-section-1 .et_pb_text_0 h1 {
        font-size: 50px !important;
    }
    .home-section-1 .et_pb_text_0 h2 {
        font-size: 20px !important;
    }
}
@media screen and (max-width: 426px) {
    .home-section-1 {
        padding-top: 35px !important;
        padding-bottom: 10px !important;
    }
    .home-section-1 .et_pb_text_0 h1 {
        font-size: 32px !important;
        line-height: 1.5;
    }
    .home-section-1 .et_pb_row_1.et_pb_row {
        display: -ms-grid;
        display: grid;
    }
    .home-section-1 .et_pb_button_0, 
    .home-section-1 .et_pb_button_0:hover, 
    .home-section-1 .et_pb_button_1, 
    .home-section-1 .et_pb_button_1:hover, 
    .who-am-section .et_pb_button_2, 
    .who-am-section .et_pb_button_2:hover,
    .who-am-section .et_pb_button_3, 
    .who-am-section .et_pb_button_3:hover,
	.shools-and-org-section .et_pb_button_2,
	.shools-and-org-section .et_pb_button_2:hover,
	.shools-and-org-section .et_pb_button_3,
	.shools-and-org-section .et_pb_button_3:hover,
    .who-serve .et_pb_button_4, 
    .who-serve .et_pb_button_4:hover,
    .who-serve .et_pb_button_5, 
    .who-serve .et_pb_button_5:hover {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .who-am-section,
	.shools-and-org-section,
    .who-serve,
    .follow-us-section, .social-media-link-section {
        padding-top: 64px !important;
        padding-bottom: 40px !important;
    }
/*     .who-am-section h2,
	.shools-and-org-section h2{
        font-size: 62px !important;
    } */
    .who-am-section p br,
	.shools-and-org-section p br{
        display: none;
    }
	.shools-and-org-section .et_pb_row_8.et_pb_row {
    	display: -ms-grid;
    	display: grid;
	}
	.facilitator {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .facilitator .et_pb_text_1 h2 {
        font-size: 45px !important;
    }
    .facilitator p {
        font-size: 18px;
        line-height: 2;
    }
    .facilitator .et_pb_row_3.et_pb_row {
        padding-top: 30px;
    }
    .shools-and-org-section {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .shools-and-org-section .et_pb_text_6 h2,
	.shools-and-org-section .et_pb_text_7 h2 {
        font-size: 30px !important;
        text-align: center;
        line-height: 1.3;
    }
    .social-media-link-section .et_pb_text_8 h2 {
        font-size: 45px;
        text-align: center;
        margin-bottom: 5px;
    }
    .social-media-link-section p:not(.has-background):last-of-type {
        text-align: center;
    }
    .who-serve p br {
        display: none;
    }
    .follow-us-section .social-media,
	.social-media-link-section .social-media {
        margin-top: 0 !important;
    }
    .follow-us-section .social-icons,
	.social-media-link-section .social-icons {
        margin: 0px;
        display: block;
        margin-bottom: 25px;
        text-align: center;
    }
	.footer-widget:nth-child(n) {
    	width: 88% !important;
		margin: 0px -0.5% 7.5% !important;
	}
    ul#menu-footer-menu .menu-item:nth-child(1) {
        position: unset;
    }
    .bottom-nav li {
        display: block;
    }
    footer input[type=email] {
        margin: 20px 0;
    }
    ul#menu-footer-menu .menu-item:nth-child(8), 
    ul#menu-footer-menu .menu-item:nth-child(9), 
    ul#menu-footer-menu .menu-item:nth-child(10), 
    ul#menu-footer-menu .menu-item:nth-child(11) {
        position: unset;
        display: unset;
    }
    #footer-widgets {
        padding-top: 30px;
    }
}

/* Default Divi Desktop breakpoint */
@media screen and (max-width: 1024px) and (min-width: 769px) {
	.home-section-1 .et_pb_row_1.et_pb_row {
        display: -ms-grid;
        display: grid;
    }
    .home-section-1 .et_pb_button_0, 
    .home-section-1 .et_pb_button_0:hover, 
    .home-section-1 .et_pb_button_1, 
    .home-section-1 .et_pb_button_1:hover, 
    .who-am-section .et_pb_button_2, 
    .who-am-section .et_pb_button_2:hover,
    .who-am-section .et_pb_button_3, 
    .who-am-section .et_pb_button_3:hover,
	.shools-and-org-section .et_pb_button_2,
	.shools-and-org-section .et_pb_button_2:hover,
	.shools-and-org-section .et_pb_button_3,
	.shools-and-org-section .et_pb_button_3:hover,
    .who-serve .et_pb_button_4, 
    .who-serve .et_pb_button_4:hover,
    .who-serve .et_pb_button_5, 
    .who-serve .et_pb_button_5:hover {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .who-am-section .et_pb_row_3.et_pb_row,
    .who-serve .et_pb_row_7.et_pb_row {
        display: -ms-grid;
        display: grid;   
    }
	.footer-widget:nth-child(n) {
    	width: 101% !important;
    	margin: 0px 0.5% 2.5% !important;
	}
	.shools-and-org-section .et_pb_row_8.et_pb_row {
    	display: -ms-grid;
    	display: grid;
	}
    ul#menu-footer-menu .menu-item:nth-child(1) {
        position: unset;
    }
    .bottom-nav li:nth-child(1) {
        display: block;
    }
	.shools-and-org-section .et_pb_text_6 h2, .shools-and-org-section .et_pb_text_7 h2 {
		font-size: 45px !important;
		text-align: center;
		line-height: 1.3;
	}
    ul#menu-footer-menu .menu-item:nth-child(8), 
    ul#menu-footer-menu .menu-item:nth-child(9), 
    ul#menu-footer-menu .menu-item:nth-child(10), 
    ul#menu-footer-menu .menu-item:nth-child(11) {
        position: absolute;
		left: 0;
        right: 0;
        display: block;
    }
    ul#menu-footer-menu .menu-item:nth-child(8) {
        left: -15rem;
    }
    ul#menu-footer-menu .menu-item:nth-child(9) {
        left: -5rem;
    }
    ul#menu-footer-menu .menu-item:nth-child(10) {
        right: -5rem;
    }
    ul#menu-footer-menu .menu-item:nth-child(11) {
        right: -15rem;
    }
    .footer-widget input[type=email], 
    .footer-widget input[type=submit], 
    .footer-widget label {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    footer span.wpcf7-not-valid-tip {
        display: block !important;
    }
}
@media screen and (min-width: 981px) {
	.et_vertical_nav #main-header .container {
		margin: 0;
	}
	.et_vertical_nav #page-container #main-header {
		width: 130px;
	}
	.et_vertical_nav #et-main-area, .et_vertical_nav #top-header {
		margin-left: 130px !important;
	}
}