/*
Theme Name: Socially Viral Child
Description: Child theme for Socially Viral theme
Author: Crosby Interactive
Template: mts_sociallyviral
*/

.activity object {
    max-width: 100%;
    height: 517px !important;
}

.activity{
	text-align: center;
}

#primary-navigation li, #primary-navigation li a {
    font-family: 'Roboto';
    font-weight: normal;
    font-size: 17px;
    color: #ffffff;
    text-transform: uppercase;
}

.navigation ul li {
    float: left;
    line-height: 24px;
    position: relative;
    border-right: 1px solid rgba(255, 255, 255, 0.22);
    transition: background 0.25s ease-in;
}

#primary-navigation a {
    padding: 15px 17px;
    box-sizing: border-box;
}

.tagcloud a {
    font-size: 14px!important;
    padding: 3px 5px;
    margin-bottom: 3px;
    float: left;
    margin-right: 3px;
    background: #F47555;
    color: #FFFFFF!important;
    transition: all 0.25s linear;
}

.education-list{
    width:49%;
    float:left;
}

small{
    font-size:50%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}
.embed-responsive {
    position: relative;
    display: block;
    height: 500px;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.article #searchform {
    max-width: none;
    margin-bottom: 25px;
}

.ajax-search-results{
    background-color: #FFF;
    box-shadow: 2px 2px 2px #ccc;
    margin-top:0;
}

.mobile-replace{display:none;}

//Responsive styling

@media (max-width: 767px) {
	.activity object {
		height: 400px!important;
	}


}

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

    .education-list{
        width:100%;
        float:none;
    }

    .logo-wrap {
       display:none;
    }
    .breadcrumb {display: none;}

    .header-search, #header .header-social {
        display: none;
    }

    .mobile-replace{display:block;}
    .replaceable   {display: none;}
}
@media (max-width: 480px) {
	.stage-wrap .stage .activity object {
		height: 240px!important;
	}
    

}