/*
Theme Name:       Rocket Websites
Description:      Theme for rocketwebsites.io
Author:           Rocket Websites
Author URI:       https://rocketwebsites.io/
Template:         generatepress
Text Domain:      rocket-websites
Version:          0.1.0
*/

/*@media (max-width: 768px) {
	.separate-containers .inside-article {
		padding: 20px;
	}
}*/

/* 
 * -----------------------------------------------
 *    Alternating Content Blocks
 * -----------------------------------------------
 */
.gb-container-alternating-inner ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	font-size: 1.5rem;
}

.gb-container-alternating-inner li {
	margin: 20px 0 20px 0;
}

/* Tablet CSS */
/*@media (min-width: 768px) and (max-width: 1024px) {
	.gb-container-alternating-inner ul {
		margin-left: 25px;
	}
}*/

/* 
 * -----------------------------------------------
 *    Menu
 * -----------------------------------------------
 */
#primary-menu ul {
	column-gap: 40px;
}

#generate-slideout-menu ul {
	row-gap: 15px;
	padding-left: 20px;
}

/* 
 * -----------------------------------------------
 *    Buttons
 * -----------------------------------------------
 */
button,
.main-nav li:last-child,
#generate-slideout-menu .slideout-menu li:last-child {
	color: var(--primary-dark);
	background-color: var(--accent-medium);
	border: 1px solid var(--accent-dark);
	border-radius: 15px;
	font-weight: 500;
	width: fit-content;
}

button:hover,
#primary-menu li:last-child:hover {
	background-color: var(--accent-light);
}

/* 
 * -----------------------------------------------
 *    Forms
 * -----------------------------------------------
 */
.entry-content label {
	display: block;
}

.entry-content input,
.entry-content textarea {
	border-radius: 10px;
	border-width: 1px;
	padding: 15px;
}

.entry-content input:focus,
.entry-content textarea:focus {
	border-width: 2px;
	padding: 14px; /* Decrease padding by 1 to account for border size increase */
}

.forminator-error-message {
	display: block;
	color: var(--error);
}

/* 
 * -----------------------------------------------
 *    Site Header
 * -----------------------------------------------
 */
.mobile-menu-control-wrapper .menu-toggle {
	background-color: unset;
}

@media (max-width: 395px) {
	.site-logo {
		flex-shrink: 0;
	}
	.site-branding-container {
		flex-basis: 185px;
	}
}

.mobile-menu-control-wrapper .menu-toggle:hover {
	background-color: var(--primary-light);
	border-radius: 10px;
}

/* I don't know why this style exists, but we need to override it for this one width */
@media (max-width: 768px) {
	.inside-header {
		flex-direction: unset;
		text-align: unset;
	}
}