/*
Theme Name: MayeCreate Child
Theme URI: http://www.mayecreate.com/
description: MayeCreate Design Child Theme
Author: Tyler Ernst, Rebecca Thomas, Creative Director Monica Pitts
Author URI: http://www.mayecreate.com/
Template: mayecreate-theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

html, body {
    overflow-x: hidden;
}
#homeContentWrap.scroll, #contentwrap.scroll {
    padding-top: 0;
}
/* GLOBAL */
.container-fluid {
    padding: 0;
}
.searchandfilter ul li {
    margin-bottom: 15px;
}
#navigation.affix .navbar-default {
    padding: 0;
}
#navigation.affix #main_nav a:hover {
    color: #7ac041;
}

.mm-listview > li.active {
    background: #7ac142;
}

span.btn-mayecreate {
    display: inline-block;
}

#navigation {
    background: #000000;
}
#navigation.affix-top {
    background-color: #000000;
}
#branding-container {
    width: 100%;
}

.nav-button span {
    background: #ffffff;
}

.nav-button span::before, .nav-button span::after {
    background-color: #ffffff;
}

.pagehead .page-header {
    height: 28vh;
}

nav#footer_nav {
    display: none;
}

.post_link_wrapper:hover h3 + p {
   color: white;
}

#main_nav a:link, #main_nav a:visited {
  color: #ffffff;
}

.text-center {
    width: 100%;
}


.center-content a {
    margin-top: 0% !important;
}


a.btn-mayecreate.green_bg.purple_btn {
    background-color: #6f3785 !important;
}

a.purple_btn {
    background-color: #6f3785 !important;
}


a, a:link, a:visited {
    color: #6F3885;
    font-weight: 500;
}

b {
    font-weight: 500;
}

h1, h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'PT Sans', sans-serif;
}


ul#menu-main-menu li a {
    font-family: 'PT Sans', sans-serif;
}


ul#menu-main-menu li a:hover  {
    color:#7BC142;
}
ul#menu-main-menu li span {
position: relative;
}

ul#menu-main-menu li a:hover span:after {
    border-bottom: 2px solid #72b23e;
    content: '';
    width: 100%;
    height: 22px;
    position: absolute;
    left: 0;
    bottom: -8px;
    margin: auto;
    margin: 0;
  
}

#cd-timeline span.fa {
    display: none !important;
}


hr.slide {
    width: 100%;
    margin: 18px 0px;
}

.header-overlay {
    background-color: #743a8ae6;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
}



/* Ben */
.pagebreak_fix {
  padding: 0px 0 !important;
    padding-top: 0px;
}



/* buttons */

a.btn-mayecreate.large:hover, a.btn-mayecreate.large:active, a.btn-mayecreate.large:focus, .wp-block-button.large a:hover, .wp-block-button.large a:active {
    background: #455560;
    color: #7BC142;
    text-decoration: underline;
}

a.btn-mayecreate:hover, a.btn-mayecreate:active, a.btn-mayecreate:focus, .wp-block-button a:hover, .wp-block-button a:active, .btn-mayecreate:hover {
    background: #455560 !important;
    color: #fff !important;
}


.btn-mayecreate, a.btn-mayecreate:link, a.btn-mayecreate:visited, .wp-block-button a:link, .wp-block-button a:visited {
    background: #212121;
    color: #fff;
    border: none;
    font-family: 'PT Sans', sans-serif;
}
/* CONTENT*/

div#homefeatured .slideDesc {
    height: 100% !important;
    width: 50%; 
    background: rgb(0 86 122 / 90%);
    display: none;
}

.divider, .wp-block-separator {
    border-bottom: 2px solid #C60B46;
}

/* blog */
.sidebarSection .sidebarTitle {
    background: #455560;
}

.sidebarSection a {
    color: #212121;
}



.post_link_wrapper.wide a, h3 {
    color: #212121;
}

.img_wrapper:after {
    background: none;
}

/* events */
.section-featured-evetns {
    background-color: gray;
    padding-top: 50px;
}

.post_link_wrapper:hover p {
    color:#ededed;
}

.post_link_wrapper:hover h3 {
    text-decoration: none;
}

.section-featured-evetns {
    background-color: gray;
}

.event-single {
    border: none;
    padding: 0px;
    background-color: #fff;
	}

.events.post .post-body {
    background: #fff;
}

.event-single .post-body {
    padding: 30px 70px;
}

a .event-box.event_box_loop p, a .event-box.event_box_loop h3  {
    color: #222;
}

a:hover .event-box.event_box_loop p, a:hover .event-box.event_box_loop h3 {
    color: #fff;
}

.event-single img {
    width: 100%;
}

event-box .img_wrapper {
    margin: 0;
}

.event-box {
    border: 1px solid #dedede;
}

.event-box.event_box_loop {
    border: none !important;
    background: #fff;
    padding: 15px;
}

a:hover .event-box.event_box_loop {
    background: #505050;
}

.page-template-page-events, .single-events{
    background: #FAFAFA;
}

.paddit {
    padding: 30px;
}

.event-single .paddit {
    background: #FAFAFA;
}

