/*
 Theme Name:   Bootstrap theme Child
 Theme URI:    https://totalsurf.net/
 Description:  Bootstrap theme Child
 Author:       Total Surf
 Author URI:   https://totalsurf.net/
 Template:     bootstraptheme
 Version:      1.0.0
 Tags:         theme, bootstrap
 Text Domain:  bootstraptheme-child
*/

#ending {
    width: 100%;
}

.collapse {
	text-transform: uppercase;
}

.upper {
	text-transform: uppercase;
}

.contact {
    margin-top: 50px;
}

.serviceboxes {
    margin-top: -150px!important;
}

.boxes {
    padding-top: 50px;
}

.second {
    padding-top: 100px;
}

.home-submit {
	color:#ffffff!important;
	background-color:#8650c8!important;
}

.center-padding {
	max-width: none!important;
    margin: 0!important;
    padding-left: 20%!important;
    padding-right: 20%!important;
}

div.heading {
    padding-top: 100px;
    padding-bottom: 300px;
}

.formmap {
    padding-top: 20px;
}

.card-title {
    font-weight: 700;
    font-size: 35px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #8650c8;
}

.card {
    padding: 20px;
}

.card a.btn {
	text-transform: uppercase;
}

.home-title {
    font-size: 60px!important;
    font-weight: 700!important;
}

.home-info {
    padding-top: 10px;
    padding-bottom: 10px;
}

.prices-heading {
    padding-top: 20px;
	padding-bottom: 20px;
}

.container h1 {
    font-size: 50px!important;
    font-weight: 700!important;
}

.no-margin-bottom {
	margin-bottom: 0rem;
}

.phone-number a {
	color: #8650c8;
    font-family: poppins;
    font-size: 24px!important;
    font-weight: bold!important;
}

div.all-you-need-to-know p, h2, h3 {
	padding-top: 5px;
	padding-bottom: 5px;
}

div.all-you-need-to-know h1 {
	padding-top: 20px;
	padding-bottom: 20px;
}

@media (max-width:765px){
	div.all-you-need-to-know img {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

.blog {
	margin-bottom: 50px;
}

div.blog h1 {
	padding: 30px;
	color: #8650c8;
}

div.blog .row {
	--bs-gutter-x: 1.5rem!important;
    --bs-gutter-y: 1.5rem!important;
}

.more-link {
	background-color: #8650c8!important;
}

.card-img {
	padding-bottom: 20px;
}

h5.card-title a {
	color: #8650c8!important;
}

div.card-text p {
	color: #000!important;
}

div.card-body .btn {
    font-size: 16px!important;
}

.bordered-row {
    border-left: 1px solid #e4e4e4 !important;
}

.info-padding {
    padding-top: 5px;
    padding-bottom: 5px;
}

.contact-button {
    margin-top: 20px;
}

.btn {
	color: #ffffff;
    font-family: 'Poppins', sans-serif;
    border-color: #8650c8;
    font-style: normal;
    background-color: #8650c8;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 24px!important;
    font-weight: 700!important;
	border-radius: 0rem!important;
    border: 0px!important;
}

div.single h1 {
	padding-top: 30px;
	color: #8650c8;
}

div.single header {
	padding-bottom: 30px;
}

.submit-button {
	background-color: #8650c8!important;
}

.wpcf7 input[type="submit"] {
	background-color: #8650c8!important;
}

.logged-in-as {
	color: #8650c8;
}

.comment-form label {
	color: #000;
}

div.error404 h1 {
	color: #8650c8; 
}

.error404 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.terms-of-use-row {
	padding-top: 50px;
}

.terms-of-use-colour {
	padding-top: 50px!important;
}

.guide-image-1 {
	margin-top: 120px;
}

.guide-image-2 {
	margin-top: 75px;
}

.clickable {
	cursor: pointer;
}

@media (min-width:1300px){
	.nav-left {
		margin-left: auto!important;
	}

	.nav-right {
		margin-right: auto!important;
	}
}

@media (max-width:1299px){
	.nav-left {
		margin-left: auto!important;
		margin-right: auto!important;
	}

	.nav-right {
		margin-right: auto!important;
		margin-right: auto!important;
	}
}


body {
    background-color: #f6f6f6!important;
}

.menu-item a {
	color: #8650c8;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

h1, .h1 {
	color: #8650c8;
    font-family: 'Poppins', sans-serif!important;
    font-size: 50px!important;
    line-height: 63px!important;
    font-weight: 700!important;
    letter-spacing: -0.5px;
    text-transform: capitalize;
}

h2, .h2 {
	color: #8650c8;
    font-family: 'Poppins', sans-serif!important;
    font-size: 35px!important;
    line-height: 43px!important;
    font-weight: 700!important;
    letter-spacing: -0.5px;
    text-transform: none;
}

h3, .h3 {
	color: #8650c8;
    font-family: 'Poppins', sans-serif!important;
    font-size: 24px!important;
    line-height: 43px!important;
    font-weight: 600!important;
    letter-spacing: -0.5px;
    text-transform: none;
}

h4, .h4 {
	color: #ffffff;
    font-family: 'Open Sans', sans-serif!important;
    font-size: 20px!important;
    line-height: 30px!important;
    font-weight: 400!important;
    letter-spacing: 0px;
    text-transform: none;
}

h5, .h5 {
	color: #8650c8;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    line-height: 43px;
    font-weight: 700;
    letter-spacing: -0.5px;
    text-transform: none;
}

@media only screen and (max-width: 600px) {
	h1, .h1 {
		font-size: 30px!important; 									
	}

	h2, .h2 {
		font-size: 25px!important; 									
	}

	h3, .h3 {
		font-size: 20px!important; 									
	}
}

h2, h3 {
	color: #8650c8;
}

li, div, body {
    color: #666;
    /*font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    margin-top: 25px;
    margin-bottom: 25px;*/
}

table {
	color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    margin-top: 25px;
    margin-bottom: 25px;
}

p {
	color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    margin-top: 25px;
    margin-bottom: 25px;
}

li {
	font-family: Raleway,sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}

td {
    color: #666!important;
}

th {
    color: #666!important;
}

body a {
    color: #8650c8;
}

body a:hover, body a:focus {
    color: #d9a3e2;
}

footer a {
    color: #fff;
	font-weight: bold;
    text-decoration: none;
}

footer a:hover, footer a:focus {
    color: #8650c8;
}

footer p {
    color: #fff;
}

nav.navbar a {
    color: #8650c8;
}

nav.navbar a:hover, nav.navbar a:focus {
	opacity:0.8;
}

.dropdown-menu {
	padding: .4rem 1rem!important;
	/*top: 121px!important;*/
}

@media (min-width:1200px){
	.dropdown-menu {
		position: fixed!important;
	}
}

li.current_page_item a {
    color: #d9a3e2;
}

li.current_page_item a:hover, li.current_page_item a:focus {
	color: #d9a3e2;
    opacity:0.8;
}

#comments{
	display:none;
}
.card .card-footer .comment{
	display:none;
}
/*Totalsurf 2024/11*/

@media (min-width:1361px){
	.nav-left {
		margin-left: auto!important;
	}

	.nav-right {
		margin-right: auto!important;
	}
}
@media (max-width:1361px) and (min-width:1200px){
    .navbar{
        flex-wrap: nowrap!important;
    }
    nav.navbar a {
        padding: 0.5rem 0.4rem!important;
    }
    .nav-left {
		margin-left: 5px!important;
		margin-right: auto!important;
	}

	.nav-right {
		margin-left: auto!important;
		margin-right: 5px!important;
	}
}