/*--------------PLEASE PLACE ALL CUSTOM CSS HERE ----------------*
NOTES: If you use Appearance/Customize/Additional CSS to test your custom CSS, please make sure that once you're done you add that code to this stylesheet and remove it from the Appearance/Customize/Additional CSS section. Please add a commented out title to the custom code you add to this page so it's easy for developers to find what they need. 
----------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Vollkorn:wght@400;700&display=swap');

.breakout h1, .breakout h2 {
	margin-top: .5em;
	
}

h1, h2, h3, h4, h5, h6, .topperLogo{
	font-family: 'Vollkorn', serif;
	color: #261a36;
	font-weight: 500;
}

main form input[type="submit"]{
	border: 3px solid #e77500 !important; 
}

main form input[type="submit"]:hover{
	border: 3px solid #e77500 !important; 
}

main form label[for*="biziq_review_rating"] {
	color: #fff;
}
main form label[for="biziq-is-human"]{
	color: #fff;
}



.text-orange {
	color: #e77500 !important;
}

.border-orange {
	border: 3px solid #e77500 !important; 
}

.border-orange:hover {
	border: 3px solid #e77500 !important; 
}

.topperLogo {
  color: #e77500;	
  text-decoration: none;
}

.fa-thumbs-up:before {
    content: "\f164";
	color: #e77500;
}

.fa-thumbs-down:before {
    content: "\f165";
	color: #e77500;
}

.img-plus {	
    border-width: 5px;
	border-color: #261a36;
    border-style: double;
	padding: 4px;
/*     box-shadow: 0 0 100px white; */
}

.breakout {
	background: linear-gradient(0deg, rgba(38, 26, 54, 0.9), rgba(20, 11, 32, 1)), url('/wp-content/uploads/Flowers_600x400.jpg') no-repeat center center/cover;
	background-attachment:fixed;
}



/* hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
} */

.author-name {
    font-family: 'Vollkorn', serif;
    font-size: 1.2rem;
}

hr{height: 24px; background: url('/wp-content/uploads/florish.png') no-repeat 50% 50%; margin: 3em 0; border: 0;}

#footer .icon-item i {
    color: #e77500;
}

#footer h2 {
	color: #fff;
}

.card-title {
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
    color: #261a36;
    text-transform: uppercase;
    letter-spacing: .1rem;
}
.card-title::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #e77500;
    transform: rotate(45deg);
    /* display: flex; */
    margin: 0.5rem auto;
}

.card {
	transition: border .8s ease-in-out .25ms;
}

.card:hover {
	border: 1px solid #e77500;
}
.card-body {
	transition: transform .8s ease-in-out .25ms;
}

.card-body:hover {
	transform: scale(1.05)
}

.nav-bar ul a {
    font-family: 'Vollkorn';
    margin-top: 0.5rem;
    font-size: 1rem;
	font-weight: 500;
}

@media only screen and (min-width:768px){
	h1, h2 {
		font-size: 2.5rem;
		margin-top: 3rem;
	}
	#footer h2 {
		font-size: 2rem !important;
		margin-top: 3rem !important;
	}
	.slide-header {
    font-size: 4rem !important;
}
	
}