/*
Theme Name: Mesh Child
Template: goldcoast
Text Domain: mesh-child
Theme URI: http://meshomnimedia.com
Description: Base theme for WP development
Version: 2.0
Author: Mesh Omnimedia
Author URI: http://meshomnimedia.com
*/


/*
*
*	1. Typography
*	2. Global Styles
*	3. Header
*	4. Navigation
*	5. Pages
*	6. Blog
*	7. Sidebars
*	8. Footer
*	9. Forms
*	10. Icons
*
*/


/*
**********************************************************************************************
 Typography
**********************************************************************************************
*/

h1,h2,h3,h4,h5,h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

h1 {
	font-size: 58px;
}

h2 {
	font-size: 48px;
}

h3 {
	font-size: 38px;
}

h4 {
	font-size: 28px;
}

.homepagepurplerow h3 {
	text-align: center;
	color: #ffd503;
}

.homepagepurplerow p {
	text-align: center;
	color: #ffd503;
}

.homepagepurplerow a {
	color: #ffd503;
}

.homepagepurplerow a.hover {
	color: #ffd503;
}

.homepageyellowrow h3 {
	text-align: center;
	color: #292562;
}

.homepageyellowrow p {
	text-align: center;
	color: #292562;
}

.homepageyellowrow a {
	color: #292562;
}

.homepageyellowrow a.hover {
	color: #292562;
}

.text-purple {
	color: #292562;
}

.text-yellow {
	color: #ffd503;
}

.text-gray {
	color: #222222;
}

.text-gray p {
	color: #222222;
}

.text-gray h1 {
	color: #222222;
}

.text-gray h2 {
	color: #222222;
}

.text-gray h3 {
	color: #222222;
}

.text-gray h4 {
	color: #222222;
}

.text-gray h5 {
	color: #222222;
}

.text-gray h6 {
	color: #222222;
}

.text-gray ul {
	color: #222222;
}

.text-gray th {
	color: #222222;
}

.text-gray td {
	color: #222222;
}

.section-title-small h2 {
    font-size: 32px;
    margin-bottom: 30px;
    text-transform: none;
}

/*
**********************************************************************************************
 Global Styles
**********************************************************************************************
*/

.marginzero {
	margin: 0;
}

.paddingzero {
	padding: 0;
}

.homepagecontent-block {
	padding-top: 0px;
	padding-bottom: 0px;
}

.minheight600 {
    min-height: 600px;
}

.minheight800 {
    min-height: 800px;
}

schoolartscol {
	flex: 1;
    padding: 16px;
}

schoolartscolmain {
	display: flex;
    width: 100%;
}

.img-responsive,
.img-fluid {
    max-width: 100% !important;
}

.button-center .block-button-container {
    text-align: center !important;
}
/*
**********************************************************************************************
 Header
**********************************************************************************************
*/

#header-three .logo-container {
    max-width: 240px;
}

#header-three .logo-container img {
    max-height: 60px;
}


/*
**********************************************************************************************
 Menus
**********************************************************************************************
*/

#mega-menu-wrap-primary {
    float: right;
}

#mega-menu-wrap-primary .mega-menu-toggle {
    background-color: #fff;
    margin-top: 8px;
}

/*
**********************************************************************************************
 Page Styles
**********************************************************************************************
*/

.home .section-2 {
    margin-bottom: 30px;
}


/*
 Film Archive
**********************************************************************************************
*/

.post-grid .item .layer-media img {
    height: 202px;
    margin-left: -10px;
    width: auto !important;
}

.post-grid.grid .layer-content {
    padding: 0;
    text-align: left;
}

.post-grid.grid .layer-content a {
    color: #333;
    display: block;
    font-size: 20px !important;
    font-weight: bold;
    margin: 0px 0 12px;
}

.post-grid.grid .layer-content a:hover {
    color: #ffd503;
}

/*
**********************************************************************************************
 Blog
**********************************************************************************************
*/

.single-post .main-content {
    margin-bottom: 40px;
}

.post-hero {
    margin-bottom: 30px;
}

/*
**********************************************************************************************
 Sidebars
**********************************************************************************************
*/



/*
**********************************************************************************************
 Parallax
**********************************************************************************************
*/



