/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: TheBrand
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

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




/* ************************************* */
/* Center Logo For Mobile Devices */
/* ************************************* */
@media only screen and (max-width: 400px) {
	#site-header #site-logo {    
		float: none !important;    
		display: block !important;    
		text-align: center !important;    
		width: 100% !important;
		max-width: none !important;
	}
	#site-logo #site-logo-inner {    
		display: block !important;
		height: auto !important;
	}
}


/* ************************************* */
/* This part centers the mobile menu toggle */
/* ************************************* */
.oceanwp-mobile-menu-icon {
    float: none !important;
    right: auto !important;
    text-align: center !important;
}


/* ************************************* */
/* Reduce h1 size on mobile phones */
/* ************************************* */
@media only screen and (max-width: 500px) {
h1 {
	font-size: 20px !important;
	line-height:25px !important;
	}
}




/* ************************************* */
/* Change WP Forms submit button colour */
/* ************************************* */
.wpforms-form button[type=submit] {
    background-color: #3d0d7b !important;
    border-color: #3d0d7b !important;
    color: #fff !important;
    transition: background 0.3s ease-in-out;
}
 
.wpforms-form button[type=submit]:hover {
    background-color: #a685d0 !important;
}