
.wp-container-3.entry-content.wp-block-post-content {
  margin-top: 54px;
}
header.masthead {
	    margin-top: -54px;
		}
.wp-container-3.entry-content.wp-block-post-content {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.wp-site-blocks {
	padding-left: none;
	padding-right: none;
}
.wp-container-2 .wp-block-group {
	display: none;
}
.wp-container-8.wp-block-group {
	display: none!important;
}
.sa_activestar {
	background-position:0!important;
	background-size:cover!important;
	margin-right:2px;
	filter: invert(39%) sepia(99%) saturate(421%) hue-rotate(168deg) brightness(93%) contrast(91%);
}
.sa_comments:before, .sa_comments:before {
	display: none;
}
section#clients-section {
	max-width: 100%;
}
svg.bi.bi-chat-text-fill {
	margin-right: 0.3rem;
}
.img-typeright-clients {
	max-width: 24%;
	min-width: 10rem;
	max-height: 100%;
	width: auto;
	height: auto;
}
img.js-lazy-image.freesampletextimage {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.container {
	padding-left:0;
	padding-right:0;

}
.sa_bgWhite .sa_review {
	background-color: #ffffff50!important;
}
.sa_comments{
	background-color:unset!important;
}
label.input-group-text {
	background-color: #70c1b2;
}
.custom-file-button {
	width:calc(100% - 1px);
}
textarea {
	color: #333;
	border: 1px solid #cccccc;
	width: calc(99% - 0px);
	padding: 8px 5px 5px 15px!important;
	height: 120px;
	font-size: 1rem;
	transition: all 0.3s ease-in-out 0s;
}
.custom-file-button input[type=file] {
	margin-left: -2px !important;
}

.custom-file-button input[type=file]::-webkit-file-upload-button {
	display: none;
}

.custom-file-button input[type=file]::file-selector-button {
	display: none;
}

.custom-file-button:hover label {
	background-color: #dde0e3;
	cursor: pointer;
}
.hidden, .hiddenthing {
	display:none;
}
.contact-input, .sample-input {
	width: 100%;
}
.row.gx-5.justify-content-center {
	--bs-gutter-x: 0;
	width:99%;
}

.form-body form ul {padding:0; overflow:hidden; margin:10px 0 0;}
.form-body form ul li {list-style-type:none; margin:0 0 5px 0;}
.form-body form input[type="text"], .form-body form input[type="email"],.form-body form input[type="tel"], .form-body form select {padding:8px 5px 5px 15px!important; height:44px; font-size:1rem; border:none; color:#333; transition:all 0.3s ease-in-out 0s; border:1px solid #cccccc;}

/*Sets webiste display so it centers upon zooming out and keeps svg images in the middle*/
html{
	display: table;
	/*margin: auto;*/
}

/*Defines heading styles*/
h1 {
	font-family: 'Quicksand',sans-serif;
}

.masthead-text {
	font-size: 3rem;
	padding-bottom: .5rem;
}

/*Use to grow things on hover ooooh ahh*/
.grow { 
	transition: all .2s ease-in-out; 
}

.grow:hover { 
	transform: scale(1.1); 
}

/*Centers things*/
.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%!important;
}

/*Top and bottom padding for nav bar*/
#mainNav {
	padding-top: 0.125rem;
	padding-bottom: .125rem;
}

.navbar-brand, h2, .h2, h1, .h1, h3, .h3, h4, .h4, .button-slider-option {
	font-family: 'Patua One',sans-serif;
}

/*Text for TypeRight on nav bar*/
#mainNav .navbar-brand {
	font-size: 20pt;
	letter-spacing: 3.5pt;
}

/*Nav bar text*/
.navbar-expand-lg .navbar-nav {
	font-size: 14px;
}

/*Nav bar 'Contact us' button*/
.btn {
	font-size: 14px!important;
	padding: 0.2rem 0.25rem;
}

