/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


:root {
/*text colors*/
  --primary-color: #161231;
  --secondary-color: #F7FBFE;
  --tertiary-color: #04F;
  --white-color: #fff;
	
/*background colors*/
  --primary-bg: #F7FBFE;
  --secondary-bg: #161231;
  --tertiary-bg: #EDF5FB;
  --white-bg: #fff;
  --button-primary-bg: #04f;
}

/*general*/
body {
	background-color: var(--white-bg);
}

.inner-container {
	width: 1600px;
	margin: 0 auto;
}

/*font family*/
.heading-font {
	font-family: "Mohol-Regular", Arial, sans-serif;
}

.text-font {
    font-family: "Mulish-Regular", Arial, sans-serif;
}

.button-font {
	font-family: "WorkSans-Regular", Arial, sans-serif;
}

/*font size*/
.font-size-heading {
	font-size: 55px;
	line-height: 60px;
}

.font-size-text-s {
	font-size: 18px;
}

.font-size-text-m {
	font-size: 25px;
}

/*contact block form*/
.contact .inner-container .row .right-column .wpforms-container.inline-fields {
	display: flex;
}

.contact .inner-container .row .right-column .wpforms-container.inline-fields .wpforms-form {
	align-items: center;
}

.contact .inner-container .row .right-column .wpforms-container {
	margin: 0px;
}

/*input field form*/
.wpforms-container.inline-fields input.wpforms-field-medium {
    width: 286px;
    height: 62px;
    border-radius: 32px;
    background: var(--white-bg);
}

/*submit button form*/
.wpforms-container.inline-fields .wpforms-submit {
    display: flex !important;
    width: 286px !important;
    height: 62px;
    padding: 10px 17px 10px 15px;
    justify-content: center;
    align-items: center;
    border-radius: 32px;
    background: var(--button-primary-bg);
    margin-left: 15px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.wpforms-container.inline-fields .wpforms-submit-container {
	padding: 0px !important;
}

/*buttons*/
.button {
	display: flex;
	height: 62px;
	justify-content: center;
	align-items: center;
	text-decoration: none;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
	padding: 10px 17px 10px 15px;
	font-size: 18px;
	font-weight: 500;
	border-radius: 32px;
	width: 265px;
}

.button-primary {
	color:  var(--secondary-color);
    background: var(--button-primary-bg) !important;
    color: white;
    
}

.button-outline {
	border: 4px solid #04F;    
	color:  var(--primary-color) !important;
	background-color: transparent !important;
}

/*font family*/
@font-face {
    font-family: "Mohol-Regular";
    src: url("fonts/Mohol-Regular.otf") format("truetype");
}

@font-face {
    font-family: "Mulish-Regular";
    src: url("fonts/Mulish-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "WorkSans-Regular";
    src: url("fonts/WorkSans-Regular.ttf") format("truetype");
}