/*	
	Custom.css
*/
/*	Site Name: Silverbadge.co.uk
	Date: October 2024
*/

/* Fonts

font-family: 'TTCommonsProRegular';
font-family: 'TTCommonsProMedium';
font-family: 'TTCommonsProBold';
font-family: 'TTCommonsProLight';
font-family: 'TTCommonsProNormal';

*/

@font-face {
	font-family: "TTCommonsProRegular";
	src: url('/wp-content/themes/genesis-sample/fonts/TTCommonsProRegular/font.woff2') format('woff2'), url('/wp-content/themes/genesis-sample/fonts/TTCommonsProRegular/font.woff') format('woff');
  }
  @font-face {
	font-family: "TTCommonsProMedium";
	src: url('/wp-content/themes/genesis-sample/fonts/TTCommonsProMedium/font.woff2') format('woff2'), url('/wp-content/themes/genesis-sample/fonts/TTCommonsProMedium/font.woff') format('woff');
  }
  @font-face {
	font-family: "TTCommonsProBold";
	src: url('/wp-content/themes/genesis-sample/fonts/TTCommonsProBold/font.woff2') format('woff2'), url('/wp-content/themes/genesis-sample/fonts/TTCommonsProBold/font.woff') format('woff');
  }
  

/* Colours
text: #24344D;
green text: #9DC454;
grey footer: #241F211A;
grey block: #9D9EA01A;
*/

/* Font size - responsive */
html {
	font-size: 62.5%; /* 10px (1rem) browser default  */
    font-size: calc(15px + 0.390625vw);
}

body > div {
	font-family: 'TTCommonsProMedium';
	font-size: 1rem;
    line-height: 1.3;
	color: #24344d;
}

/* Headings

--------------------------------------------- */

h1 {
	font-family: 'TTCommonsProBold';
	font-size: 1.6rem;
}

h2 {
	font-family: 'TTCommonsProMedium';
	font-size: 1.4rem;
}

h3,
.entry-content h3 {
	font-family: 'TTCommonsProMedium';
	font-size: 1.2rem;
	font-weight: normal;
}

/* Typography ...........................*/

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* Titles ------------------------------------ */

/* Remove default entry elements */

.entry-header {
	display: none;
}
.entry-title {
	margin-bottom: 30px;
}
.entry-meta {
	display: none;
}
.post-edit-link {
	display: none;
}
.entry-footer {
	display: none;
}
:focus {
	outline: none;
}


/* Site containers */

.site-inner {
	max-width: 100%;
	padding: 30px 0;
	margin:auto;
}

.content {
	width: 100%;
}
.entry {
	margin-bottom: 20px;
}

.full-view {
    display: none;
}
.mobile-view {
    display: block;
}
.page-content {
	max-width: 1920px;
	margin: auto;
	padding: 0 5.5vw;
}
.page-text {
	width: 89vw;
	margin:auto;
}
.grey {
	width: 100%;
	padding: 30px 8%;
}


/* Site header ...............*/

.site-header {
	position: relative;
	max-width: 1920px;
	padding: 30px 5.5vw 0;
	box-shadow: none;
	margin: auto;
}

.wp-custom-logo .title-area {
	width: 60%;
	float: left;
	max-width: 300px;
}

/* Navigation ..................*/

.genesis-nav-menu a {
	color: #24344d;
	font-size: 0.9rem;
}

.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu a:hover,
.footer-widgets .widget_nav_menu .current-menu-item > a,
.footer-widgets .widget_nav_menu a:hover{
	color: #B5C9BA;
	text-decoration: none;
}
.menu-item a img {
	width: 0.9rem;
}

/* Responsive menu ................*/

.menu-toggle {
	margin: 0;
	padding: 0;
	height: 60px;
}
.dashicons-menu:before {
	content: url(/wp-content/uploads/2024/11/SB_burger_sm.png);
	width: 45px;
	height: 40px;
}
.menu-toggle.activated::before {
	content: url(/wp-content/uploads/2024/10/Burger-close.png);
}
.menu-toggle svg {
	width: 3rem;
}

.site-header .nav-primary {
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
}
.genesis-responsive-menu .genesis-nav-menu .menu-item {
	text-align: center;
}

/* Footer ..........................*/

.site-footer,
.footer-widgets {
	background-color: #9D9EA01A;
	border-top: 0;
}
.widget {
	margin-bottom: 0;
}
.footer-widgets {
    border-top: 0px;
    padding: 30px 0 0 0;
    font-size: 0.75rem;
    clear: both;
    color: #24344D;
}
.footer-widgets .wrap {
    border-bottom: 1.5px solid #24344D;
	width: 88vw;
	margin: auto;
    max-width: 1920px;
    padding-left: 0px;
    padding-right: 0px;
	padding-bottom: 30px;
	clear: both;
}
.footer-widgets .tb-grid {
	grid-template-columns: minmax(0, 0.5fr) minmax(0, 0.5fr);
}

.footer-widgets .widget-area {
        padding: 30px 0;
		margin-bottom: 0;
    }