/*Nav bar 'Contact us' button color*/
.btn-primary {
	background-color: #357ABF;
	border-color: transparent;
}

/*Nav bar 'Contact us' button hover color*/
.btn-primary:hover {
	background-color: #2D6491!important;
	border-color: transparent!important;
}

/*Nav bar shadow removal*/
.shadow-sm {
	box-shadow: none!important;
}


/*Makes masthead transparent so you can see SVG background behind it*/		
#testimonial-section {
	background: url('https://typerightediting.com/sandbox/newage/assets/img/typeright-blob-2.svg');  
	background-size: 39rem;
	background-position: top right;
	background-repeat: no-repeat;
}
#section1 {
	background: url('https://typerightediting.com/sandbox/newage/assets/img/typeright-blob-3.svg');  
	background-size: 31.5rem;
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: 0rem;
}
.masthead {
	background: url('https://typerightediting.com/sandbox/newage/assets/img/typeright-blob-1.svg');  
	background-size: 51.5rem;
	background-position: top right;
	background-repeat: no-repeat;
	background-color: transparent;
	padding-top: 5rem;
	padding-bottom: 0rem;
}

/*Background blob SVG images*/
html {
	margin:auto;
	width:93rem;
	max-width:100%;
}
body {
	max-width: 93rem;
	display: table-cell;
	font-family: 'Quicksand',sans-serif;

}
/*
body {
background: url('https://typerightediting.com/sandbox/newage/assets/img/typeright-masthead-blob.svg');
background position:top center;
backgtound-size: 40rem;
background-repeat:no-repeat;

}	
 */


	/*Makes nav bar transparent at page top, white once scrolling*/
	.navbar-default{
		transition:500ms ease;
		background:transparent!important;
	}
	.navbar-default.scrolled{
		background:#fff!important;
	}

	/*Changes 'TypeRight' on nav bar hover color*/
	#mainNav .navbar-brand:hover, #mainNav .navbar-brand:active {
		color: #F26645
	}

	/*Changes for nav bar dropdown menu for 'Services'*/
	/* The container <div> - needed to position the dropdown content */
	.nav-item {
		position: relative!important	;
		display: inline-block!important;
	}

	/* Dropdown Content (Hidden by Default) */
	.dropdown-content {
		display: none;
		position: absolute;
		background-color: white;
		border-left: 10px solid #fff;
		border-right: 10px solid #fff;
		border-top: 10px solid #fff;
		border-bottom: 10px solid #fff;
		border-radius: 14px;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}

	/* Links inside the dropdown */
	.dropdown-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
	}

	/* Change color of dropdown links on hover */
	.dropdown-content a:hover {
		background-color: #ddd;
	}

	/* Show the dropdown menu on hover */
	.nav-item:hover .dropdown-content {
		display: block;
	}

	/* Change the background color of the dropdown button when the dropdown content is shown */
	.nav-item:hover .nav-item {
		background-color: #3e8e41;
	}

	/*Changes font size of 'We'll help you get ready to publish your work*/
	.display-1 {
		font-size: 3rem;
	}



	/*Changes size of lead text*/
	.lead {
		font-size: 1rem;
	}

	/*Changes padding for lead under 'We'll help you get ready to publish your work'*/
	p.lead.fw-normal.text-muted.mb-4.lead-masthead {
		padding-right: 7rem;
	}

	/*Changes all leads to justified*/
	p.lead.fw-normal.text-muted.mb-4 {
		text-align: justify;
	}


	/*Changes max width of 'Lady building manuscript' image*/
	.img-fluid {
		max-width: 90%;
		height: auto;
	}

	/*Styles 'Get Started' button*/
	.button-get-started {
		background-color: #F26645; /*orange */
		border: none;
		border-radius: 28px;
		color: white;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 18px;
		transition-duration: .5s;
		margin-top: 1rem;
	}

	.button-get-started:hover {
		background-color:#D34B35;
		color: white;
	}

	/*text styling in lead section*/
	.lead-h1-text {
		font-size:2rem;
	}


	/*button styling for 'What we do' section*/
	.button-slider-option {
		width: 100%;
		background: white;
		border: none;
		border-radius: 28px;
		color: black;
		padding: 30px	30px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 30px;
		letter-spacing: 3.5px;
		transition-duration: .5s;
		box-shadow: 0 1px 5px 0 rgb(0 0 0 / 10%), 0 8px 16px 0 rgb(0 0 0 / 8%);
		font-weight: 600;
		margin: .5rem;
	}

	/*Styles 'What we do' bottom button*/
	.button-what-we-do-1 {
		background-color: #2D7BC9;
		border: 2px solid #2D7BC9;
		border-radius: 28px;
		color: white;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 18px;
		transition-duration: .5s;
		width:11rem!important;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 1rem;
	}

	.button-what-we-do-1:hover {
		background-color:#2D6491;
		color: white;
		border: 2px solid #2D6491;
	}

	/*Styles 'What we do' bottom button*/
	.button-what-we-do-2 {
		background-color: white;
		border: 2px solid #2D7BC9;
		border-radius: 28px;
		color: black;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 18px;
		transition-duration: .5s;
		margin-right: auto;
		margin-left: auto;
		width:11rem!important;
		margin-bottom: 1rem;
	}

	.button-what-we-do-2:hover {
		background-color:#f0f0f0;
		color: black;
		border: 2px solid #2D7BC9;
	}
	/*padding for testimonial section*/
	aside, section {
		padding-top: 5rem;
	}

	/*font parameters for testimonial heading*/
	.fs-1 {
		font-size:3rem!important;
		text-align:center;
	}

	/*Stars and names center on testimonial section*/
	.sa_info {
		text-align:center;
	}

	/*Overflow parameters on testimonial section*/
	.sa_comments {
		text-overflow: ellipsis;
	}

	/*Container parameters for 'our clients' section*/
	.container2 {
		background: #F6AE2E;
		padding-top: 6rem;
		padding-bottom: 6rem;
	}

	/*Heading 2 styling, first appears in 'What we do' section*/
	.h2 {
		font-size: 34px;
		letter-spacing: 3.5px;
	}

	/*For centering images*/
	.center {
		display:block;
		margin-left:auto;
		margin-right:auto;
		width:100%
	}

	/*Style for 'Lead for what we do' section*/
	#lead-for-what-we-do-section, #sample-section {
		padding-right:1rem;
		padding-left:1rem;
		padding-bottom:1rem;
	}

	/*Style for 'What we do' section*/
	#what-we-do-section {
		padding-right:1rem; 
		padding-left:1rem; 
		padding-bottom:0rem;
		padding-top: 5rem;
	}

	/*Styling for 'Lead for what we do' section*/
	.lead-what-we-do {
		padding-top:1rem;
	}

	/*styling for pictures in 'What we do' section*/
	.four-images {
		padding-right:1rem;
		padding-left:1rem;
		padding-bottom:1rem;
	}

	/*padding for four pictures in 'What we do section'*/
	.four-catergories {
		padding-top:3rem;
	}

	/*padding for heading for four catergories in 'What we do section'*/
	.heading-four-catergories {
		padding-bottom:1rem;
	}

	/*Slider Stuff*/
	.button-slider
	.button-slider-option

	/*Padding for left column*/
	.left-slider-column {
		padding-top: 3rem;
	}

	/*Modal contact form style*/
	.modal-header {
		background: #F6AE2E;
	}

	.form-control:focus {
		color: #212529;
		background-color: #fff;
		border-color:#2D7BC9;
		outline: 0;
		box-shadow: 0 0 0 0.25rem rgb(45 123 201 / 25%);
	}

	.btn-primary.disabled {
		color:white;
		background-color:#99CCFF;
		border-color:#2D7BC9;
	}
