GeneratePress Basic Fluid Styles

generate-basic-fluid.css

/* Base HTML */

html {
    font-size: 62.5%;
}

p {
  font-size: clamp(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.4545)), 1.8rem);   
}

/* Headings */

h1 {
    font-size: clamp(3.0rem, calc(3.0rem + ((1vw - 0.32rem) * 2.2727)), 6.0rem) !important;
    font-weight: 700;
}

h2 {
    font-size: clamp(2.9rem, calc(2.9rem + ((1vw - 0.32rem) * 2.2727)), 4.0rem) !important;
    font-weight: 700;
}


h3 {
    font-size: clamp(1.8rem, calc(1.8rem + ((1vw - 0.32rem) * 2.2727)), 2.5rem) !important;
    font-weight: 700;
}

h4 {
    font-size: clamp(1.2rem, calc(1.2rem + ((1vw - 0.32rem) * 2.2727)), 2.2rem) !important;
    font-weight: 700;
}

h5 {
    font-size: clamp(1.0rem, calc(1.0rem + ((1vw - 0.32rem) * 2.2727)), 2.0rem) !important;
    font-weight: 700;
}

/* Sitewide Padding Containers */

.entry-content > .gb-container {
    padding: clamp(15px, 5%, 50px);
	margin-bottom: 5%;
}

/* When you have nested Containers - Set the fullwidth-section class on either the parent container or the next child container */

.entry-content > .gb-container.fullwidth-section { /* Parent Container when you want all child items to be full width */
	padding: 0;
}

.entry-content .gb-container.fullwidth-section { /* Child containers when you want to break out a single child section */
    padding-left: 0;
	padding-right: 0;
}

.page-title {
    padding: clamp(15px, 5%, 50px);
}

.site-header {
    padding-left: clamp(15px, 5%, 50px);
	padding-right: clamp(15px, 5%, 50px);
}

@media (max-width: 768px) {
	.inside-header {
		padding-right: 0px;
		padding-left: 0px;
	}
}