.footer-widgets-1 {
	border-bottom: 1.5px solid #24344D;
}
.footer-widgets-1 #block-12 img {
	max-width: 250px;
}

.footer-widgets .widget_nav_menu a {
	font-size: 0.9rem;
}

ul#menu-footer-menu-1 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
ul#menu-footer-menu-1 li {
	padding: 5px 20px;
	margin-bottom: 0;
}
.footer-widgets-1 #block-21,
.footer-widgets-2 #block-20 {
	display: none;
}
.footer-widgets-3.footer-widget-area {
	padding: 0;
}
.footer-widgets-3 img {
	width: 7.5vw;
	max-width: 40px;
}
.footer-widgets-3 p {
	margin-bottom: 10px !important;
}



/* Site content ..............
..............................*/

/* Headers */
.header-image img {
	width: 100vw;
	max-width: 1920px;
}

/* Home page */

.service-image-block p {
	padding: 20px 30px 0px 30px;
}

/* About page */

.team-member-text {
	padding: 30px;
}
table {
	margin-bottom: 0;
}
tr,
tbody {
	border-top: 0;
	border-bottom: 0;
}
td {
	padding: 0;
	line-height: 1.3;
}
/* Popups */

.sgpb-popup-dialog-main-div-theme-wrapper-1 {
	display: none;
}
.sgpb-theme-6-content {
	border-radius: 0 !important;
}
.team-short .read-more {
	text-decoration: underline;
}

/* page content blocks */
.image-block {
	position: relative;
}
.text-center {
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	padding: 0 10%;
  }

/* Service text blocks */

.service-text {
	padding: 40px 5%;
}
.icon-heading {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 30px;
}
.icon-heading h1 {
	margin-bottom: 0;
	padding-left: 15px;
}

/* Testimonials */

.testimonial-content {
    color: #fff;
}
.testimonial h2 {
	margin-bottom: 0;
}
.testimonial-view img {
    width: 3rem;
}
ul.pagination-dots {
    padding-left: 0;
    margin-bottom: 0;
}
.wpv-pagination-nav-links-container a.page-link:hover,
.wpv-pagination-nav-links-container a.page-link{
    background-color: #fff;
    border: #fff;
}
.pagination-dots .active-dot a,
.pagination-dots .active-dot a:hover {
    background-color: currentColor;
    border-color: currentColor;
}


/* Contact form */

.wpcf7 {
	padding: 40px 5% 0;
}
input {
	margin-bottom: 20px;
}
.wpcf7 input[type="submit"] {
	background-color: #B5C9BA;
	border-radius: 0;
	font-size: 0.8rem;
	padding: 10px 20px;
	margin-top: 10px;
	float: right;
}
.mess-box {
	max-width: 100%;
	min-width: 100%;
}

/* Media Queries .............
..............................*/

@media only screen and (min-width: 960px) {

	.full-view {
        display: block;
    }
	.mobile-view {
        display: none;
	}
	.site-inner {
		width: 100%;
	}
	.entry {
		margin-bottom: 20px;
	}
	.site-header {
		padding-top: 30px;
	}
    .js .nav-primary {
		min-height: 120px;
		padding-top: 20px;
		padding-bottom: 40px;
		width: 50%;
	}

	.nav-primary .wrap ul {
		display: flex;
		justify-content: space-around;
		align-items: end;
	}
	.footer-widgets .widget-area {
		width: 100%;
	}
	.footer-widgets-1 #block-21,
	.footer-widgets-2 #block-20 {
		display: block;
	}
.footer-widgets-1 p {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.footer-widgets-1 img {
	display: inline-block;
	margin-right: 20px;
	max-width: 300px;
}
	.footer-widgets #nav_menu-2,
	.footer-widgets #block-14,
	.footer-widgets #block-24 {
		display: none;
	}
	ul#menu-footer-menu {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	ul#menu-footer-menu li {
		padding: 5px 20px 5px 0;
	}
	.footer-widgets .wrap {
		padding-bottom: 0;
	}

	.page-text {
		width: 80%;
		margin: auto;
	}
	
	.grey {
		padding: 60px 15%;
	}

	/* Testimonials */
	
	.testimonial-view img {
    width: 5rem;
}
	

	/* Contact page ...........*/

	.contact-block-1 {
		position: relative;
	}
	.contact-text {
		position: absolute;
		left: 10%;
		bottom: 30px;
	}
	/* Contact form */

	.contact-box {
		position: relative;
	}
	.wpcf7 {
		position: absolute;
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
	}

	input[type="text"],
	input[type="email"],
	input[type="tel"] {
    background-color: #fff;
    color: #24344D;
    width: 48%;
	float: left;
}
	input[type="email"] {
		margin-right: 2%;
	}
	input[type="tel"] {
		margin-left: 2%;
	}
	#first,
	#role {
		margin-right: 2%;
	}
	#lastname,
	#organisation {
		margin-left: 2%;
	}


}


@media only screen and (min-width: 600px) {

	.menu-toggle {
	height: 90px;
}
	
	.mobile-quotes {
		display: none;
	}

}