a .event-box.event_box_loop .btn-mayecreate.red {
   background: #6F3885;
   padding: 10px 20px; 
}

.event-single .row {
    margin: 0;
}

a:hover .event-box.event_box_loop .btn-mayecreate.red {
    background: #C60B46;
    padding: 10px 20px; 
}

.event-single .row .col-md-8, .event-single .row .col-md-4 {
    padding: 0;
}

/* Footer
=================================*/

span.emint_e {
background: url(../emints-child-theme/img/E.png) center center no-repeat;
background-size: contain;
height: 20px;
width: 20px;
display: inline-block;
margin: 0 10px;
}

.center-content {
    margin: auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.center-content a {
    margin-top: 8%;
}


ul.social li {
    border: 1px solid #fff;
    border-radius: 100%;
    background-color: white;
    width: 40px;
    height: 40px;
    padding: 1px 0 0 0;
}

ul.social i {
    color: #455560 !important;
    font-size: 17px !IMPORTANT;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}


footer.site-footer a {
    color: #fff;
    font-weight: 100;
}


div#credits {
	position: relative;
}
div#credits span {
    margin: 0px 5px;
}


div#credits #mu_foot_link {
    position: absolute;
    left: 15px;
    width: 50px;
	height: 53px;
	display: block;
	margin: auto;
	top: 0;
	bottom: 0;
}
div#credits #mu_foot_link img {
	display: block;
}


div#credits {
    text-align: left;
    padding: 15px;
    color: #fff;
    padding-left: 80px;
}

div#credits a {
    text-decoration: underline;
    color: #fff;
}

/* SHOWCASE BLOCK
=================================*/


.showcase {
    width: 70%;    
    margin: auto;
}

.image-wrapper {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transition: 0.3s ease;
    border-radius: 50%;
    height: 100%;
    padding-bottom: 100%;
    background-color: black;
}

.showcase_inner_wrapper h4 {
    text-align: center;
    margin-top: 20px;
    position: relative;
}

.showcase_inner_wrapper {
    position: relative;
}

.showcase_image {
    margin: 10px auto;
    border-radius: 180px;
}

.showcase_image_hover {
    margin: 10px auto;
    border-radius: 180px;
}

a.shocase-link .showcase_image {
    display: block;
}

a.shocase-link:hover .showcase_image {
    display: none;
}

a.shocase-link .showcase_image_hover {
    display: none;
}

a.shocase-link:hover .showcase_image_hover {
    display: block;
}

a.shocase-link:hover h4{
text-decoration: underline;
}

/* Header
=================================*/

#branding-container {
    padding-top: 15px;
    padding-bottom: 15px;

}

#navbarBottom .container {
    max-width: 1630px;
    width: 95%;
}

div#homefeatured, div#homefeatured #myCarousel, div#homefeatured .carousel, div#homefeatured .carousel-inner {
    display: block;
}

span.slideTitle {
    font-family: 'PT Sans', sans-serif;
}

.slideDesc_inner {
    text-align: left;
    margin-top: 5%;
    margin-left: 15%;
    max-width: 70%;
}

.slideDesc_inner a.btn-mayecreate {
    margin-top: 25px;
    padding: 15px 30px;
}

div#homefeatured .slideDesc .slideTitle {
    font-size: 2.8rem;
}

.gradient-bg {
    background: #243b4ccf;
    height: 100%;
    width: 76%;
    position: absolute;
    left: 0;
    z-index: 0;
}

div#homefeatured #myCarousel, div#homefeatured .carousel, div#homefeatured .carousel-inner {
    height: 45vh;
    min-height: 400px;
}

div#homefeatured .slideDesc .slideText {
    font-size: 1.6rem;
}


.pagehead {
    height: 28vh;
    position: relative;
}

.searchandfilter ul {
    margin-left: 0px;
    display: block;
    margin-bottom: 15px;
    justify-content: space-between;
}

input {
    height: 50px !important;
    border-radius: 0px !important;
}

button.frm_button_submit {
    background: #212121 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0px !important;
    font-size: 20px !important;
    padding: 15px 40px !important;
}


.section-testimonials {
    padding: 50px 0px;
    color: white;
    background-color: #7F3F98;
}

.section-testimonials h2 p {
    font-size: 4rem;
    line-height: 1;
    text-align: center;
}


.quote-wrapper {
    text-align: center;
}

.quote-wrapper span {
    display: block;
}

.quote-wrapper hr {
    border: 1px solid;
    margin: 30px 0px;
    width: 200px;
    display: inline-block;
}

.quote-p {
    display: flex;
    align-content: center;
    align-items: center;
    height: 100%;
}


