/*
Theme Name: Mainstream Media Works | Ocean Theme Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.1
*/

/* Parent stylesheet should be loaded from functions.php not using @import */


/*---HEADER----*/
html, body {overflow-x:hidden;max-width:100%;}
#site-logo-inner {text-align:left;}
.header-contact-infosoc aside {text-align:right;}
.textwidget {
	font-weight:600;
	font-size:20px;
	line-height:30px;
}
.header-contact-infosoc aside {text-align:right;}
.textwidget strong {
	font-weight:700;
	font-size:25px;
}
.headersocialwrapper img {max-width:45px;
	border:3px solid #ccc;}
.headersocialwrapper {
	margin-top:10px;
}
.metaslider.metaslider-138 {
    margin-bottom: 0px !important;
}
.metaslider .flexslider {
    margin: 0 0 0px !important;
}
/*---BODY----*/
#main #content-wrap {
	background-color:#fffffff2;
	padding:30px;
}

#main #content-wrap #content h1 {
	border-left:7px solid #000;
	color:#fff;
	padding:5px 15px
}
main#main {
    margin-top: -40px;
}
#site-header {
    border-bottom: 0;
}
/*---SIDEBAR----*/


/*---FOOTER----*/
footer#footer {
    padding: 0;
}
#home-sidebar-container {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: -5px 0px !important;
}
.footer-column {
	background-size:cover;
    padding: 50px 20px 50px 20px;
	
}
.footer-column .col.grid_12_of_12 {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    gap: 20px;
    padding: 0 20px 0 0;
}

.footer-column .col.grid_12_of_12 h3{
    display: none;
    background: #000;
    padding: 70px 0;
}
.footer-column a {
    color: #fff !important;
}
.menu-footermenu-container a {
    color: #fff !important;
    margin-right: 15px;
}
.socialbuttonwrapper br {
    display: none;
}
.socialbuttonwrapper img {
	max-width:45px;
	border:3px solid #ccc;
}

a.reviewbut.customize-unpreviewable img {
    max-width: 240px;
    margin-top: 10px;
}
.sideform p {
	font-size:15px;
		color:#ffff;
}
.sideform {
    background: #333;
    padding: 25px;
	border-radius:8px;
	margin-bottom:15px;
	width:100%;
	max-width:100%;
}
.sideform h1 {
    background: #1E73BE;
    margin: -25px -25px 20px;
    padding: 15px;
    border-radius: 8px 8px 0 0;
    color: #fff;
}
.socialbuttonwrapper a.reviewbut.customize-unpreviewable img {
    max-width: 240px !important;
    width: 240px !important;
    margin-top: 10px;
}
.socialbuttonwrapper .reviewbut img {
    max-width: 275px;
    margin-top: 10px;
	border:0px solid #777;
}

.footer-column aside {
    width: 1280px;
    margin: 0 auto;
}
.footer-column .col.grid_3_of_12 {
    max-width: 24%;
}
.footer-column .col.grid_12_of_12 {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    gap: 20px;
}
.footer-column .new-heading {
    width: 1280px;
    margin: 0 auto 20px;
	color:#fff;
}
.footer-column img {
	margin-bottom:20px;
	border:5px solid #fff;
    width: 100%;
}
.footer-column a {
	color:#fff;
}

ul#menu-footermenu {
	text-align:center;
}
ul#menu-footermenu li {
    list-style: none;
    display: inline-block;
    margin: 0 10px;
    font-size: 14px;
}
ul#menu-footermenu li a {
	color:#fff;
}
a:hover img {opacity:0.7;}

@media only screen and (max-width: 1024px) {
    .footer-column aside {
        width: 100%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1024px) {
	div#primary, aside#right-sidebar {
        min-width: 100%;
            max-width: 100%;
        padding-right: 0;
    }
}

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

}

@media only screen and (max-width: 768px) {
    div#site-header-inner {
        z-index: 9999 !important;
    }
    .metaslider {
        z-index: 999 !important;
        position: relative;
    }
    .sideform, .socialbuttonwrapper {
        min-width: 100%;
    }
    .footer-column .col.grid_12_of_12 {
        display: flex
    ;
        justify-content: space-evenly;
        flex-direction: row;
        gap: 20px;
        flex-wrap: wrap;
    }
    .footer-column .col.grid_3_of_12 {
        min-width: 48%;
    }
}
@media only screen and (max-width: 767px) {
    .col:not(.swiper-slide), .blog-entry {
        width: 100% !important;
        margin-bottom: 25px;
        max-width: 100% !important;
        text-align: center;
    }
}
@media only screen and (max-width: 600px) {
    .header-contact-infosoc aside {
        text-align: center;
        margin: 10px;
    } 
}

@media only screen and (max-width: 425px) {
    .header-contact-infosoc aside {
        text-align: center;
        margin: 10px;
    }
	.footer-column .col.grid_12_of_12 {
        flex-direction: column;
    }
	.footer-column .col.grid_3_of_12 {
    max-width: 100%;
    text-align: center;
}
}

@media only screen and (max-width: 375px) {
    
}