/*
**********************************************************************************************
 Footer
**********************************************************************************************
*/

.main-footer.content-section {
    padding-bottom: 0;
}

.site-footer {
    background-color: #090734;
  
}

h4.social-heading {
    font-size: 18px;
    margin: 20px 0 10px;
}


/*
**********************************************************************************************
 Forms
**********************************************************************************************
*/






/*
**********************************************************************************************
 Buttons
**********************************************************************************************
*/

a.btn-solid {
    background-color: #292562 !important;
    border-radius: 3px;
	text-transform: uppercase;
	text-decoration-color: #ffd503
	
}

a.btn-stroke {
    border: 2px solid #ffd503 !important;
    border-radius: 3px;
    font-weight: 600;
    padding: 8px 20px;
    text-transform: uppercase;
}

/*
**********************************************************************************************
 Icons
**********************************************************************************************
*/

.yellow.ico-facebook {
    background-image: url('/wp-content/uploads/2019/02/facebook_icon_yellow.png') !important;
}

.yellow.ico-instagram {
    background-image: url('/wp-content/uploads/2019/02/instagram_icon_yellow.png') !important;
}

.yellow.ico-twitter {
    background-image: url('/wp-content/uploads/2019/02/twitter_icon_yellow.png') !important;
}

.yellow.ico-youtube {
    background-image: url('/wp-content/uploads/2019/02/youtube-logo_yellow.png') !important;
}

/*
**********************************************************************************************
 Event Theme Styles
**********************************************************************************************
*/

.ai1ec-posterboard-view.ai1ec-posterboard-aligned .ai1ec-event-wrap.goldcoast {
    /*height: 452px;*/
}

.ai1ec-posterboard-view .ai1ec-event-wrap.goldcoast {
    background-color: #fff;
}

.ai1ec-posterboard-view.ai1ec-posterboard-aligned .ai1ec-event:hover .ai1ec-posterboard-image-container .ai1ec-posterboard-image.goldcoast {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-filter: none;
    filter: none;
}

.ai1ec-posterboard-view .ai1ec-event-title {
    margin-bottom: 15px;
}

.ai1ec-posterboard-view.ai1ec-posterboard-aligned .ai1ec-posterboard-image-container .ai1ec-event-description.goldcoast {
    opacity: 1 !important;
    position: static;
}

a.btn-event {
    background-color: #3d6b99;
    color: #fff;
    display: block;
    margin: 15px 0 25px 0;
    padding: 5px 12px;
    text-align: center;
    width: 130px;
}

a.btn-event:hover {
    background-color: #335980;
    color: #fff;
}

.goldcoast .ai1ec-event-avatar {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ai1ec-posterboard-view .goldcoast .ai1ec-event-avatar {
    padding: 0 !important;
}

.ai1ec-posterboard-view .goldcoast .ai1ec-event-wrap {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ccc;
    border-radius: 3px;
    padding: 8px 8px 15px 8px;
}

/* Stream */

.ai1ec-stream-view .ai1ec-event-inner,
.ai1ec-stream-view .ai1ec-event {
    height: auto;
}

.ai1ec-stream-view .ai1ec-event-inner {
    margin: 12px;
    padding-left: 100px;
}

.ai1ec-stream-view .ai1ec-event-description {
    margin-top: 12px;
}

/*
**********************************************************************************************
 Responsive Styles
**********************************************************************************************
*/

@media screen and (max-width: 640px) {

    .ai1ec-stream-view .ai1ec-event-avatar-wrap {
        margin-bottom: 15px;
    }

}

@media screen and (max-width: 991px) and (min-width: 768px) {

    .site-footer .col-sm-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 767px) {

    .site-footer .col-sm-4 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 736px) {

    .ff-mobile-sm .col-sm-4 {
        width: 50%;
    }

    .mobile-sm-txt h1 {
        font-size: 32px;
        /*margin-top: -30px;*/
    }

    .mobile-sm-txt h3 {
        font-size: 32px;
    }

    .mobile-pad-top-0 {
        padding-top: 0 !important;
    }

    .mobile-sm-txt h2.section-title {
        font-size: 32px;
    }

    .title-pad-mobile h2.section-title {
        margin-top: 15px;
    }

    .mobile-pad {
        padding: 0 20% !important;
    }
}