/* utilities */
.blue_bg { background-color: #00567A !important; color:#fff; }
.white_bg { background-color: #fff !important; color:#fff;}
.green_bg { background-color: #7BC142 !important; color:#fff; }
.red_bg { background-color: #A90A3C !important; color:#fff; }
.gray_bg { background-color: #455560 !important; color:#fff; }
.black_bg { background-color: #000000 !important; color:#fff; }
.purple_bg { background-color: #6F3885 !important; color:#fff; }
.white_text { color: #fff !important; }
.jumbo { font-size: 6.2rem !important; }


/* programing pages */ 

/* static pages */

/* responsiveness */


        @media only screen and (max-width: 600px) { 
        .quote-wrapper img {
            width: 40%;
            display: flex;
            justify-content: center;
            margin: auto;
        }
            
        .header-overlay {
            width: 5%;
        }
            
            
        div#credits {
            font-size: 9px;
        }

            .section-testimonials h2 p {
            font-size: 2rem;
            }
            
        }



        /* Small devices (tablets, 768px and up) */
		@media (min-width: 768px) {
            
            /* nav */
            #navigation.affix-top {
             background-color: #000000;
            }
            #navigation.affix .navbar-default {
                background-color: #000000;
                border-color: #e7e7e7;
            }
            .pagehead {
                height: 28vh;
            }
            
            /* utilities */
            .blue_bg { background-color: #00567A; }
            .white_bg { background-color: #fff;}
            .green_bg { background-color: #7BC142 }
            .red_bg { background-color: #A90A3C; }
            .gray_bg { background-color: #455560; }
            .purple_bg { background-color: #6F3885; }
            .white_text { color: #fff; }
            .jumbo { font-size: 6.2rem; }
            .text-center { width: 100%; }
            
        }

            /* Small devices (tablets, 992px and up) */
            @media (min-width: 992px) {

                div#homefeatured .slideDesc .slideTitle {
                    font-size: 3rem;
                    line-height: 1.0;
                }

                div#homefeatured #myCarousel, div#homefeatured .carousel, div#homefeatured .carousel-inner {
                    height: 75vh;
                    min-height: 600px;
                }

                div#homefeatured .slideDesc {
                    display: block;
                }

                .searchandfilter ul {
                    display: flex;
                    margin-bottom: 0;
                }

                .searchandfilter ul li {
                    margin-bottom: 0px;
                }

                .searchandfilter ul li.sf-field-reset {
                    width: 25%;
                }

                #main_nav ul ul {
                    background: #455560;
                    border: none;
                }
                
                #main_nav a:hover, #main_nav a:active, #main_nav a:focus, #main_nav > ul > li.active > a {
                    color: #0FB7FF;
                    text-decoration: none;
                }

                #footer_nav a:link, #footer_nav a:visited {
                    font-family: 'PT Sans', sans-serif;
                }
                
                .section-testimonials h2 p {
                    text-align: left;
                }
                
                .quote-wrapper {
                    text-align: right;
                }
                
                nav#footer_nav {
                    display: block;
                }

                #footer_nav a span.spacer{
                    right: -10px;
                    position: relative;
                    display: inline-block;
                }

                #footer_nav li:last-child a span.spacer {
                    display: none;
                }
                
                nav#footer_nav {
                    display: flex;
                    flex-wrap: nowrap;
                    align-content: center;
                    justify-content: center;
                }
                
                .center-content a {
                    margin-top: 8%;
                }
                
                #branding-container {
                    padding-top: 30px;
                    padding-bottom: 30px;
                }
                
                div#credits {
                    text-align: center;
                }

                
                



                
                
                

            }

                /* Small devices (tablets, 1024px and up) */
                @media (min-width: 1024px) {
                .make-me-sticky {
					position: -webkit-sticky;
					position: sticky;
					top: 200px;
					padding: 0 15px;
				}

                div#homefeatured .slideDesc .slideText {
                    font-size: 1.6rem;
                }

                }

                    /* Small devices (tablets, 1200px and up) */
                    @media (min-width: 1200px) {
                        #branding-container {
                        max-width: 240px;
                        }
                        #navigation.affix #branding-container {
                        max-width: 240px;
                        }

                        div#homefeatured .slideDesc .slideTitle {
                            font-size: 4.5rem;
                        }
                        

                    }

                        /* Small devices (tablets, 1366px and up) */
                        @media (min-width: 1366px) {

                            div#homefeatured .slideDesc .slideTitle {
                                font-size: 5.5rem;
                            }

                            div#homefeatured .slideDesc .slideText {
                                font-size: 2rem;
                            }

                        }

                            /* Small devices (tablets, 1500px and up) */
                            @media (min-width: 1500px) {

                                div#homefeatured .slideDesc .slideTitle {
                                    font-size: 6.5rem;
                                }

                            }

                                /* Small devices (tablets, 1700px and up) */
                                @media (min-width: 1700px) {

                                    div#homefeatured .slideDesc .slideTitle {
                                        font-size: 8.5rem;
                                    }

                                }

/* ==== HEADER: always black ==== */
#navigation,
#navigation .navbar,
#navigation .navbar-default,
#navigation.affix,
#navigation.affix-top {
    background: #000000 !important;
}


/* ==== FOOTER: always black ==== */
footer.site-footer,
footer.site-footer .footer-inner,
#footer,
#footer_nav,
div#credits {
    background: #000000 !important;
    color: #ffffff;
}

footer.site-footer a,
#footer_nav a,
div#credits a {
    color: #ffffff;
}